网页美工设计

网页设计领域中的开放式布局

编辑：时间：2018-01-29 14:28:34

　　Duotix

　　涉及到开放式布局的时候，充分利用留白是一个怎么都绕不过的话题。留白最能告诉用户一个视觉元素的范畴，内容从哪里开始，在哪里结束。

　　Duotix 在整个设计中使用留白来区分不同的内容块，并且每个内容块中都有各自的行为召唤按钮。此外，在滚动过程中，白色和彩色的背景不断变化，刺激用户不断滚动。

　　PopularPays

　　通过视差滚动和简单的动效，PopularPays 这个网站让用户主动地向下滚动，其中的图片内容按照主题划分为不同的区块，结合出色的视觉设计，显得非常有吸引力。

　　这个网站的设计表明不同的趋势可以协同工作，创造出风格现代并且形式感十足的设计，通过合理的搭配，它们并不会给用户造成压力。

　　Abel

　　和其他的几个案例一样，Abel 这个网站借用开放式的布局和分层结构，让用户在浏览的时候，自然地从一个项目切换到另一个项目上。

　　开放式的布局让视觉元素在空间中相对自由地移动，看似杂乱的运动却有着整体感十足的体验，这恐怕只有开放式布局能够做到。

　　Hampshire Light

　　Hampshire Light 这个网站的美妙之处在于，它运用了开放式布局的网页来展示开放式布局的家居!

　　不对称的空间布局之下，鲜艳的色彩、漂亮的图片和微妙的动效结合在一起，让整个网站显得通透自然。

　　能让这种通透感觉显得足够明显的另外一个因素应该是标题字体和正文字体的选取，粗细大小对比都无比明显的两种字体组合到一起，其中行距也控制得足够“透气”，让整个设计从里到外都保持了一致。

　　Walking Men

　　微妙的动画和柔和的色彩，在有着充分留白的空间布局之下，呈现出一种简单的美感。这个网站中每一个页面都包含着不同的主题，开放式布局之下让网站宽容地接纳着各种不同样式的内容，这也正是这个网站突出的地方。

　　Crux

　　Crux 更是开放式布局的网站典型。首页上各种元素围绕着中心平铺在页面的周围，随着滚动整个布局被重置，网站导航被至于底部，如同视频剪辑工具中的进度条一样为用户说明所处的位置。想要让网站有趣随性到这个程度，恐怕只有开放式布局才行。

　　结语

　　作为一种设计趋势，开放式布局已经流行了一阵子了。相比于传统的网页布局，开放式布局带来了更多的可能性，它不仅仅是流行趋势的游乐场，更是需要设计师和前端通力协作才能创造出足够突出的设计，可以说开放式布局的网站是整个设计和开发团队的试金石。开放式布局有着强大的生命力，它应该还会流行很长时间。

推荐资讯

郑州平面设计培训：清新教育坚持学会为止

相关资讯

有问题需要老师在线解答？立即提问马上回复

更多 热门课程排行榜

更多 报名答疑招生问答

全部课程分类