特蓝阅读
扫描关注网站建设微信公众账号

扫一扫微信二维码

设计趋势之网页垂直分割布局

2017-08-08 0

随着移动互联网的到来,网站开发的热潮也逐渐降低,为了增强用户体验感,网页设计师将面临严峻的挑战。在网页设计别样设计的理解中,网页设计正从传统的概念里逐渐消亡,以前设计网页,只需要让它看起来不错即可,如今更注重用户体验。只有发现新的东西,才能带给用户不一样的感觉。

垂直分割布局,或许会成为网页设计的最新趋势,在很多网页设计案例中它都有出现过。垂直分割布局很好理解,它只是一个结构分两列,可以赋予它一个滑块或者静态结构单独使用滚动而已。想要深入了解,还是看实际的案例解析更直观一些。

随着Facebook新的时间轴的设计,分割式布局受到了众人的注目。留意一下,你的视线多轻易就从一个帖子流向了另一个。

网站需要覆盖大量的图形和多媒体的东西,在这种情况下,模块化方法搭配分割布局是一个双赢的解决方案。它避免凌乱的接口,并为读者提供了一个舒适的环境充满光明和充满活力的视觉效果。它将页面垂直分割成两部分以显示单独区域的内容,这些等分的页面采用亮色和暗色的对比色彩方案,并且允许用户对内容的形式进行随心所欲的设置。

在下面这个案例中,男女形成对比,颜色也形成对比,加上留白设计,这种布局设计干净清爽,有足够强的视觉表现力。相当考验设计师设计留白和布局平衡的功力,过于紧密会产生局促感,现在刚刚好。

团队选择不对称的两列“欢迎”屏幕,把图片和标题与标识为中心。右边的实面积看起来像一个相对大的侧边栏,附加额外的信息。其余的设计是典型的基于传统的单一列结构,专业涉及的所有内容。用户名单是一个网站维护用户的关键,它由两个区组成,功能导航是静态的,作为一个锚和显示图片是动态的、可滚动显示菜单选项的内容。由于这样的实现方式,用户不用离开当前主页也可以获得必要的信息。在网页设计中,页面因为内容元素的需要被分割成很多区块,区块之间的均衡就是版式设计上需要着重考虑的问题。

文章关键词
网页布局