你了解风靡网页设计领域的「开放式布局」嘛?(2)
Duotix涉及到开放式布局的时候,充分利用留白是一个怎么都绕不过的话题。留白最能告诉用户一个视觉元素的范畴,内容从哪里开始,在哪里结束。 Duotix 在整个设计中使用留白来区分不同的内容块,并且每个内容块中都有各自的行为召唤按钮。此外,在滚动过程中,白色和彩色的背景不断变化,刺激用户不断滚动。 PopularPays通过视差滚动和简单的动效,PopularPays 这个网站让用户主动地向下滚动,其中的图片内容按照主题划分为不同的区块,结合出色的视觉设计,显得非常有吸引力。 这个网站的设计表明不同的趋势可以协同工作,创造出风格现代并且形式感十足的设计,通过合理的搭配,它们并不会给用户造成压力。 Abel和其他的几个案例一样,Abel 这个网站借用开放式的布局和分层结构,让用户在浏览的时候,自然地从一个项目切换到另一个项目上。 开放式的布局让视觉元素在空间中相对自由地移动,看似杂乱的运动却有着整体感十足的体验,这恐怕只有开放式布局能够做到。 Hampshire LightHampshire Light 这个网站的美妙之处在于,它运用了开放式布局的网页来展示开放式布局的家居! 不对称的空间布局之下,鲜艳的色彩、漂亮的图片和微妙的动效结合在一起,让整个网站显得通透自然。 能让这种通透感觉显得足够明显的另外一个因素应该是标题字体和正文字体的选取,粗细大小对比都无比明显的两种字体组合到一起,其中行距也控制得足够“透气”,让整个设计从里到外都保持了一致。 Walking Men微妙的动画和柔和的色彩,在有着充分留白的空间布局之下,呈现出一种简单的美感。这个网站中每一个页面都包含着不同的主题,开放式布局之下让网站宽容地接纳着各种不同样式的内容,这也正是这个网站突出的地方。 CruxCrux 更是开放式布局的网站典型。首页上各种元素围绕着中心平铺在页面的周围,随着滚动整个布局被重置,网站导航被至于底部,如同视频剪辑工具中的进度条一样为用户说明所处的位置。想要让网站有趣随性到这个程度,恐怕只有开放式布局才行。 结语(编辑:ASP站长网) |