作者:CAMERON CHAPMAN
原文地址:https://www.toptal.com/designers/gui/principles-of-design-infographic
虽然关于有多少设计原则(甚至它们是什么)存在很多争论,但有 12 条原则经常出现在原则列表中。下面的信息图中解释了这 12 条原则,包括对比、平衡、强调、比例、层次、重复、节奏、模式、留白、运动、多样性和统一(还有一些额外的格式塔设计原则)。
这些原则通常单独讨论,但在实践中,它们协同工作以创建具有视觉吸引力且对用户有意义的设计。专业设计师了解这些原则如何相互支持、加强甚至对比以创造所需的效果。
实施设计原则
一旦设计师理解了基本的设计原则,他们就可以更有意识地将这些原则结合起来,创造出既美观又实用的设计。
例如,对比度可用于创建强调。
以对比鲜明的颜色突出显示“重塑行业”,将读者的眼睛吸引到特定的文本位上,强调并使其与周围的文本区分开。
另一种强调的方式是通过比例。
使“问题解决者、创意者和宇航员”比页面上的其他文本大得多,可以强调该文本。
重复可以用来在页面上创造一种节奏感。这并不总是意味着有规律或交替的节奏。有意识地重复可以用来创造随机节奏。
本网站背景中的重复形状因其不同的大小、颜色和位置而产生随机节奏感。
白色空间不一定必须是完全白色或没有图案。事实上,微妙的图案可以为白色空间增加视觉趣味,同时仍然允许它在设计中充当一种视觉“呼吸空间”。
此设计背景中的微妙网格图案增加了一些视觉趣味,而不会对眼睛造成压倒性的影响。
多样性可以帮助在设计中创造一种运动感,这取决于它的使用方式。
这种设计中的各种形状及其相当随机的布局营造出一种混乱的运动感,将观看者的目光引向中心。
重复一般产生在设计中没有统一的的任何额外的努力设计师。但是故意使用它可以将这种统一性提升到更高的水平。
在此设计中采用照片的白色背景、一致的排版以及重复的图像大小和布局。共同元素的重复在不同类别的产品之间创造了统一,否则这些产品可能看起来是脱节的。
真空中不存在设计原则
结合设计原则不仅限于一次两个。大多数真正伟大的设计至少结合了这些元素的一半,有时甚至更多。
本网站采用了多种原则:粉红色和绿色的对比;重复使用的图案和一致的鞋子、发型和太阳镜;各种服装之间的统一(重复图案进一步加强了这一点);以及服装款式的多样化。这是一个强大的设计声明,遵循多项原则来创建一个具有视觉吸引力和引人注目的网站。
这是另一个有效使用多个原则的设计示例。大标题强调该特定文本,而较小的类型由于比例而显得不那么重要。背景中的形状营造出一种随意的节奏感和运动感,而它们之间相似的配色方案则营造出统一感。右侧更强和更大的形状平衡了左侧的文本和空白。
一些设计师遵循这些原则,甚至没有意识到他们正在这样做。其他时候,设计师无法完全弄清楚为什么设计不起作用,但是当他们参考这些原则时,他们通常可以找到解决方案。
了解设计原则以及它们如何相互作用对于新手和专家设计师都至关重要。在设计项目中有目的地和有意识地实施它们是创建视觉吸引力和功能设计的关键。