视觉层次结构设计的6个原则

2021-09-07 分类：网站建设

视觉层次结构是设计中图形元素按每个元素的重要性排列的排列。视觉权重定义了元素在设计层次结构中的重要性，向观众的眼睛传达了要关注的内容和顺序。

面对密集的文本和短暂的注意力，专业的网站设计公司，深圳创新互联科技的设计师们总结了6条原则来引导读者注意最重要的信息。
1.阅读模式
所有文化都从上到下阅读，大多数文化从左到右阅读。这些知识对页面设计很重要。最近的研究表明，在进行阅读之前，人们首先扫描一页以了解他们是否感兴趣。扫描图案倾向于采用“F”和“Z”两种形状中的一种，您可以在设计中利用这一点。
F-模式
F模式适用于传统的，文本密集的页面，如文章或博客文章。读者向下扫描页面左侧，在左对齐标题或初始主题句中寻找有趣的关键词，然后在他或她遇到有趣的东西时停止并向右阅读，结果看起来像F。
Z-模式
Z模式适用于其他类型的页面，例如广告或网站，其中信息不一定以块段落形式呈现。读者的眼睛首先扫描页面的顶部，可能会找到重要的信息，然后向下射到对角的对角线，并在页面的下半部分做同样的事情。
2.大小问题
人们习惯于先阅读更大的东西。设计师认为文章标题对于读者来说更有趣，因此首先要设计好文章的标题，引人入胜，接下来阅读更多的内容。
3.空间和纹理
吸引注意力的另一种方式是给予内容充足的呼吸空间。如果按钮周围留有大量负空间，或者文本块中的线被广泛跟踪，则读者可以更容易地看到这些元素。当人们谈论视觉层次的“纹理”时，他们并不是指图形纹理效果。相反，这种“纹理”指的是页面上的空间，文本和其他细节的整体布置或图案。
4.字体
字体选择对于建立视觉层次是至关重要的。根据网站整体的设计原则选择合适的字体，让读者感觉舒适。
5.颜色和色调
明亮的色彩从柔和的色彩或灰度中脱颖而出，而较浅的色调看起来更“遥远”，因此在层次结构上比较浓，较暗的色彩低。
6.页面布局

页面布局通常根据垂直和水平线网格设计，按照惯例，因为这是最易读的格式。在这样的系统中，出现了建立层次结构的新方法：打破网格。排列在曲线或对角线上的文本将自动脱离周围的网格锁定文本，成为焦点。

分享文章：视觉层次结构设计的6个原则
网页路径：https://www.cdcxhl.com/news/125620.html

成都网站建设公司_创新互联，为您提供营销型网站建设、用户体验、网站维护、关键词优化、网站营销、定制开发

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容