在几千年的艺术,形成了我们对于美的理解,我们如何感知视觉世界,更为关键的是,这个令人兴奋的新科学正在帮助我们更好的理解和更好的设计网站是有效和美观的。
网页设计作为一种视觉艺术遵循许多相同的用户体验设计规则,在这篇文章中,深圳网站制作将简要地概述了视觉组织的重要性,然后解释如何影响视觉层次用户体验设计可以提高Web界面的布局。
Uber界面体验设计
一个好的界面可以引导用户从一个动作到下一个不霸道。不管你认为自己的商业行为,毫无疑问的是,Uber是一个难以置信的顺利但结构化的网站为例。值命题是在顶部的滚动,其次是一个有趣的滑块,了解不同的汽车选项,并整理与逻辑的下一步找到游乐设施在你的城市。
流行设计网站Abduzeedo界面体验设计
通过匹配不同的信息,一个用户界面可以在用户的头脑中形成链接,而不需要说一件东西的通信信息。看看流行设计网站Abduzeedo:广泛的类别是在顶部,中间的特色内容,并在页脚的详细分类。
创造情感的影响体验设计
不要犯错误认为你的网站只是一个机械化的工具。网站有可能做出情感上的连接,如果你的不,你的竞争对手的意志。事实上,如果你产生积极的情绪反应,人们实际上可能更容易原谅你的接口的缺点。它是一个提供了一个接口,可轻松的网站,完美的例子,实际上使用的乐趣。
设计说明,文化人读左到右,这两种模式是最常见的和最有用的-在设计一个网站的布局。
第一,“F型”,主要用于文本(但也可以用于其他目的)。第二,该z-pattern,可用于任何视觉布局。我们将解释每一个不同的优点和缺点。
“F型”
“F型”是眼前的趋势出现在页面是满文本,典型的博客、新闻来源、文章等。
当面对一个块的话,大多数读者将首先扫描一个垂直线向下的左边的文本,通常寻找关键字或兴趣点在该段的初始句子。最终读者找到他们喜欢的东西,并开始正常阅读,形成水平线。最终的结果是看起来像字母F或E。
该z-pattern是最简单、最普遍的模式,广泛应用于任何基于文本的网页,读者第一水平扫描在顶部,飞镖下来回到左边,然后再在底部水平扫描。
了解多功能z-pattern是很重要的,因为它涉及的核心网站要求如层次、品牌,并呼吁采取行动。它的美丽是在它的简单性,和一个理想的布局,专注于呼吁行动的网站。然而,内容更复杂的或过度的z-pattern可能过于简单。
Dropbox需要视觉上的简单办法,这种锯齿形模式做了任何背景图像。相反,更多的功能是内置的布局,因为一个“学习更多”调用行动有助于连接每一部分的缠绕模式,因为你的眼睛使其向下的页面。这也有助于了解读者点击到下一个相关的页面,而不需要阅读所有的副本。
视线远见
伟大的界面设计应该像一只看不见的手,以思维的速度引导读者。最重要的外卖从“F型”和z-pattern趋势是,你可以把你的最重要的内容,读者将“偶然发现”自然,而不是试图强迫他们去看他们。
微妙的是任何页面布局的巨大优势,这些模式可以让你的读者在暗示什么而把它喉咙的差异。