理什么是用户体验中的视觉层次结构？

shakibalhasan75

个关键原则 CareerFoundry 博客撰稿人 John Cheung 作者JOHN CHEUNG更新于 年  月  日 阅读时间  分钟 如果您正在寻找用户体验方面的职业——无论是作为设计师研究员还是作家——熟悉视觉层次结构是一个好主意。 在这篇博客中我们将探讨视觉层次结构的实际含义以及它的重要性。然后我们将通过知名网站的示例来了解视觉层次结构的七个关键原则。 如果您想跳到某个部分只需使用可点击的菜单 什么是视觉层次？ 为什么视觉层次结构在 UX/UI 设计中很重要？ 视觉层次心智模型和用户期望 视觉层次的原则是什么？ 通过尺寸和比例吸引注意力 通过颜色和对比度使元素脱颖而出 改变视角创造距离和分离的错觉 调整字体以获得不同的效果 创造平衡和对称以吸引用户的注意力 。

通过对齐和接近来连接元素 用视觉层次反映阅读模式 最后的想法 .什么是视觉层次？ 视觉层次结构是设计的基本原则即通过操纵设计元素和视觉特征可以将用户的注意力引导到页面内容的最重要部分。 这意味着通过强调页面的某些设计元素您可以在很大程度上决定用户阅读页面内容的顺序。 这个简单但有效的视觉层次结构示例最近在用户体验设计社区中得到了广泛分享 使 俄罗斯手机号码数据 用文本的视觉层次结构示例首先是标题然后是较小的文本。 来源lush.io . 为什么视觉层次结构在 UX/UI 设计中很重要？ 视觉层次结构在 UX/UI 设计中非常重要因为用户行为很大程度上取决于用户之前与数字产品交互的期望。 这在一定程度上解释了用户研究中经常发现的用户行为模式。 简而言之意想不到的视觉层次结构可能会将用户的注意力吸引。



到错误的地方并使查找内容变得更加困难从而造成混乱。 另一方面视觉层次结构可以帮助用户轻松浏览您的产品（在他们期望找到的地方找到他们需要的东西）这将消除摩擦并提高可用性。 . 视觉层次心智模型和用户期望 用另一种方式解释这一点想象一下你的目标是在你梦想的公司找到一份工作。你用谷歌搜索该公司并转到主页。您首先从哪里进入他们的职业页面？ 您很可能向下滚动到页脚然后开始扫描指向“职业”页面的链接或名为“公司”“关于我们”或“团队”的标题或部分标题。 您可能凭直觉这样做这是因为您希望根据您查找其他公司的职业页面的经验可以从页脚访问该页面。 如果“职业”页面的链接在其他地方可能在顶部导航的下拉菜单下那么您可能需要更长的时间才能找到。您可能会因找不到它而感到沮丧或。