只有理解了人的目光,才能相对应的做出合适的网站。
要创造正确的视觉层次,你就要理解我们的眼睛如何处理信息,UXPin的Chris Bank说。
一个艺术大师除了要具备创造力,还要考虑一些细节问题,比如写作、用色、尺寸、包含哪些内容,可能更重要的是舍弃哪些。这可不是容易的事,所以我们才会对达芬奇和梵高这样的大师推崇备至。
网页UI设计师也应该如此。这本免费电子书网页UI最佳实战中讨论过,网站也是视觉艺术的一种形式,以它独有的方式,它要遵循很多传统艺术形式的规则。这是审美的科学,掺杂了一些商业准则,非比寻常的网站界面,必须让人感觉毫无压力、引人入胜。
本文中,我们首先看看视觉层次是什么,如何创造,然后我们再了解它如何在视线的自然运动中发挥作用。
组织视觉
Luke Wroblewski,专栏作家兼雅虎产品设计高级主管,在他的的文章通过视觉层次沟通中阐释了网站界面的视觉表现在以下方面的重要性:
通知用户——像一只无形的手,界面应该引导用户一步步采取行动,却不会让用户感到压迫。比如当你向下滚动,支付服务商Square引导你了解它的价值所在,每一步都有相关的引导号召你采取行动。
传达内容之间的关联——界面展现内容的方式,应该符合用户对信息的优先级理解。例如,人气设计网站Abduzeedo在顶部包含了清晰的分类,推荐内容在中间,底部则是详细的分类。
影响情绪——人们去餐馆可不只是为了食物果腹。他们要的是口味、质感、外观,还有令人难忘的环境。界面设计也一样,而且假如你建立了积极的情绪响应,人们可能更容易谅解网站的缺点。比如Wufoo就是个完美案例,界面非常实用且令人愉悦。
你的UI设计,最终目标是要解答以下三个问题:
这是什么?(有用) 如何使用?(易用) 关我什么事?(渴望) 人眼的可预见性