困惑心理模型 促使您向下

shakibalhasan75

滚动到页脚的直觉是心理模型的一部分。心智模型是用户对 UI 的看法。它们是个体的因此不同的用户可能基于相同的 UI 构建不同的心理模型。 它们也基于信念而不是事实。Norman Nielsen Group将心智模型描述为“用户了解（或认为他们了解）系统（例如您的网站）的模型”。 用户期望 正如我们所确定的用户行为基于用户期望而用户期望又很大程度上基于心理模型。如果您想回顾一下这些内容请查看我们的用户体验设计心智模型完整指南。 从本质上讲这意味着 UX/UI 设计师的工作是创建一个反映常见用户期望的视觉层次结构并允许他们以较低的交互成本完成任务。 但用户体验设计师究竟是如何做到这一点的呢？好吧设计者可以操纵许多设计元素来显示页面或屏幕内容的重要性。 在下。

节中我们将了解视觉层次结构的七个关键原则。 .视觉层次的原则是什么？ 这个列表并不详尽还有其他视觉层次原则我们不会在这里介绍。 但这七个原则应该让您有一个广泛的理解作为进一步研究和探索的基础。 通过尺寸和比例吸引注意力 正如上面 lush.io 的示例一样大小和比例（元素相对于其他元素的大小）是吸 贝宁 手机号码数据 引用户注意力的关键。较大的元素将首先被读取。 在设计视觉层次结构时您可以使用此原则来将注意力集中到内容中最重要的部分。 然而与所有其他原则一样它需要适度使用。增加太多元素的大小可以减少它们的影响。 让元素通过色彩和对比脱颖而出 调整颜色和对比度是影响用户与 UI 交互方式的有效方法。 正如您从色彩理论中所期望的那样强烈明亮的颜色比暗淡的颜色更能吸引人们的注意颜色之间。



形成高对比度可以引起注意。 在特斯拉主页的下面的示例中您可以看到这个想法的实际应用——在暗淡的背景下使用强烈的明亮颜色来吸引注意力。 它的使用程度如此之大再加上前面提到的尺寸和比例原则实际上已经很难将你的目光移开。 在这种情况下汽车吸引了所有的注意力下面的 CTA 几乎变得次要。 特斯拉主页的屏幕截图一辆汽车占据了屏幕的主导地位这是视觉层次结构的一个例子。 对用户体验设计职业感到好奇吗？ 开始免费学习 改变视角创造距离和分离的错觉 上图中的 Tesla 主页也是一个很好的示例说明如何调整视角以使元素（在本例中为汽车）成为焦点。 尽管大多数 UI 都设计为二维且通常看起来是扁平的但使用透视可以在元素中产生距离和分离的感觉。 在这个例子中汽车似乎以某种方式与背景分离几。