作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
卡梅伦·查普曼的头像

卡梅伦查普曼

卡梅隆有设计背景,是两本网页设计书籍的作者:《欧博体育app下载》和《欧博体育app下载》.

分享

互联网使得人们只需敲击几下键盘就能获取任何想要的信息. 但在实践中, 这既是一件好事也是一件坏事——由于糟糕的设计,很多可用的信息很难被吸收.

最大的, 最有害的信息设计偏差也是最容易理解和修复的:视觉层次.

视觉层次结构是信息的结构和优先级 设计. 比如标题如何比标题或正文更具视觉权重就是一个例子 排版设计层次. 但也有其他方法 设计师 能呈现视觉层次.

最基本的视觉层次规则来自于 格式塔设计原则. 这些关于设计的基本心理学理论以及个人如何感知设计元素构成了创建视觉层次的基础. 这些原则包括对称性、封闭性、相似性、接近性和 更多的.

没有视觉层次的网站设计的例子.

为什么视觉层次很重要

在最基本的层次上,视觉层次引导用户浏览呈现的内容. 它告诉他们哪些内容是最重要的, 如何将内容组织到相关的部分或类别中, 以及他们应该首先关注哪些内容. 无论内容是文本、图像、视频还是其他内容,都是如此.

信息理解是另一个重要的功能 视觉层次结构. 通过创建内容片段之间的视觉关系, 浏览这些内容的人会得到如何解释这些信息的线索.

通过增加理解和引导人们消费所呈现的信息, 设计所呈现的信息得到了强化. 如果没有视觉层次,就会给人一种杂乱的感觉.

但是知道 视觉层次的重要性 知道如何创造它是两码事. 这张信息图展示了在设计中创建层次结构的基本方法——大小和比例等概念, 排版的层次结构,重复,引导线和平衡,以及在实践中展示它们的例子.

理解和实施这些原则 用户体验设计师 创建有说服力的设计,传达必要的信息,同时创建一个优势 愉悦的用户体验.

视觉层次引导信息图.

了解基本知识

  • 等级制度的原则是什么?

    视觉层次的基本原则在很大程度上源于格式塔设计原则. 它们包括大小和规模, 颜色和对比度, 间距和接近度, 负空间, 对齐, 重复, 主要行, 黄金比例, 的角度来看, 随机性, 纹理, 视觉三角形.

  • 什么是设计中的视觉层次?

    在最基本的层次上,视觉层次引导用户浏览呈现的内容. 它告诉他们哪些内容是最重要的, 如何将内容组织到相关的部分或类别中, 以及他们应该首先关注哪些内容.

  • 在设计中使用层次结构的目的是什么?

    视觉层次引导人们浏览所呈现的内容. 它提供了哪些内容是最重要的视觉线索, 首先关注哪些内容, 以及所呈现的内容如何组织成相关的部分或类别.

  • 你如何表现等级制度?

    视觉层次是通过表示重要性的元素的差异来表现的. 例如, 而红色和蓝色字体是不同的, 没有真正的方法来判断一个是否比另一个更重要. 使用粗体和常规粗细字体, 然而, 很容易看出粗体文本更重要, 建立层次结构.

  • 为什么建立视觉层次对沟通很重要?

    没有了视觉层次结构,信息就像一堵巨大的墙,没有给浏览者指明方向. 通过创建视觉元素的层次结构, 设计师可以通过呈现的信息引导用户, 改善用户体验.

聘请Toptal这方面的专家.
现在雇佣

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.