网站视觉设计101课程
视觉设计是创造并使产品的总体美学。为了创建网站或应用程序的美学风格,我们使用视觉设计的基本元素,并根据设计原则进行排列。这些元素和原则共同构成了视觉设计的基石,对它们的牢固理解对于创建任何产品的视觉设计都至关重要。
在这里,我们将向您介绍视觉设计的元素:线条、形状、负片/空白、体积、价值、颜色和纹理。学习如何实现统一、格式塔、层次、平衡、对比、规模、优势和相似性,会让网站更受欢迎。
任何产品——从网站和应用程序等软件产品到烤面包机和吹风机等硬件产品——都可以分解为视觉设计的基本元素,这些元素是我们视觉设计师在日常工作中使用的基本工具,对它们有基本的了解无疑是完成这项工作的先决条件。
设计原则告诉我们,这些元素可以并且应该如何结合在一起以获得**结果。
一致性原则
统一与在页面中的所有元素之间创建和谐感有关。元素在视觉上或概念上排列在一起的页面可能会产生一种统一感。
设计缺乏统一性会造成不安和混乱。我们的眼睛支配着我们的判断。
当我们设计网站时,我们可以利用网格来实现统一感,因为网格中的元素将遵循有序的排列。然而,我们确实需要在我们的工作中引入一些变化,以便在枯燥和混乱的设计之间取得平衡。
三角塔原则
三角塔原则是指我们倾向于感知所有部分的总和,而不是单个元素。人眼和大脑对统一形状的感知方式不同于它们对这些形状的各个部分的感知方式。特别是,我们倾向于先感知物体的整体形状,然后再感知物体的细节(线条、纹理等)。
三角塔原则我们可以看到正方形、圆形和三角形的原因,即使线条不完整。我们首先看到由虚线形成的整体,然后再看到每个图像中的单独虚线。
例如,通过增加网站的各个部分之间的空白空间来区分它们。作为设计师,我们应该确保我们使用格式塔原则将网站的各个部分组合在一起,即如果它们彼此接近、形状相同和/或大小相似,那么它们确实在概念上组合在一起。
等级原则
层次结构显示设计中元素的重要性差异。颜色和大小是我们创建层次结构的最常见方式——例如,突出显示主按钮,或使用较大的字体作为标题。出现在页面或应用程序顶部的项目也往往被视为具有比下面显示的项目更高的层次结构。
均衡原则
平衡是指导我们如何均匀分配设计元素的原则。平衡的设计往往显得平静、稳定和自然,而不平衡的设计让我们感到不安。
平衡的设计看起来很稳定,而不平衡的设计则显得不可持续和不自然。
平衡可以通过设计中的对称性来实现(例如,具有集中文本和图像的网页)。然而,你也可以在没有对称的情况下实现平衡——这可能并不奇怪,这就是所谓的不对称平衡。当我们以统一的方式排列不同大小的元素时,我们就实现了不对称的平衡。我们可以想象设计的中心点,并以创造平衡的方式分配元素。
对比原则
我们使用对比度,通过操纵颜色、价值、大小和其他因素的差异,使元素脱颖而出。例如,作为设计师(无论是logo设计、UI设计等),我们经常使用红色来突出某些元素。
比例原则
比例描述设计中元素的相对大小。通过使用比例使元素比其他元素更大,您可以强调该元素。这样不仅可以使元素突出,还可以使用比例来创建深度感(因为近处的对象在人眼看来更大)。夸张的图像比例也会增加一定程度的趣味性和戏剧性。
缩放可用于为设计中的某些元素创建层次结构并对其进行强调。
当我们从事视觉设计时,我们应该确保我们在保持网站统一和平衡的同时使用主导权——如果不这样做,设计可能会给用户带来迷失方向的体验。