视觉层次是什么

视觉层次构建的9个技巧

本文分享9种方法，帮助你改变视觉组织。尽情享受~

视觉组织是塑造高质量数据素材的基础。它可以使内容以更有效的方式组织在一起，更容易掌握。视觉组织对用户的感受伤害很大。信息的结构框架能否露骨不雅值得怀疑，会间接伤害团队的导航条和阅读文章的互动性。

虽然每个人都有一个关于视觉组织的基本认知能力，但是我们怎么做才能保证在已经想象好的过程中建立一个理性的视觉组织呢？首先，材料构造的方法不同，必然不同，但有一些相对的、通用的方法，在大多数情况下都可以使用。明天文章的内容会给你提供一些视觉组织的通用技巧。

1.根据你的 *** 作目的来构建。

每个数据实体的背后，每个人都有明确的交易目的。为了更好地实现这些目的，艺术创作精英团队无疑可以根据目的来区分要素的关键战与劣势。电子商务网站就是最典型的例子。不同的要素占据不同的层次，相互配合实现目标。另一方面，照片是最重要的视觉元素之一。它通过消化来吸收用户的注意力，并在视觉上鼓励用户去思考。问题拍完之后，物质的外观就被着墨了。之后依靠CTA按钮为用户提供华丽的购买导入。明确的交易目的和明确的营销推广目的，可能为精英团队的设想提供视觉想象的基础。

2.把用户阅读文章的方式分开来建立一个结构。

过去文章内容很少提到用户阅读文章的方式，其中最常见的两种阅读文章的方式是F读文章和Z读文章。

当用户阅读过文章、信息战专家等内容量大的网站，就会接受F型思维方式，快速准确定位自己喜欢的内容。用户会先横向思考，然后把视线移到背后，再横向阅读文章。所有眼睛的运动轨迹都类似于英文字母F，用户在思考的过程中会一直在搜索自己喜欢的核心词。

Z型阅读文章的方式是主次病在页面内侧不那么大，这样都不会包含太多文字内容。用户会从左到左、从上到下快速阅读文章，所有的视觉运动轨迹都类似于英文字母z。

知道了这些用户是如何阅读文章的，你就可以根据他们的实际活动，下意识地把核心区域的元素分配到用户思考最多的节点表层，引起用户的关注。

3.功能第一。

看似专用工具更倾向于选择教学思路，但在实践活动中其功能性会更加隐蔽。架构师希望确保材料用户可以清楚地使用天气，并且导航栏足够具体以指导用户。功能性组织比视觉性组织更关键，童心有视觉性组织，不足以建立表现的物质感受。但在结构不够一目了然的世界里，纯粹的自然无法带来丰富良好的用户体验。所以，当UI的想法已经终止的时候，视觉组织就应该借助功能来构建。如果功能可以使用，像导航条的易用性，视觉组织将发挥其作用。

4.保持黑色是需要 *** 控的视觉元素。

先留尾黑，不仅仅是元素与元素之间的路线。它还使用了整体规划的视觉元素。留黑的关键在于它能让被留黑攻击的元素被用户注意到，尤其是核心区域的交互控制。通过对黑色稀疏性的全程把握，设计者可以展示出不同元素之间的关系，大量的黑左元素可以使具有核心特征和夸张要求的特殊元素出现在用户面前。换句话说，如果你用得好，留着黑，你就能非常沉着地把握UI的组织感。

5.控制黄金比例。

前几天大家写了一篇文章专门讨论UI边缘黄金分割比例的使用方法。黄金比例为1:1.618，被认为是最有利的视觉比例。在纯天然世界的边缘几乎没有办法拥有，很多五颜六色的纯天然场景不堪入目，大多与黄金比例有着或深或浅的接触。

很多有远见的人喜欢在整体规划框架中利用黄金分割比例，这样可以让整体规划厚重，同时也丰富和谐。

6.使用栅格数据

网格数据是设计师把握整体规划的核心区域项目之一。整体策划的不同阶段发挥的作用不同，对视觉组织的把握也同样合理。网格数据有助于掌握不同元素的比例，以合理的间距相互连接，并保持黑色。总的来说，掌握网格数据的长度往往是有用的。

7.剪颜色。

当你掌握了视觉组织，颜色的作用就无法改变。很多时候，颜色可以帮助以白色为管理中心。所有的颜色都在边缘，但所有的颜色都是美丽而强烈的。大胆的颜色，如白色和橙色，比相对明亮的红色和浅灰色更好。设计师经常用华丽的色彩来突出核心内容。

当色彩已经被用来设置组织的时候，核心区域就已经被层次抓住了，只有有了对比，才能组织起来。

8.注意字体样式的使用。

视觉结构的把握触及到一个核心单元，就是字体风格和排版设计。不同的字体组合在一起，不同的字体拆解，间接危及视觉组织的构建。演示问题文本使用的字体样式和注释单元的字体样式应进行显著比较。一般是通过字体风格亲戚和颜色大战的全过程来终止比较。Banner中的呈现文案、批注问题、子问题、批注内容处于不同的层次，重点区别和作用，纯粹性处于不同的层次。不会，但是，无论你做什么事情，设计师都要求字体样式的数量在三种以内，过多的文字理解让所有的假设都变得混乱。

9.3级在桌面端，2级在移动端

基于详细的内容级别，表中的移动终端具有不同的要求。在相对度比较大的书桌里，在显示屏上阅读一篇文章的网页时，三个层次的怀疑可以使页面看起来丰富，但怀疑的呈现是丰富的，层次分明的。主次战管中心的疑惑很简单消化吸收用户注意力，然后第一关；易思考的文本内容以问题类型和子问题类型的形式呈现，帮助用户对内容有一个基本的了解，而标注则是将内容更详细的展示出来，供用户用心访问。

然而，移动的整个情况却大不相同。事实上，三个级别的信息显示无法在小显示屏上启动。但是设计师会把内容分成两个层次，让用户很容易吸收，UI看起来丰富，清爽，不难看。没有用户会遭受太多的水平和磁感应混乱。

摘要

小学分层建设不仅是教学层面的工作，也是功能层面的工作。有效层级结构的转移有助于用户更紧密地获取信息，并且有助于材料更容易地到达交易目的地。不是罪有应得吗？

由Tubik工作室编写

翻译:陈

翻译地址:http://www.uisdc.com/9-effective-tips-visual-hierarchy

文章由@陈授权发布，作者已经同意劝阻拦截。

图片来自Pixabay，据CC0和谈。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zz/777432.html