设计原理及其重要性

本文概述

• 基本设计原则
• 其他设计原则
• 总结

听本文的音频版本

谈论设计原理最困难的部分之一就是弄清楚实际上有多少个原理(有五个, 七个, 十个？)。一旦弄清楚了, 应该包括哪些假定的设计基础？

搜索”设计原则”, Google会返回包含五种到十几种个别原则的文章的结果。即使是同意该数字的文章也不一定同意该数字中应包含哪些文章。

实际上, 初学者和专家设计师在进行项目工作时应牢记大约十二个基本设计原则。此外, 还有大约十二种”次要”设计原则, 有时甚至包含为基础知识(例如格式塔原则, 版式, 颜色和框架)。主要设计原理将在下面进行说明和说明。

基本设计原则

如前所述, 设计界对于设计的主要原理实际上没有真正的共识。也就是说, 以下十二项原则是该主题的文章和书中最常提及的原则。

对比

设计师对客户反馈的最普遍的抱怨之一通常是围绕客户的说法, 他们认为设计需要”更多地”发挥作用。虽然这听起来像一个完全任意的术语, 但客户通常意味着设计需要更多的对比。

对比度是指设计中的不同元素(尤其是相邻元素)的程度。这些差异使各种要素脱颖而出。对比度也是创建可访问设计的一个非常重要的方面。对比度不足会导致文本内容特别难以阅读, 特别是对于有视觉障碍的人。

抛物线的网站是高对比度设计的一个很好的例子。

平衡

设计的每个元素-印刷术, 颜色, 图像, 形状, 图案等-都具有视觉上的重量。有些元素很重并且引人注目, 而另一些元素则更轻。这些元素在页面上的布局方式应营造一种平衡感。

平衡有两种基本类型：对称和不对称。对称设计在假想中心线两侧的权重相等的布局元素。非对称平衡使用权重不同的元素, 通常相对于不在整体设计中居中的线进行布局。

稍微偏心的布局可在The Nue Co网站上的大胆图像和简约版式之间取得平衡。

重点

强调处理设计中突出的部分。在大多数情况下, 这意味着设计要传达的最重要信息。

Clique的超大字体明显强调了他们的标语。

强调也可以用来减少某些信息的影响。在设计中使用”精细印刷”作为辅助信息的情况下, 这一点最为明显。隐藏在页面底部的微小字体比设计中几乎其他任何东西都没有重量, 因此不再强调。

比例

比例是更容易理解的设计原则之一。简而言之, 就是元素彼此之间的大小。比例表示设计中重要和不重要。较大的元素更重要, 较小的元素则更少。

小图像和大图像之间的比例差异清楚地说明了Collin Hughes网站上最重要的元素。

层次结构

层次结构是设计的另一原则, 直接关系到使用网站的人对内容的处理程度。它指的是设计中元素的重要性。最重要的元素(或内容)应该看起来是最重要的。

Grafill的网站通过使用布局(最重要的部分在顶部), 大小(更重要的内容更大)和版式(标题比正文大)来创建层次结构。

通过在设计中使用标题和标题, 最容易说明层次结构。页面标题应给予最高重视, 因此应立即识别为页面上最重要的元素。标题和小标题的格式应表明它们相对于彼此以及相对于标题和正文的重要性。

重复

重复是强化想法的好方法。这也是统一将许多不同元素结合在一起的设计的好方法。可以通过多种方式进行重复：通过重复相同的颜色, 字体, 形状或设计的其他元素。

例如, 本文使用标题格式的重复。每种设计原则的格式都与本节中的其他原则相同, 以向读者传达它们的重要性和同等性。一致的标题在页面上统一了这些元素。

Type和Pixel网站左侧的图像是重复设计的一个很好的例子。

韵律

重复元素之间的间隔会引起节奏感的形成, 类似于音乐作品中音符之间的间隔产生节奏的方式。设计师可以创建五种基本的视觉节奏类型：随机, 规则, 交替, 流畅和渐进。

随机节奏没有明显的规律。规则节奏在每个元素之间遵循相同的间距, 没有变化。交替的节奏遵循重复的设定模式, 但实际元素之间存在差异(例如1-2-3-1-2-3模式)。流动的节奏遵循弯曲和曲线, 类似于沙丘起伏或波浪流动的方式。渐进式节奏随其变化而变化, 每次变化都添加到先前的迭代中。

TheArtCenter网站背景中形状之间的不规则间距会产生随机的节奏。

节奏可以产生多种感觉。他们可以引起兴奋(尤其是不断变化的节奏和渐进的节奏), 也可以使人放心和保持一致。这完全取决于它们的实现方式。

图案

模式不过是多个设计元素一起工作的重复。墙纸图案是几乎每个人都熟悉的图案中最普遍的示例。

但是, 在设计中, 模式也可以参考某些元素的设计标准。例如, 顶部导航是大多数Internet用户已与之交互的设计模式。

顶部导航是Internet上最普遍的设计模式之一, 请参见Isabelle Fox的网站。

空白空间

空白空间(也称为”负空间”)是设计中不包含任何设计元素的区域。该空间实际上是空的。

许多新手设计师感到有必要用某种”设计”填充每个像素, 而忽略了空白的价值。但是空白在设计中起着许多重要的作用, 最重要的是使设计室的元素可以呼吸。负空格还可以帮助突出显示设计的特定内容或特定部分。

它还可以使设计元素更容易辨别。这就是为什么在使用大写和小写字母时字体更加清晰易懂的原因, 因为小写字母周围的负数空间变化更大, 这使人们可以更快地解释它们。

空白使Jan Behne网站空间的简单文字和插图内容”呼吸”, 同时有助于极简主义的审美。

在某些情况下, 负空间用于创建观看者可能不会立即看到的辅助图像。这可能是品牌可以使顾客满意的宝贵部分。仅以FedEx徽标中的隐藏箭头为例。

运动

运动是指眼睛在设计上移动的方式。最重要的元素应该导致下一个最重要的元素, 依此类推。这是通过定位(眼睛自然首先落在设计的某些区域), 重点和已经提到的其他设计元素来完成的。

倾斜的图像和数字有助于Abby Stolfo网站上的运动原理。

品种

设计中的多样性可用来创造视觉吸引力。没有多样性, 设计会很快变得单调, 从而使用户失去兴趣。可以通过颜色, 版式, 图像, 形状以及几乎任何其他设计元素以多种方式创建品种。

但是, 为了多样化而多样化是没有意义的。多样性应加强设计的其他元素, 并与它们结合使用, 以创造出更有趣, 更美观的结果, 从而改善用户体验。

Kennard Lilly的网站背景使用了各种颜色和形状来引起人们的兴趣, 同时也将重点放在主要文本内容上。

统一

每个人都看到过一个网站或其他设计, 似乎只是在页面上扔元素, 而不管它们如何协同工作。使用十种不同字体的报纸广告几乎可以立即想到。

统一性是指设计元素可以协同工作的程度。视觉元素在设计中应具有清晰的相互关系。 Unity还有助于确保以清晰, 一致的方式传达概念。具有良好统一性的设计也比具有不良统一性的设计看起来更有条理, 并且具有更高的质量和权威性。

在整个设计中使用蓝色(包括图像上的蓝色叠加层)以及一致的版式和比例, 可在设计中营造统一感。

其他设计原则

设计的其他原理也涉及到该主题的各种文章中。这些包括字体, 颜色, 格式塔原理, 网格和对齐方式, 框架和形状。有些绝对符合”原理”的定义, 而另一些则更像是设计元素。

印刷术是指文本在设计中的排列方式。其中包括所使用的字体, 它们的间距, 大小和粗细以及不同文本元素彼此之间的关联方式。好的印刷设计在很大程度上受本文前面提到的所有其他设计原则的影响。

在设计中使用颜色是设计中最重要的心理部分, 并且对用户体验有巨大影响。色彩心理学和理论在很大程度上影响了前面提到的其他一些原理。

格式塔原理包括相似性, 连续性, 闭合性, 接近性, 图形/背景以及对称性和有序性(也称为prägnanz)。其中一些原则与上述原则密切相关。

网格和对齐方式与平衡紧密相关, 是指元素相对于页面上不可见网格的排列方式。

框架是指如何相对于页面上的其他元素放置设计的主要主题。在电影摄影或摄影中最常被提及, 即图像的主要焦点如何放置在整个图像中。但是原理会延续到设计中。

形状也是任何设计的主要部分, 无论是用作设计中元素的特定形状, 还是设计本身的整体形状。不同的形状可以唤起不同的感觉, 即圆形是有机的和流畅的, 而正方形则更加僵硬和形式化, 三角形给人以活力或运动感。

这些设计”原则”或元素是良好设计的重要方面, 应与其他基本原则一起考虑, 以创造最佳的用户体验。

总结

构成设计”基本”原理的因素肯定有争议。但是, 理解和实施上述原则对于任何设计项目的成功都是至关重要的。

设计人员应着眼于理解这些设计原则中的每一项实际上如何影响其工作。研究其他设计师如何实现这些想法以构建自己的设计, 这对于学习创建更好的设计也是非常有价值的工具。

无需透彻了解这些设计要素和原理, 就可以创建出良好的设计。但是, 这通常是根据”设计师的直觉”完成的, 并且可能需要花费大量的尝试和错误才能创建出看上去确实不错的东西并创造最佳的用户体验。通过实践我们讨论的原理直到成为第二自然, 设计师可以节省大量时间和精力。

•••

在srcmini设计博客上进一步阅读：

• 设计原理：层次结构简介
• 这些成功的交互设计原则可提升你的用户体验
• 探索格式塔设计原理
• 有说服力的设计：有效利用先进的心理学
• 终极用户体验挂钩-用户体验中的预期性, 说服力和情感设计