< 5 minute read

打破设计原理(信息图表)

卡梅隆查普曼
卡梅伦来自设计背景,是两个网页设计书籍的作者:Web设计的颜色和粉碎的想法书。

虽然有很多争论有多少 设计原则 在那里(甚至是他们是什么),有12个在原则列表中定期出现。这12项原则在下面的信息图中解释,包括对比,平衡,重点,比例,层次结构,重复,节奏,模式,空白,运动,品种和统一(也有一些额外的 格式塔的设计原则)。

这些原则通常是单独讨论的,但在实践中,他们共同努力创建一个视觉上吸引人并对用户有意义的设计。 专家设计师 了解原则的支持,加强,甚至相互对比以产生所需的效果。

实施设计原则

一旦设计师了解基本设计原则,他们就可以更具故意结合这些原则来创建美学上令人愉悦和功能的设计。

例如,对比度可用于创建强调。

设计原则:对比度和重点

突出显示“重塑工业” 对比颜色 将读者的眼睛绘制到那个特定的文本,强调它并将其与周围文本分开。

重点可以实现的另一种方式是通过比例。

设计元素和原则:重点和比例

制作“问题求解器,想法制造商&宇航员“比页面上的其他文本显着大幅大幅增加了重点。

重复可用于在页面上创建节奏感。这并不总是意味着常规或交替的节奏。在有意完成时重复,可用于创建随机节奏。

设计基础:重复和节奏

由于其不同的尺寸,颜色和放置,该站点的背景中的重复形状创造了随机节奏感。

空格不一定必须是完全白色或没有模式。事实上,微妙的模式可以增加视觉兴趣 白色空间 虽然仍然可以在设计中用作一种视觉“呼吸空间”。

基本设计原则:白色空间和模式

这种设计背景中的微妙网格图案增加了一些视觉兴趣而不压倒眼睛。

繁多可以帮助设计设计中的运动感,具体取决于它的使用方式。

图形设计原则:品种和运动

这种设计中的各种形状及其相当随机的布局创造了一种混乱的运动感,导致观众对中心的眼睛。

重复一般在设计中创造统一,没有任何额外的努力 设计师。但有意用来,它可以将统一带到更高的水平。

视觉设计原则:重复和统一

拍摄照片的白色背景,一致的排版和重复图像尺寸和布局。常见元素的重复在可能似乎脱节的各类产品中创造了统一。

基于美国的全职自由职业者UI设计师想要

设计原则在真空中不存在

结合 设计原则 一次不仅仅限于两个。最真实的设计结合了至少一半的这些元素,有时更多。

有效地结合了多种普遍原理的设计

本网站使用各种原则: 对比 在热的粉红色和绿色之间; 重复 在里面 图案 使用和一致的鞋子,发型和太阳镜; 统一 在各种衣服中(通过重复模式进一步加强);和 种类 在服装的风格。这是一个强大的设计声明,遵循多种原则来创建一个 视觉上吸引人 和引人注目的网站。

结合多种设计规则

这是一个有效使用多项原理的设计的另一个例子。大标头创造了 重点 在那个特定的文本上,而较小的类型似乎不太重要 部分。背景中的形状会产生随机的感觉 韵律移动,而它们之间的类似颜色方案会产生 统一。右边更强,更大的形状 平衡 文本和 白色空间 on the left.

一些设计师仍然遵循这些原则,甚至没有意识到他们正在这样做。其他时候,设计师不能完全把自己的手指放在为什么设计不起作用时,但是当他们咨询这些原则时,他们通常可以找到解决方案。

了解设计原则以及它们如何互动彼此对新和专家来说至关重要 设计师 一样。在设计项目中有目的和有意地在设计项目中实施它们是创建视觉上吸引人和功能设计的关键。

设计infographic的原则

进一步阅读顶部设计博客:

理解基础知识

什么是基本设计原则?

设计有十二个基本原则:对比,平衡,重点,比例,层次结构,重复,节奏,模式,空白空间,运动,品种和统一。这些原则共同努力创建对用户有意义的视觉上吸引力和功能设计。

设计原则的目的是什么?

设计原则会影响用户查看和与设计进行交互的方式。当有目的地实施时,它们可用于为用户创造情感影响,并提高整体用户体验。

视觉设计中的和谐是什么?

在设计内使用视觉相似的元素时,和谐会创建和谐。类似于统一原理。和谐在美学上令人赏心悦目的人查看它使用它的网站,并且可以创造一致的一致性。

平衡在设计方面是什么意思?

余额是指如何在设计中沿着中心线分配元素。平衡可以是对称的(在任一侧的元素类似)或不对称(其中元件不是类似的,并且可以沿偏心线分布)。