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

设计的 13 条原则(以及如何应用它们)

您不能只是按一下开关就可以随心所欲地创建漂亮的设计。就像在跑步之前学习走路一样,您必须先学习某些基础知识。

问题是,如果你没有时间或没有兴趣参加设计课程,资源就会非常稀缺。当然,您可以依赖Canva 模板,但即便如此,您仍需要知道如何正确使用它们。

这就是我们整理这篇文章的原因。如果您想知道什么是好的设计,那么它就是为您准备的无论您是完全的业余爱好者还是崭露头角的设计师,您都会发现它很方便 – 所以让我们陷入困境。

一、什么是设计原则?

如果您想创建有效的视觉效果,从油画和博客图形到引人注目的交媒体帖子,设计原则是要遵循的准则。

将设计视为木工,将这些原则视为您的工具箱。您可以在设计过程中使用它们来帮助您,与锤子、钉子和螺丝刀不同,它们可以完全存在于您的脑海中。

这些工具可以让您更好地理解和欣赏我们每天看到的设计中的内容。当您熟悉它们时,您将开始了解什么有效,什么无效(以及为什么),以及如何将这些原则应用到您自己的创造性工作中。

什么是“好设计”?

我们被告知艺术是主观的。在大多数情况下,这是真的。但是,如果您曾经看过难以理解的停车标志或网络早期的网站,您就会知道肯定有糟糕的设计之类的东西。

正如设计和可用性专家 Jared Spool 所说,“好的设计,如果做得好,就会变得无形。只有当它做得不好时,我们才会注意到它。” 这就是为什么好的设计很难定义的原因。

幸运的是,在 1970 年代后期,一位名叫 Dieter Rams 的有影响力的设计师看到了这个问题。作为回应,他问自己什么是好的设计,并提出了自己的十项原则清单。

他几乎不知道,他们会继续激励几代设计师,包括苹果最著名产品背后的策划者约翰尼·艾夫。

设计的 13 条原则

这些是图形设计师和艺术家用来将创意作品组合在一起的积木;构成每个设计的核心艺术原则,从卢浮宫的美术到当地杂货店的玉米片盒。

1. 平衡

现实生活中的物体承载着物理重量,而设计中的元素承载着视觉重量。大元素更重,小元素更轻,每个元素都有自己的“权重”,取决于它们吸引了多少注意力。

视觉平衡是为了确保您的设计在中心点的两侧具有相同的权重。这就像一个跷跷板——两边的重量太大,整个事情变得不平衡。

通过达到这种平衡,您可以创造视觉和谐,并阻止您的设计让观众感觉过于混乱。它是视觉构图中最重要的部分之一,具有三种基本形式:

对称平衡

对称设计使用假想的垂直(有时是水平)线将设计围绕中心点分成两半。相同视觉重量的元素在轴的每一侧平衡以创建对称。

上面的网站就是一个很好的例子。想象一条沿着女人脸的线将屏幕分成两半。每一面都与她的半张脸保持平衡,旁边还有在黑暗背景下突出的较小轮廓。

对称平衡有两种变体:反射对称,其中两半是精确的镜像,以及平移对称,其中相同的形状或元素在设计的两侧重复。

不对称平衡

不对称组合是指设计使用不等权重的元素。一侧可能有一个视觉上较重的元素,在另一侧与多个较轻的元素平衡。

不对称通常在视觉上更有趣。对称设计可以是相当静态和可预测的,不对称平衡可以给设计带来更动态的感觉。以以下网站为例:

径向平衡

以跷跷板为例,这就像一侧有 100 公斤的重量,另一侧有 100 公斤的羽毛堆叠。它仍然实现了平衡,但提供了完全不同的体验。

径向平衡是指元素从设计中心的一点“辐射”。想想从太阳发出的光芒,从玫瑰中绽放的踏板,或者在多汁的肉馅饼中间喷洒番茄酱。

这种对称形式是一种为设计增加深度和动感的方式,并有助于将注意力吸引到构图中心的物体上。

2. 重点

强调用于将观众的注意力集中在构图的某个部分。这种效果是通过操纵元素(如颜色、形状和大小)使设计的特定部分脱颖而出来实现的。

例如,假设您想引起对登陆页面上的号召性用语的关注。您可以增加文本大小并使用从背景中脱颖而出的颜色,强调 CTA 并确保访问者不会错过它。


请参阅来自 Wishpond 的此示例。重点放在“预订演示”按钮上,为其设置一个黄色背景,与其背后的暗影形成对比。正是这种变化和对比的结合是强调的关键。

3. 重复

您可能已经猜到了,重复是指在整个设计中重复元素。它可以是任何东西,从使用某种字体颜色到向社交媒体帖子添加重复模式到社交媒体帖子再到社交媒体帖子(看看我们在那里做了什么?)

重复使设计在视觉上令人兴奋和有凝聚力。它还通过使用观众所期望的重复主题来创造一种一致性感。这使得它在创建您独特的品牌标识时特别有用。

品牌标识是您品牌的可见元素。颜色; 设计; 商标。它的作用是将您的公司与数以百万计的其他公司区分开来,因此当人们看到您的设计时,他们会立即知道这是您的公司。

Animalz是一家高质量的内容营销机构,它抓住了这一点。他们在品牌颜色、元素和公司徽标中使用重复,以在其网站、图形和社交帖子中提供整体体验。

每个成功的企业都会使用重复。为什么我们将耐克等同于耐克?百事可乐的蓝色罐头?因为这些视觉效果经常重复,最终它们成为了它们所代表品牌的代名词。

因此,虽然重复可以帮助您制作精美的 iPhone 壁纸,但对于任何希望建立视觉识别和品牌认知度的公司来说,它都是一个至关重要的工具。

4. 运动

当我们想到运动时,我们会想到运动的东西。一个钟摆摆动。一辆法拉利在高速公路上呼啸而过。但在设计中,它指的是观看者的眼睛在观看作品时所经过的路径。

这不仅仅是你看到的;这就是你看待它的方式。设计师可以通过使用线条、边缘、形状和颜色来创建焦点并鼓励某些观看方式来指导这一点。

可以利用运动来分散、引导和吸引观众的视线围绕设计。通过使用微妙的提示(尤其是灯光和透视),精明的艺术家可以控制整个过程。

您可以使用线条来创建方向提示并使图像更加生动。查看下面的芭蕾舞女演员的插图。

图像本身是静态的,但我们的眼睛自然会跟随各种线索。在她手上盘旋的线条;在她的小腿周围跳舞;爬进她的裙子。它们不仅结合在一起构成了她的身体——它们还创造了运动的错觉。

5. 比例

比例是设计中两个或多个元素之间的关系,尤其是它们的大小和比例。当事物“成比例”时,这意味着它们之间存在协调,使设计看起来美观。

例如,当您阅读博客文章时,您希望标题比正文大。或者,如果您正在查看乌龟和兔子的逼真图画,您会期望兔子比乌龟大。

比例是关于在两个元素之间找到和谐。你想确保事情看起来“正确”——元素看起来好像它们属于一起。

请注意比例示例中徽标和文本如何共享相同的比例。它赋予设计连续性并使其在美学上令人愉悦,而第二个则非常不和谐且不均匀。

这是在线创建数字资产和网站时出现的问题。这是许多业余设计师存在的祸根。以下是一些保持设计中元素成比例的技巧:

  • 组装相​​同或共享功能的元素。
  • 在设计中建立主要和次要区域,以防止单调和无聊。
  • 确保尺寸变化很小(除非目标是强调。)
  • 避免将作品分成两半、四分之一和三分之一。
  • 尽量保持平衡感。

您还可以通过多种方式使用比例来强调元素,或传达某种信息。这是一种您会注意到广告经常使用的策略,通常最适合用于更具创意的项目。

6. 留白

不同设计元素之间的区域被称为“负”或“白色”空间。这是设计的一部分,不包含任何内容。没有图像、图纸、闪亮的颜色或文本。什么都没有。

这个名字有点误导——它不是一个“消极”的东西,也不一定是“白人”。它可以是任何颜色:空白是指您不添加的内容;设计周围和内部的空白部分。

这是设计的基本构建模块之一,是同样重要的,因为你的任何元素做包括。认为它像一个饮食:你吃什么的问题,但你不吃饭问题一样多。

负空间的主人是苹果。看看他们网站的简约设计

请注意白色空间如何为网站带来优雅和品质的氛围?它平衡页面,帮助组织内容并将我们的注意力集中在 iMac 和 iPhone 上。它还为用户创造了喘息空间——没有被信息淹没的感觉。

“设计作品中的留白与音乐作品中沉默的使用是一样的。如果不按比例使用静音,音乐就是无结构的。同样,如果没有留白,设计就是非结构化的,难以消费。”——马克·登哈托格Mark den Hartog)

有两种类型的空白:微观和宏观。微空白是小元素(如文本)之间的空间,而宏空白是指大元素之间或设计周围的区域(如在 Apple 网站上)。

那么为什么要在设计工作中使用留白呢?

  • 以增加专注度。页面上的项目越少,查看者就越容易专注于您希望他们关注的内容。
  • 以提高可读性。在文本块之间添加空白可以使文本不那么混乱并有助于理解。
  • 传达关系或分离。您可以减少微空白来表示元素之间的关系或使用宏空间来创建分隔。
  • 建立视觉层次。层次结构是设计中元素的重要性顺序,空白可以帮助您组织和定义它。
  • 创造平衡。控制每个元素周围的空白量有助于平衡不同视觉权重的元素。
  • 增加视觉节奏。正如音乐中的音符和静音协同工作以构建节奏一样,元素和空白空间在设计中提供了自己的节奏。

7.对比

当构图中的两个或多个视觉元素不同时,就会产生对比。它可用于创建特定效果,强调某些元素的重要性,并为您的设计增添视觉吸引力。

看起来相同的设计很无聊——通过尝试对比色的色调、形状、大小、纹理和字体,你可以让事情变得生动起来。人类往往喜欢对比。这是吸引注意力、控制视觉流动和保持人们参与的好方法。

您可以使用多种原则来实现它。看看下面的例子如何使用视觉重量、空白和强调来创建对比。

注意颜色。字体大小。白色空间。销售公告的重点。它不仅为设计提供了急需的味道——它创造了对比,吸引眼球并突出页面最重要的部分。

请记住,添加太多变化可能会让观众感到困惑(您想要的相反效果。)与大多数艺术元素一样,它是关于取得平衡。

8. 层次结构

视觉层次是关于组织设计中元素的价值。通过从排名信息最重要的,以最不重要的,你更容易为观众消化您的内容。

这在 UI 设计中起着至关重要的作用。有没有注意到大多数登陆页面都有相同的布局?顶部有一个标志,顶部有一个菜单,然后是下面按重要性降序排列的元素。

这不是因为他们互相抄袭了彼此的作业——设计师坚持一定的层次结构,以便以正确的顺序将注意力吸引到正确的事物上(并使其看起来很漂亮。)

观众的眼睛应该首先被最重要的元素所吸引。它们位于层次结构顶部的宝座之上,下面列出的元素按重要性排列。

有许多视觉技巧可以影响此流程,包括:

  • 大小和规模。元素越大,观众就越有可能看到它。通过将一些东西做得更小,您可以降低其重要性并将重点放在其他地方。
  • 颜色和对比度。一抹色彩会产生很大的不同。使用鲜艳的颜色使某些元素或信息流行起来。
  • 字体。使用不同的字体和样式(如斜体和粗体)来吸引眼球并将文本在层次结构中上移或下移。
  • 空白空间。白色空间使您能够为元素提供呼吸空间并使中心元素脱颖而出。

关于等级模式的注释

人们以相同的方式阅读页面:从上到下。但我们不会只是呆呆地盯着s页面等待信息注册,我们会扫描它。

在此过程中,人眼倾向于遵循相同的路径。出于这个原因,设计师坚持使用两种常见的模式来更快地吸收信息:F 模式和 Z 模式。

F 模式适用于主要由文本组成的页面,如在线或印刷文章。读者以“F”的形状浏览——首先,标题在顶部,然后在页面的左侧和右侧,因为他们发现了他们感兴趣的东西。

设计师使用 Z 模式进行文本较少、视觉效果较多的布局。使用此模式,查看者扫描页面顶部,然后斜向下朝向对角。然后他们以与顶部相同的方式扫描底部。

大多数网站都是以这种方式设计的(包括 Paperform)。请注意徽标和导航菜单等最重要的部分如何位于顶部,而客户端和聊天机器人等次要信息位于底部。

9. 节奏

别担心,你可以把你的舞鞋留在家里。在设计中,节奏与您移动臀部的方式没有任何关系。这是关于给你的作品一种动作和运动的感觉。

设计师通过重复线条、形状、颜色和其他元素来创造节奏。这为我们的眼睛提供了一条路径,构建了图案并为设计注入了流动感。有几种不同类型的节奏:

  1. 随意的节奏。没有任何规则间隔的重复元素。
  2. 规律的节奏。当元素具有相似的大小和长度并分布在可预测的间隔内时。
  3. 流动的节奏。间隔是有机的自然图案(如老虎的条纹或花园中的一束花。)
  4. 渐进的节奏。元素的渐变或序列在一系列清晰的步骤中发生变化(例如颜色渐变。)

节奏不是让观众的眼睛停留在一个焦点上,而是鼓励观众在整个作品中移动他们的眼睛,跟随线条和形式到达他们的自然终点。这是你看到的反映在自然和艺术作品中的东西。

以古斯塔夫·克里姆特 (Gustav Klimt)的《生命之树》为例,1905-09 年。

这是流动节奏的典型例子。克里姆特用一条螺旋线创造了树木的流动形状,将观者的视线从中心点引向作品的书尾人物。

看看树枝是如何流动的?他们对他们来说是一种有机的感觉,就好像他们还活着并伸向天空。你的眼睛在这件作品上徘徊,跟随线条和曲线。这就是我们所说的节奏。

现在,我们不会假装这篇博文会把你变成古斯塔夫·克里姆特。但是你可以看到节奏是如何设定基调的;创造一种感觉并使与设计的交互成为一种积极的体验。

10. 图案

人们往往对模式中的重复感到困惑,这是可以理解的,因为它们都处理重复的元素。但相似之处到此为止。

虽然在整个设计中重复相同的元素时会发生重复,但模式由以相同方式重复的不同组件组成。想想礼品包装通常是由几个不同的重复元素组成的——这是一种模式。

您还会注意到通常用作网站和移动应用程序背景的图案。只需查看个人组织应用程序 Socialist 的登录页面即可。

在红色背景中,您可以看到一些极简主义的图标,包括飞机、衣架、水果、乐器和购物袋。这有双重目的,即提供一个独特的背景,同时也表明社会主义将帮助组织用户的生活和兴趣。

作为一般规则,最好使用颜色、纹理和形状来创建图案。尽量避免用文字来做——它往往只会让人们头疼。尽管偶尔会有鲜艳的色彩和古怪的设计,但创造有效图案的关键是简单。

11. 规模

比例是设计师用来描述设计元素与另一个设计元素相比的相对大小的术语。当一个元素与其他元素进行比较时,它只有一个“比例”。

所以说你大约六英尺二英寸高。与普通人相比,你个子很高,但和勒布朗·詹姆斯一起跑来跑去,你会看起来更接近 Tic-Tac 的大小。这就是规模。

在设计中,比例很重要,因为它会影响您作品的意义、基调和整体构成。它是决定视觉层次的首要因素,并告诉观众要关注什么(以及以什么顺序)。

比任何其他主要量表更能帮助您讲故事。例如,看看这张电视连续剧《广告狂人》的海报。

艺术家使用比例尺带我们踏上视觉之旅。主角唐·德雷珀以夸张的比例出现在纽约市上方,显示了他的高贵地位。红色的身影若隐若现,代表着他无法逃避的过去。

海报充满张力和状态,主要通过比例提供。它展示了如何颠覆意义、建立视觉层次结构并通过智能设计向用户讲述故事。

12. 品种

多样性不仅是生活的调味品,也是设计的调味品。在设计中不要恢复到相同的旧元素以确保事物在视觉上对您的观众来说很有趣,这是不可或缺的。

多样性让事情变得有趣。它可以防止设计停滞不前、可预测和彻头彻尾的无聊——所有你想要避免的事情。通过确保元素的多样性,您可以避免设计单调乏味。

最简单的方法是通过并置和对比。将明亮的颜色放在较浅的色调旁边,将文本放在图像旁边,将圆形放在方形旁边。通过这样做,您可以让观众保持参与并使您的设计有趣。

在设计师Kennard Lilly的网站上查看这个多样性的例子:

在屏幕的左侧,我们看到富有想象力的颜色和形状;在右边,我们看到一台笔记本电脑。通过混合具体和想象,她创造了视觉多样性,并使用图案的并置来吸引眼球并保持观众的参与。

13.团结

我们将统一放在最后是有原因的——只有当设计中的所有元素共存以形成令人赏心悦目的整体体验时,它才会发生。

Unity 增加了秩序并使一个部分感觉像是一个连贯的整体,而不是碰巧存在于同一页面上的各个部分的混乱组合。它在视觉上和概念上都得到了发展。

  • 视觉统一。“和谐”的延伸,这是关于元素协同工作,如配色方案、互补风格的使用,以及在某些情况下,颜色和元素的重复以实现一致性。一个例子是为网页上的所有按钮使用相同的颜色以保持设计的连贯性。
  • 概念统一。是当您为了用户的方便而组合元素时;它是关于以自然的方式融合形式和功能。这方面的一个例子是你如何在Instagram 上双击以“喜欢”一张图片——它减少了摩擦并且需要用户更少的操作。

要实现统一,您需要注意三件事:您使用的元素是否有充分的理由出现在那里,它们是否可以协同工作,以及您试图展示的信息或概念是否得到了清晰的传达。

通过确保您的设计统一,您可以减少认知负担,并确保观众真正理解您的设计想要实现的目标。

交给您

希望这 12 条设计原则可以帮助激发您将创意工作提升到一个新的水平。

无论您正在设计什么——从产品页面到实际产品——如果您花时间学习和应用这些概念,您将坚定地走上成功之路。

请记住,设计总是在不断发展。看看其他人在做什么,并思考如何将他们的技术应用到自己的工作中:这是磨练您的设计技能的好方法。

现在,剩下的就是发挥您的创造力并开始工作,快乐创作!

来源:paperform

发表评论

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

上一篇

Maüa 巧克力包装

下一篇

如何“像设计师一样偷窃”并提升创造力

相关文章