1.5 平面主义
在过去的几年里,我们注意到网页设计中文本加载方向的一个缓慢的转变。不仅设计获得了层次感和真实感,连导航也发生了改变。一些设计师用传统的垂直滚动和滑动导航,既可以水平滚动又可以垂直滚动,甚至是纯水平滚动。这就是所谓的“平面主义”。由于鼠标设计的是垂直滚动,因此采用水平滚动条的网站更难以浏览。但是随着多点触碰设备的出现,让我们可以重新考虑这种设计的可用性。毕竟在这种设备上,用户是垂直浏览还是水平浏览真的无关紧要,并且一些插件(如Scrollable和jScrollHorizontalPane)简化了用户横向浏览的操作,通过采用标准的垂直滚轮鼠标导航,从而减少了学习的负担。水平滚动条的历史已经有许多年了,但在今天看来,它们似乎还在添加新的内容。移动水平滚动条可能是一些设计师试图在提供一个更加独特的用户体验。这类设计是精心制作的,并且可以在一些精美的电子商务网站和作品集网站上找到它们。“平面主义”是否会扩展到更多类型的网站中,我们拭目以待。
Thinking for a Living
这篇文章不仅讨论“平面主义”在可读性方面的优缺点,还展示了其本身很美观的水平布局和多个文本列。尽管其排列方向开始看起来很不同寻常,但是阅读起来还是相当惬意和舒适的。
Jung v. Matt
此网站有一个水平的时间轴导航。值得注意的是,该网站并没有水平滚动条,需要访客使用垂直滚动来导航水平页面。
Your Auxillary
这是许多所谓的“单页”(single page)布局设计中的一个。这类网站的全部内容都在一个单页上。导航时,可以使用键盘,也可以使用鼠标或菜单(此网站使用了第三方插件)。在这里,我们拥有良好的(普通的)、横向或纵向的导航组合(展示jQuery ScrollTo 插件)。
One Twenty Six
此网站有不同类型的横向水平导航。除了“上一步”和“下一步”按钮以外,用户还可以在下拉菜单里看到选定内容的概述。一旦选中某个选项,页面就可以水平滚动了。带鼠标滚动的水平导航设计可能会提高此设计的实用性。
C. L. Holloway
Candice Holloway作品集网站具有美观的水平布局。所有作品都被安放在一面“墙壁”上,水平导航用来滚动艺术画廊。很有趣的是,当鼠标悬停在水平箭头上时,滚动即被触发,而不需要你点击。
Yamaha Ginza
在此,你会见识到设计师独特的设计视角。有时候,布局可能是倾斜的。
Edpeixoto
有时候,设计的布局可能是悬挂在空中的。