关于我们
uesdTo.灵感博客是为包装界服务的设计创意平台。倡导包装业通过创新制造能力和设计推动兼具美学的可持续商业包装解决方案的发展。
加入我们
暗黑

设计原理及其重要性

作者:CAMERON CHAPMAN

原文地址:https://www.toptal.com/designers/ui/principles-of-design

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

搜索“设计原则”,谷歌将返回包含五到十几个单独原则的文章的结果。即使就该数字达成共识的文章也不一定同意该数字中应包含哪些文章。

实际上,初级设计师和专家设计师在进行项目时都应该牢记大约十几种基本的设计原则。此外,还有另外十几个“次要”设计原则有时作为基础包括在内(例如,格式塔原则、排版、颜色和框架)。下面解释和说明了主要的设计原则。

基本设计原则

正如已经提到的,设计界对于设计的主要原则实际上是什么并没有真正的共识。也就是说,以下十二项原则是该主题的文章和书籍中最常提及的原则。

对比

设计师对客户反馈的最普遍的抱怨之一通常是围绕那些认为设计需要“流行”更多信息的客户。虽然这听起来像是一个完全随意的术语,但客户通常的意思是设计需要更多的对比。

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

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

平衡

设计的每个元素——排版、颜色、图像、形状、图案等——都具有视觉重量。有些元素很重并吸引眼球,而另一些元素则较轻。这些元素在页面上的布局方式应该营造出一种平衡的感觉。

有两种基本类型的平衡:对称和不对称。对称设计在假想中心线的两侧布置相同重量的元素。不对称平衡使用不同重量的元素,通常与不在整体设计中居中的线条相关。

略微偏离中心的布局在 The Nue Co 网站上的大胆图像和简约排版之间取得了平衡。

重点

重点处理设计中旨在脱颖而出的部分。在大多数情况下,这意味着设计要传达的最重要的信息。

Clique 的超大字体清楚地强调了它的标语。

强调也可以用来减少某些信息的影响。这在“精美印刷”用于设计中的辅助信息的情况下最为明显。隐藏在页面底部的微小排版比设计中的其他任何东西都轻得多,因此不被重视。

部分

比例是更容易理解的设计原则之一。简而言之,它是元素相对于彼此的大小。比例表明设计中什么是重要的,什么不是。较大的元素更重要,较小的元素较少。

小字体和大图像之间的比例差异清楚地描述了科林休斯网站上哪些元素最重要。

等级制度

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

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

重复

重复是强化想法的好方法。这也是统一汇集许多不同元素的设计的好方法。重复可以通过多种方式完成:通过重复相同的颜色、字体、形状或设计的其他元素。

例如,这篇文章在标题格式中使用重复。每个设计原则的格式都与本节中的其他原则相同,向读者表明它们都同等重要并且都是相关的。一致的标题统一了整个页面的这些元素。

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

韵律

重复元素之间的空间可以形成节奏感,类似于音乐作品中音符之间的空间创造节奏的方式。设计师可以创造五种基本类型的视觉节奏:随机、规则、交替、流动和渐进。

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

TheArtCenter 网站背景中形状之间的不规则间距创造了随机的节奏。

节奏可以用来创造许多感觉。他们可以创造兴奋(特别是流畅和渐进的节奏)或创造保证和一致性。这完全取决于它们的实现方式。

图案

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

然而,在设计中,模式也可以指为某些元素的设计方式设定的标准。例如,顶部导航是大多数互联网用户与之交互的设计模式。

顶部导航是互联网上最普遍的设计模式之一,在 Isabelle Fox 的网站上有说明。

空白空间

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

许多初级设计师觉得需要用某种类型的“设计”来包装每个像素,而忽略了空白的价值。但是白色空间在设计中具有许多重要的用途,最重要的是为设计元素提供了呼吸的空间。负空间还可以帮助突出设计的特定内容或特定部分。

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

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

在某些情况下,负空间用于创建可能不会立即对观看者显而易见的次要图像。这可能是品牌推广的重要组成部分,可以让客户满意。以 FedEx 标志中隐藏的箭头为例。

移动

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

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

种类

设计的多样性被用来创造视觉兴趣。没有多样性,设计很快就会变得单调,导致用户失去兴趣。可以通过颜色、排版、图像、形状和几乎任何其他设计元素以多种方式创建多样性。

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

Kennard Lilly 的网站背景使用了多种颜色和形状来营造趣味性,同时也强调主要文本内容。

统一

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

统一性是指设计元素协同工作的程度。在设计中,视觉元素之间应该有明确的关系。Unity 还有助于确保以清晰、连贯的方式传达概念。具有良好统一性的设计似乎也比缺乏统一性的设计更有条理、质量和权威性更高。

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

其他设计原则

有关该主题的各种文章也涉及其他设计原则。这些包括排版、颜色、格式塔原则、网格和对齐、框架和形状。有些绝对符合“原则”的定义,而有些则更像是设计元素。

排版是指文本在设计中的排列方式。这包括使用的字体、它们的间距、大小和重量,以及不同文本元素相互关联的方式。良好的排版设计深受本文前面提到的所有其他设计原则的影响。

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

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

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

框架是指设计的主要主题如何与页面上的其他元素相关联。在电影摄影或摄影中最常听到它指的是图像的主要焦点如何放置在整个图像中。但是这个原则会延续到设计中。

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

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

结论

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

设计师应该致力于了解这些设计原则中的每一个实际上如何影响他们的工作。研究其他设计师如何实施这些想法来构建他们自己的设计也是学习创造更好设计的非常有价值的工具。

完全有可能在不透彻理解这些设计元素和原则的情况下创建一个好的设计。然而,它通常是由“设计师的直觉”完成的,可能需要大量的反复试验才能创造出看起来不错的东西并创造最佳的用户体验。通过实践我们讨论过的原则,直到他们成为第二天性,设计师可以节省大量的时间和精力。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

上一篇

利落现代文艺传承的中文字体 – 一点明体

下一篇

跨文化设计完整指南

相关文章