4、视差滚动(Parallax Scrolling)
视差滚动:不是指老早的电子游戏。如上所述,2011年这一热门设计趋势是创造一种深度感。还有什么方法比视差滚动更好吗?视差可以影响用户产生一种三维空间的错觉。它可以由一些简单的CSS技巧或jQuery插件如Spritely的帮助实现。视差滚动可以作为设计中最重要的次要元素,例如,在页头、页脚,或背景。把它放在导航可能会迷惑你的访问者。
Old Pulteney Row to the Pole网站在背景中使用了由上至下的视差滚动效果。这增加了一种很微妙的深度和许多乐趣。
只由CSS和HTML创建的视差滚动,由Roman Cortes创建。
5、为触摸屏设计,而不是鼠标
技术已经越来越变得触觉化。可用性正从抽象转向具体。这意味着,不是操作你的鼠标去远程连接,你的目的地就在你的手指尖。Tablet、大多数智能手机和一些台式机都使用触摸屏。你的设计可以容纳用手指导航吗?
你的多少设计是以鼠标为导向的?作为设计师,我们尊敬鼠标。当鼠标悬停的时候,我们的链接正在发亮。然而在触摸屏中没有悬停这回事。你的设计如何向访问者显示链接呢?下拉菜单怎么办呢?在触摸屏设计中这也是不行的。
同样的,访问者将如何细读你的网站呢?有争议的是,网站可能是为标准网页浏览器创建的,而在触摸屏中,水平滚动可能更适合。很好的适应这一情形的是杂志一样的布局,访问者几乎可以翻阅你的网站。
最后,考虑一下,将流动布局作为交互设计义务的一部分。在2011年,你不再应付屏幕分辨率的大小。访问者会从垂直的浏览方向改变到水平的浏览方向。你的设计必须是灵活的,能适应任何挑战,否则你将停留在2010年。
婴儿在看iPad的魔术(版权属于Steve Paine,Flickr)。
Posted by Jacqueline Thomas on Jan 4, 2011 http://webdesignledger.com/tips/web-design-trends-in-2011