juthi335,
09.11.2022 07:33,
7
者即如何组织和显示信息以便于理解和导航并且可以极大地影响用户体验 在考虑视觉层次时,您想问自己几个问题: 我们要引起注意的是什么? 我们希望我们的用户采取什么行动? 眼睛自然会去哪里,它们会落在哪里? 提出这些问题将帮助您使用下面概述的原则来创建清晰的视觉层次结构。 什么构成了不良的视觉层次? 谈到视觉层次,有一条黄金法则:如果每个元素看起来都很重要,那么没有什么看起来很重要。
视觉层次结构是一种对的方式。如果无法区分元素,则认为层次结构不佳。 举个例子: 视觉层次结构示例 在左边,发生了很多事情。两个主要元素大小 C级行政人员电子邮件列表 相同,有很多不同的颜色。这让人很难知道在哪里看。你的眼睛盯着一切,造成一些不安和缺乏方向。 在右侧,您的眼睛会自动被左侧的主要蓝色框吸引,然后自然而然地转到右侧的元素,然后到达橙色的号召性用语 。 视觉层次差让用户感到困惑。 让人不知道去哪里找。
创建一个平淡的设 相反创建一个有助于理解和引导用户的视觉结构。 视觉层次结构的网页设计原则 考虑阅读模式。 用户更容易注意到更大的元素。 颜色和对比度吸引眼球。 空白创造强调。 接近和重复创造统一。 考虑阅读模式。 在设计时,您要注意目标受众的自然眼睛模式。 在所有文化中,我们从上到下阅读。但是,我们在横向阅读的方式存在一些差异。西方文化倾向于从左到右阅读,而一些闪米特语和印度 雅利安语,如阿拉伯语、希伯来语和乌尔都语则是从右到左阅读。