设计元素和原理

没有依据的设计是没有飞行员的飞机,无处不在。

您是否曾经看过任何设计的设计,可以是印刷或数字化的,并且觉得有些问题,或者传达了与其想法不同的信息?设计很可能缺乏基本建筑要素和原则的不当实施。

来源:关联

设计元素是为了传达信息而共同形成结构的任何设计的基本单元。诸如点,线,形状,形式,纹理,颜色,价值和空间之类的元素;是我们在任何设计的组成中都能找到的各种元素。

为了在任何设计中有效地利用这些元素,设计师创造了一些基本原则这将元素融合到设计中,以使信息有意义并传达信息。当然,可以将原则作为规则,可能会违反的规则,但是您必须首先知道它们是什么以及如何与它们一起玩。这种做法并不建议一次使用所有原则,而取决于设计的意图或要求。您使用原理的方式决定了设计的成功程度。

重要的是要意识到每个设计都由设计元素,就像墙壁的砖头一样。但是要建造一堵墙,应该有一些规则使其强大并防止其掉落。设计原则将成为确保力量的规则。我们使用它们的方式定义了设计是否成功。因此,现在让我们深入研究这些概念。

设计元素

设计元素是由艺术家和设计师理论家Maitland E. Grave在1941年定义的,为“建造所有设计的材料”,这可能是重点,线条,形状,形式,形式,纹理,颜色,颜色,价值和空间。让我们来解决他们中的每个人。

资料来源:uxreactor

一种。观点是任何图形或艺术表达中最小的单元,这鼓励思想思考其位置,并在想象力和空间中提供一切。

b。线是由空间中移动的点所定义的艺术元素,它是一个比厚度更长的元素,可以不间断,破碎或暗示。线可以是垂直,对角线,水平甚至弯曲的。它可以是任何宽度,大小,形状,位置,方向,间隔或密度。

即使它的形式是基本的,线条也会影响观众的思想和感受,并将观众的眼睛引导到太空中。还可以分组或分割其他元素。

C。形状可以定义为二维元素,可在空间中确定一个确定区域。每个图形都包含形状和图形,其中可能包含其他元素,例如颜色,线条,纹理和值。

d。通知,我们有一个三维元素,它可能是几何(人造)或天然(有机)。它可以通过数字和物理上的高度,宽度和深度来测量。主要是通过组合形状创建的,并且可以通过颜色或纹理来增强。

e。质地即使纹理是数字化的,也可以使表面具有触觉和感觉,即使质地是数字的,也可以给人一种身体感觉的幻想。我们可以为线条,形状和形式提供视觉纹理。他们能够吸引或损害观众的眼睛。

F。颜色可以帮助组织设计并突出特定领域或动作。像其他元素一样,它具有不同的特征:色相,饱和度和轻度。使用这些特征,颜色可能更强烈或更暗(饱和),更暗或更轻(轻度也称为价值)。由于这些特征,颜色传达了不同的信息和情感,尽管重要的是要记住,每种颜色都有不同的含义。

在设计中,即使黑白为颜色,也没有颜色为黑白。这意味着颜色是设计中并不总是存在的元素,具体取决于我们可以摆脱它的意图。

G。空间与设计的建设所需的区域或房地产有关。空间涉及二维区域,但也可以使用阴影,阴影,重叠和尺寸在平坦表面上的第三维幻觉。

与颜色相同,空间不是我们设计中必须始终存在的原理。然而,这是将重点或重点放在设计中的元素上的好方法。

设计原则

如今,我们可以找到许多定义设计原理的不同文章,但是没有为它们设置的标准号码。随着时间的流逝,肯定会有新的原则。由于设计是一种不断发展且创造性的实践,因此没有明确的原则,但是作为设计师,我们应该始终注意遵循6种基本原则,以确保成功设计。

在这里,我们将尝试了解它们的正确实施如何使它们有所不同。

一种。对比
通常是使您的设计“流行”的神奇关键要素,这是许多设计客户的非常普遍(有时令人沮丧的)需求。大概当您考虑对比度时,脑海中的第一件事就是颜色,但是对比度可能以不同的方式进行,您可以使用尺寸和重量进行演奏以产生对比度。

对比的另一个好处是可读性和可读性,这对于诸如文本之类的元素非常重要。在下面的设计中,我们可以通过排版,形式和颜色找到多个对比度的应用。

来源:societ6.de

首先,海报在两个元素之间传达二元性。同样,使用不同颜色和字体重量提高了“对比”一词的可读性,这表明对比度可用于使您的设计在视觉上“流行”,并引起人们对设计的某些元素的关注。这是一个基本概念,但是如果执行得很好,它会促进美丽而成功的设计。

b。等级制度
想象一下,一种设计以完全不同的顺序传达的设计,信息可能会误解,甚至更糟,甚至不理解。

来源:zhihu.com

这就是层次结构的力量,作为设计师,我们必须在没有他们意识到的情况下指导或驱动我们的用户。在上图中,眼睛捕获的第一件事是红色大字母完全改变了用户阅读消息的方式,这是层次结构不良使用的一个明显示例。我们的设计应该以我们真正期望的方式传达信息。层次结构设定了用户接近设计的方式,从而使他将目光一路直达他将引导它们的起点。

等级制度可以通过尺寸,颜色,重量,位置甚至对比度给出可以改善层次结构的好工具。现在,您可以看到多个原则如何共同创建良好的设计。

来源:Pinterest

在上面的示例中,360和图像的大小,颜色首先呼唤注意力,并且对象的方向和位置决定了读数的顺序。在这种情况下,使用层次结构可确保设计消息的可读性和顺序。

C。平衡
原则平衡指设计中元素的重量的分布。想象一下,您的设计是一张单腿桌,上面有一堆对象,这些对象可能是您必须以桌子不会失去平衡,看起来尴尬或掉落到一个的方式来安排的元素边。设计也发生了同样的事情。

资料来源:uxreactor

在上面的图像中,我们可以找到多个元素,但是由于元素的排列,视觉上的图像在右侧具有更大的重量。尽管平衡并不意味着它应该是对称的,但您可以找到对称平衡当您在设计的两侧具有相同质量和数量的元素时,当您在设计的一侧具有很大的元素,而另一侧的一堆小元素则可以同时产生相同的视觉重量大元素。

资料来源:uxreactor

d。接近
在超市中,您知道您可以在一个地方找到任何清洁产品,因为所有这些产品都在清洁区中。这接近原理遵循同样的逻辑,通过安排您的设计中的相似元素。他帮助我们组织了我们的设计元素并改善了其中的焦点。

资料来源:uxreactor

在上面的图像中,我们可以在右手看到我们的元素的股度,从而在设计中产生混乱和混乱,在元素之间没有关系,而不是左手,我们以我们的方式排列的元素可以将它们分为两个不同的组相关联,接近性具有提供订单和更清洁外观的质量。

在下面的示例中,我们可以看到信息的接近性如何使两张名片之间的区别,在左手中,我们对信息的信息保留,这些信息使这种外观和感觉都很混乱,并且很难知道信息的层次结构。在右手方面,我们实施了接近,电话号码和网站是与该公司联系的方法,该公司的地址和名称也是该公司的方法,也已分组更易于理解的设计。

来源:webdesigner.depot.com

e。空白
设计元素的存在对设计以及它们的缺失产生了重大影响。空白或负空间不一定是白色的,它可能是您的背景所具有的任何颜色。空白空间打算使您的设计舒适,并在设计中提供呼吸空间,以减少混乱或抽筋。

资料来源:uxreactor

在上面的比较中,我们可以看到如何在元素之间给出这些空的空间,从而减少了整体构图的重量,从而使正确的图像比左侧的图像更舒适。

此外,白空间可用于C给出仅具有该元素的轮廓或轮廓的元素的幻觉效果。在下面的示例中,我们可以看到设计师如何使用此海报中的空白空间来传达此角色,仅带有轮廓的印象,拥抱长发的人。

来源:imdb.com

F。结盟
结盟是一个非常重要的概念,使我们能够在元素之间建立关系,即使它们之间没有直接的相关性,对齐方式提供了一个无形的线条,可以帮助它们连接并引导眼睛通过对组件进行一致性,观看者有更多的秩序和清晰度来解释设计,并可以更好地将其元素联系起来。

来源:inzonedesign.com

如上图中,您可以看到6个主要对齐,右,中心,左,上,中和底部。尽管对齐可能与艺术板以及其他元素有关。在下面的示例中,我们可以识别不同的对齐方式,使我们能够将每个图像与菜单中各自的板块细节相关联。

来源:Christinakwiek.com

我们刚刚了解了六个基本原则,即使有更多的原则可以独自或与您的设计一起播放,具体取决于您的设计意图。

提示 /最佳实践

  1. 在应用任何原则之前,请考虑一下设计的意图。
  2. 尽力不同时使用所有原则。根据您的设计目的与它们一起玩。
  3. 大多数原则都具有相互依赖性,了解它们如何共同发挥以开始实施它们。
  4. 原则就像被打破的规则一样,但是您必须在违反规则之前完全理解规则。
  5. 将原理与您与他人传达想法的方式相关联,设计应该自己交谈和解释。
  6. 收到其他人的反馈总是很好,知道您是否实现了设计目标。
  7. 练习,练习并继续练习。

清单

  1. 明确设计目标。
  2. 选择您认为可以帮助您的目标的原则。
  3. 如果您有必要,则违反规则,只有清楚自己打破了什么规则以及为什么要这样做。
  4. 不要使用不仅仅是必要的原则。
  5. 向非设计师展示您的设计,并询问他们的想法,这将使您了解您的设计在说什么。
  6. 对反馈开放,有时设计确实实现了他的目标。
  7. 尝试使用不同原则的不同方法,总是欢迎变化。

快速问题

在设计时,您将基本上适用于需要引起注意的东西?

  1. 对比度和颜色
  2. 方向和组成
  3. 对称与平衡
  4. 尺寸和组成

在下面的评论部分中留下答案,并加入我们的答案社区有关UX设计的更有趣的讨论

- -

- -

获取中型应用betway娱乐官网

一个说“在应用商店上下载”的按钮,如果单击,它将带您到iOS App Store
一个说“获取它,Google Play”的按钮,如果单击它,它将带您到Google Play商店
Prasad Kantamneni

我是设计师,问题解决者,Inc 5000 Studio的联合创始人,以及激情的教育者。我的目标是揭开设计和教授务实策略的神秘面纱。

Baidu