如何使用这十一条设计原则在项目中

UI设计原则为设计师提供了一套方法论,指导他们如何设计具有视觉吸引力的作品,以创造美妙的用户体验。

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

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

  1. 等级制度
  2. 平衡
  3. 结盟
  4. 重点
  5. 部分
  6. 移动
  7. 负空间
  8. 对比
  9. 重复
  10. 种类
  11. 统一

 

设计原则
Art by Anton Kakhidze的艺术作品

 

1. 层次结构

视觉层次结构是良好设计的重要组成部分。如果页面上的所有内容看起来都具有相同的重要性,那么就没有什么重要的了。您需要使用视觉提示告诉人们要注意第一、第二、第三等什么。

通过诸如比例(元素的相对大小)和颜色之类的东西创建视觉层次结构。可以通过使用不同的字体、大小和字体粗细来创建排版层次结构。

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

 

层次设计原则
来源网络

 

2. 平衡

组合中的平衡可以通过几种不同的方式实现。对称平衡是最直接的。当中心垂直轴两侧的元素基本相同时,就可以实现。例如,页面两侧的两个文本块会形成对称平衡,即使这些块的内容不同。

当中心轴两侧的元素不相同时,就会实现不对称平衡。例如,您可能在一侧有一个大图像,而另一侧则是突出的文本。当分隔两个元素的垂直轴不直接放置在页面中心时,也可以实现。在这种情况下,较窄的元素应该比较宽的元素具有“更重”的视觉重量,以实现平衡的外观。

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

 

平衡设计原则
塞德里克·拉乔特

 

3.对齐

对齐是指文本或图形元素在页面上的排列方式。这可以指它们相对于整个合成的对齐方式(左对齐、居中对齐或右对齐)以及它们彼此之间的对齐方式。

当元素没有正确对齐时,尤其是彼此之间的关系,它会给构图增加一种混乱感。它看起来随意而凌乱。

当涉及到这一设计原则时,请确保元素之间正确对齐,并与各种元素的对齐方式保持一致,例如始终居中标题。

 

走线设计原则
弗拉基米尔·格鲁耶夫

 

4. 重点

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

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

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

 

重点设计原则
出自人群

 

5. 比例

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

通过将观众的眼睛吸引到设计中的特定视觉元素,使用比例来创造视觉趣味。

请记住,项目规模的太大差异可能会使最小的项目完全丢失,或者使最大的项目显得滑稽可笑。

 

比例设计原则
斯特凡诺·佩斯基耶拉

 

6. 运动

移动是指用户的眼睛在您的构图中移动的方式。动态设计鼓励大量眼球运动,而静态设计鼓励较少。最好的设计师可以在一定程度上控制用户关注哪些元素,将它们放置在最自然的眼球运动模式的路径上。

熟悉最常见的眼球运动模式、F 和 Z 模式以及分层蛋糕模式很重要。F 和 Z 模式在图像较多的页面上更常见,而分层蛋糕模式由大量带有标题和副标题的文本促进。

 

机芯设计原理
通过杰森柯特利

 

7. 负空间

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

作为设计原则,负空间是必不可少的,因为它为您的作品中的元素提供了呼吸的空间。没有留白,页面看起来杂乱无章,难以浏览。

确保在页面上的元素周围留出一些空间,尤其是最重要的元素。这个白色空间使它们更加突出并促进更好的用户体验。

获得灵感:在标志设计中使用负空间的 3 种方法

 

留白设计原则
伊姆兰·阿什拉夫

 

8.对比

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

对比度有两个非常重要的功能。首先,它允许您使元素彼此突出。完全缺乏对比会导致设计只是单一的背景颜色,没有其他可见元素——不完全是功能性设计。您可以自动看到不同元素的设计具有一定程度的对比度。

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

 

乔治·格泽利什维利

 

9. 重复

重复是指在整个设计中使用相同或相似的元素,无论是规则的还是不规则的模式。它用于加强某些元素,同时还为您的设计提供统一感和连续性。重复可以用来创造节奏,这有助于让用户通过你的设计。

以简单的方式使用重复——例如在整个过程中、在背景图案中使用相同的图标,或者通过以相同的方式为所有照片设置样式。

尝试重复,特别是不规则的重复,以创造运动,但要注意过多的规则重复会产生相反的效果,使您的设计感觉静止。

 

通过敏捷

 

10. 品种

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

通过在您的设计中添加独特或意想不到的元素来创造多样性。多样性可用于将用户的注意力吸引到设计的特定元素或区域,并使它们脱颖而出。

 

洛拉·凯克纳泽

 

11.团结

Unity 在视觉和概念上都具有设计感和和谐感。Unity 很重要,因为它让用户在浏览您的设计时感到轻松。一切似乎都在其适当的位置,并且没有以负面方式突出的不和谐元素。

可以通过多种方式创建 Unity。主要方法是通过:

  • Proximity - 彼此靠近的元素似乎是一个统一的组
  • 对齐- 相互对齐的元素似乎是相关的
  • 重复——重复的元素也会创造一种统一感,特别是如果重复以规则模式完成。

 

由 AR 沙基尔

 

如何应用设计原则

学习并遵循图形设计中的既定设计原则,您可以创建更具凝聚力的设计,让用户满意并提供卓越的用户体验。

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

2

Fey.Fang

学习是进步的基石

发表评论



微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

如何使用这十一条设计原则在项目中
嘿!有什么能帮到您的吗?
返回顶部

显示

忘记密码?

显示

显示

获取验证码

Close