作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
卡梅伦·查普曼的头像

卡梅伦查普曼

卡梅隆有设计背景,是两本网页设计书籍的作者:《欧博体育app下载》和《欧博体育app下载》.

分享

听听这篇文章的音频版本

谈论设计原则时最困难的部分之一是弄清楚到底有多少原则 五个。? 七个? 10?). 一旦弄清楚了这一点,这些所谓的设计基础应该包括哪些?

搜索“设计原则”,谷歌将返回包含五到十几个单独的视觉设计原则的文章. 即使是对这个数字达成一致的文章,也不一定对应该使用哪个数字达成一致 包括 在这个数字中.

在现实中,大概有十几个基本的设计原则 设计师 在处理他们的项目时,都应该记住这一点. 除了, 另外还有一打左右的“次要”设计原则,有时作为基本原则(例如, 的 完形原则, 排版, color和框架). 下面解释和说明了主要的设计原则.

基本视觉设计原则

正如已经提到的, 设计界对于设计的主要原则到底是什么并没有真正的共识. 也就是说, 以下12条视觉设计原则是在相关文章和书籍中最常提到的.

对比

设计师对客户反馈最常见的抱怨之一,往往是客户说设计需要更“流行”. 虽然这听起来像是一个完全武断的术语, 客户通常的意思是设计需要更多的对比.

对比指的是设计中不同的元素,尤其是相邻的元素. 这些差异使各种元素脱颖而出. 对比也是创作的一个非常重要的方面 可及性设计。. 对比度不足会使文本内容尤其难以阅读, 尤其是对有视觉障碍的人来说.

对比是基本的设计原则之一

平衡

所有的设计元素和原则——排版、颜色、图像、形状、图案等.-具有视觉重量. 有些元素很重,很吸引眼球,而其他元素则比较轻. 这些元素在页面上的布局应该创造一种平衡感.

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

设计基础:平衡

Emphasis

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

在行动中Emphasis基本的设计原则

Emphasis也可以用来减少某些信息的影响. 在设计中使用“细则”作为辅助信息的情况下,这一点最为明显. 隐藏在页面底部的微小字体比设计中的其他任何东西都要轻得多, 因此不被重视.

比例

比例是平面设计中比较容易理解的原则之一. 简单地说,它是元素之间的大小关系. 比例表明设计中什么是重要的,什么不是. 较大的元素更重要,较小的元素不那么重要.

比例是设计要素和原则的重要组成部分

层次结构

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

设计基础:层次结构

通过在设计中使用标题和标题,最容易说明层次结构. 一个页面的标题应该是最重要的, 因此,应该立即被识别为页面上最重要的元素. 标题和副标题的格式应该显示出它们彼此之间的重要性,以及它们与标题和正文的关系.

订阅Toptal设计博客并接收我们的电子书

重复

重复是强化想法的好方法. 这也是一个很好的方法来统一一个汇集了许多不同元素的设计. 重复可以通过多种方式实现:通过重复相同的颜色, 字体, 形状, 或者其他设计元素.

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

重复是设计的一个重要原则

节奏

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

随机节奏没有可识别的模式. 有规律的节奏遵循每个元素之间相同的间隔,没有变化. 交替的节奏遵循一种重复的固定模式, 但实际元素之间存在差异(例如1-2-3-1-2-3模式). 流动的节奏跟随弯道和曲线,类似于沙丘起伏或波浪流动的方式. 渐进式节奏随着节奏的变化而变化,每次变化都增加了之前的迭代.

基本设计原则:节奏

节奏可以用来创造许多感觉. 它们可以让人兴奋(尤其是流畅和渐进的节奏),也可以让人安心和稳定. 这完全取决于它们的实现方式.

模式

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

然而,在设计中,模式也可以指如何设计某些元素的设置标准. 例如, 顶部导航是大多数互联网用户都使用过的一种设计模式.

设计原则:模式

空白

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

许多新手设计师觉得有必要用某种“设计”来填充每个像素,而忽略了留白的价值. 但是留白在设计中有很多重要的作用, 最重要的是给设计房间的元素 呼吸. 负空间也可以帮助突出特定的内容或设计的特定部分.

它还可以使设计元素更容易辨别. 这就是为什么使用大写和小写字母时排版更清晰的原因,因为小写字母周围的负空间变化更大, 这能让人们更快地理解它们.

留白是最重要的基本设计原则之一

在某些情况下, 负空间是用来创造次要的图像,可能不会立即明显的观众. 这可能是品牌的一个有价值的部分,可以取悦客户. 以联邦快递(FedEx)标志中的隐藏箭头为例.

联邦快递的标志使用基本的白色空间来创建一个隐藏的箭头.

运动

运动指的是眼睛在设计上移动的方式. 最重要的元素应该引出下一个最重要的元素,以此类推. 这是通过定位来实现的(眼睛首先自然地落在设计的某些区域上)。, Emphasis, 以及其他已经提到的设计元素.

运动是设计的基础

各种

设计的多样性是用来创造视觉趣味的. 没有多样性,设计很快就会变得单调,导致用户失去兴趣. 多样性可以通过多种方式创造, 通过颜色, 排版, 图片, 形状, 以及其他设计元素.

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

多样性是一个重要的基本设计原则

团结

每个人都见过一个网站或其他设计,似乎只是把元素扔到页面上,而不考虑它们是如何协同工作的. 使用十种不同字体的报纸广告几乎立刻浮现在我的脑海中.

统一性指的是设计元素如何很好地协同工作. 在设计中,视觉元素之间应该有清晰的关系. 团结还有助于确保概念以清晰、连贯的方式传达. 统一性好的设计也比统一性差的设计显得更有组织性,更有质量和权威性.

设计原则:统一

其他设计原则

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

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

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

完形原则 包括相似性、延续性、封闭性、接近性、图形/背景和对称性 & Order(也叫prägnanz). 其中一些原则与上述原则密切相关.

网格和对齐与平衡密切相关,是指元素与页面上看不见的网格相关的排列方式.

框架是指设计的主要主题如何与页面上的其他元素相关联. 这是在电影摄影或摄影中最常听到的, 与图像的主要焦点如何放置在整体图像. 但这一原则也适用于设计.

形状也是任何设计的重要组成部分, 无论是在设计中使用的特定形状的元素, 以及设计本身的整体形状. 不同的形状可以唤起不同的感觉.E圆圈是有机的和流动的, 而正方形则更加死板和正式, 三角形给人一种能量或运动的感觉.

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

结论

什么构成了设计的“基本”原则当然是有争议的. 但是理解和执行上述原则对于任何设计项目的成功都是至关重要的.

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

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

了解基本知识

  • 视觉设计的元素是什么?

    的元素, 或原则, 视觉设计的关键要素包括对比, 平衡, Emphasis, 运动, 空白, 比例, 层次结构, 重复, 节奏, 模式, 团结, 和种类. 这些设计原则共同创造出具有美感并优化用户体验的内容.

  • 为什么对比在设计中很重要?

    对比指的是设计中元素的不同程度, 使它们更容易被彼此识别. 对比在创建无障碍设计中非常重要. 对比度不足会使文本内容尤其难以阅读, 尤其是对有视觉障碍的人来说.

  • 节奏在设计中意味着什么?

    重复的视觉元素之间的空间创造了节奏的基本设计原则, 类似于音乐作品中音符之间的空间创造节奏的方式. 设计师可以创造五种基本类型的视觉节奏, 常规的, 交替, 流动, 和进步.

  • 什么是平衡设计原则?

    设计的每一个元素和原则——排版、颜色、图像、形状、图案等.-具有视觉重量. 有些元素很重,很吸引眼球,而其他元素则比较轻. 这些元素在页面上的布局应该创造一种平衡感.

  • 如何在设计中实现重点?

    Emphasis的基本设计原则用于使设计的某些元素突出(例如通过使用对比色), 使元素变大, 增加周围的空白, 等.),或者不引人注目(比如在页面底部加上微小的“小字”)。.

聘请Toptal这方面的专家.
现在雇佣

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.