11项UI设计原则(以及如何使用它们)

关于究竟有多少设计原则存在,人们争论不休。一些设计师说7,其他12,还有一些介于两者之间。但是,当涉及到设计原则时,数字并不是最重要的。

设计原则为设计师提供了一套如何设计视觉上吸引人的构图,创造美妙的用户体验的指南。

通过遵循等级、平衡、统一和多样性等设计基本原则,您可以创建人们喜欢使用的数字产品和图形设计。

每个平面设计师都应该熟悉设计的 11 项原则:

层次结构

视觉层次结构是良好设计的重要组成部分。如果你页面上的一切看起来都同样重要,那么没有什么显得重要。你需要使用视觉提示告诉人们注意什么第一,第二,第三,等等。

通过刻度(元素的相对大小)和颜色等创建视觉层次结构。可以通过使用不同的字体、大小和字体权重创建排版层次结构。

关键是要确保页面上最重要的元素在其余元素中脱颖而出。

 

对称平衡

构图中的平衡可以通过几种不同的方式实现。对称平衡是最直接的。当中枢垂直轴两侧的元素基本相同时,它就实现了。例如,页面两侧的两个文本块将创建对称平衡,即使这些块的内容不相同。

当中轴线两侧的元素不一样时,实现不对称平衡。例如,您可能有一个大图像,一边由另一侧的显眼文本平衡。当划分两个元素的垂直轴不直接放置在页面中心时,也可以实现该轴。在这种情况下,较窄的元素应具有比较宽的"更重"的视觉重量,以实现平衡的外观。

无论您使用哪种类型的平衡技术,结果都应该感觉正确。它应该给观众一种和谐感,而不是让他们感到不安。

 

对齐

对齐是指文本或图形元素如何排列在页面上。这可以指它们相对于整个组合(左、中或右对齐)的对齐,以及它们彼此的对齐。

当元素不能正确对齐时,尤其是彼此对齐时,它给构图增添了混乱感。它看起来杂乱无章和凌乱。

当涉及到这个设计原则时,一定要正确地对齐元素之间的关系,并符合各种元素的对齐,例如始终以头条新闻为中心。

 

强调

重点是吸引用户眼球的设计部分,换句话说。理想情况下,这应该是设计中最重要的部分,无论是标题、图像还是 CTA。但这并不总是发生。

缺乏经验的设计师可能会无意中强调页面的错误部分,从而造成用户的混淆。

请务必首先强调您希望用户查看的部分。您可以通过刻度、空白、颜色、阴影、图案或其他技术来做到这一点。

 

比例

比例(也称为比例)是设计中对象的相对大小。相对于其他元素较大的元素将更加突出,并且似乎对用户更重要。较小的元素显得不那么重要。

使用比例通过吸引观众对设计中特定视觉元素的眼光来创造视觉兴趣。

只要记住,项目规模的太大差异会使最小的项目完全丢失,或使最大的项目看起来滑稽大。

 

 运动

运动是指用户的眼睛在构图中移动的方式。动态设计鼓励大量眼睛运动,而静态设计则鼓励较少。最好的设计师可以通过沿着最自然的眼睛运动模式放置它们来控制用户关注的元素。

重要的是要熟悉自己最常见的眼动模式,F和Z模式,和层蛋糕模式。F-和Z模式在图像密集的页面上更为常见,而层蛋糕图案则由大量带有标题和副标题的文本促进。

 

负空间

设计中的负空间,也称为空白,是没有设计元素的空间(除了背景颜色或微妙的图案或纹理)。

作为一种设计原则,负空间是必不可少的,因为它给你的构图空间中的元素呼吸。没有空白,页面看起来杂乱无章,难以导航。

请务必在页面上的元素周围留一些空间,尤其是最重要的元素。这个空白区使他们更突出,并促进更好的用户体验。

 

8. 对比

对比可以通过元素的颜色、形状、大小或类似属性来实现,并指它们之间的差异。颜色对比往往是人们首先想到的,但元素大小、形状或其他属性的差异也会产生对比度。

对比具有两个非常重要的功能。首先,它可以让你使元素脱颖而出。完全缺乏对比度将导致设计,只是单一的背景颜色,没有其他可见的元素 - 不完全是一个功能设计。设计,你可以看到不同的元素自动有一定程度的对比度。

对比的第二个重要功能是可访问性。元素之间的充分对比,尤其是文本及其背景,对于创建可访问的设计至关重要。视力障碍的人可能很难在屏幕中阅读过小或没有足够的颜色对比度的文本。有辅助工具可用于检查您的设计是否有足够的颜色对比度用于辅助功能。

 

9. 重复

重复是指在整个设计过程中使用相同或类似的元素,无论是常规模式还是不规则模式。它用于强化某些元素,同时为您的设计提供统一性和连续性。重复可用于创建节奏,这有助于移动用户通过您的设计。

以简单的方式使用重复,例如在整个过程中、在背景模式中或通过以同样方式对所有照片进行造型等方式使用相同的图标。

尝试重复,特别是不规则的重复,以创建运动,但要小心,太多的定期重复可以产生相反的效果,让你的设计感觉静止。

 

多样性

多样性是生活的调味品,对吧?设计也是如此。虽然重复为您的设计增添了和谐感,但多样性使其保持有趣,并防止用户感到无聊。

通过在设计中添加独特或意外的元素来创造多样性。品种可用于吸引用户对设计特定元素或领域的注意,并使其脱颖而出。

 

统一

统一在视觉和概念上都给人一种设计和和谐感。统一很重要,因为它让用户在浏览设计时感到自在。一切似乎都在它正确的地方,没有不和谐的元素,突出的负面方式。

可以通过多种方式创建统一。主要方法包括:

  • 接近元素 - 彼此靠近似乎是一个统一的组
  • 对齐- 彼此对齐的元素似乎相关
  • 重复- 重复的元素也会产生一种统一感,特别是如果重复是以常规模式完成的。

 

如何应用设计原则

学习和遵循平面设计中既定的设计原则,可以让您创建更具凝聚力的设计,让用户愉悦,并提供卓越的用户体验。

无视这些设计原则应谨慎行事,只有在您彻底了解这些原则及其服务目的之后。

作者:Cameron Chapman

本页面最后更新于 2021年08月26日 14:36