美文网首页
设计构成——关系

设计构成——关系

作者: 嘎嘎开心 | 来源:发表于2022-05-30 00:44 被阅读0次

当不适合形成鲜明对比时,通过微妙和相似性在设计中的元素之间建立关系可以为您的设计创造优雅、统一的外观。

如果使用得当,元素之间的细微差异可以增加重点,而不会让任何单个元素压倒构图。当您想要统一元素并创建一个有凝聚力的整体时,相似性是一个很好的工具。学习同时实现这两种方法可以扩展您的设计器工具箱。

微妙

当元素几乎相同但每个元素都具有使其与众不同的独特品质时,就会出现微妙或微妙的对比。它可能是颜色、形状、大小、质地或其他属性的细微差别。虽然对比通常会使元素脱颖而出,但细微的差别是一种更加优雅和精致的方法来强调特定内容并将元素分开。

相似

相似性是指不相互对比的元素。就像豆荚里的两颗豌豆一样,相似的元素通常具有相同的颜色、形状、大小和/或其他特性。 

相似性可以帮助设计师实现构图重点,但与对比相比,这一原则在捕捉和保持用户注意力方面的效力较小。然而,相似性真正闪耀的地方在于确保特定元素被视为一个群体。

微妙

微妙的对比会对用户的感知产生重大影响。例如,具有略微不同圆角半径的按钮彼此突出。角落半径较小的按钮看起来更传统,而半径较大的按钮看起来更友好,鼓励用户与之互动。 

不过要小心细微之处,因为对比度太低实际上会给用户带来错误的感觉,并且在使用不当时会使构图显得不平衡。

相似

相似性并不一定意味着元素需要相同。但是他们应该有足够的共同点,可以立即被识别为相关的并且在一个单独的组中。使用形状、颜色、大小和类似的属性来统一类似的元素。

微妙

微妙是强调元素的绝佳方式,而不会过度使用或使其过于突出。一个小的变化——比如,产品卡片上悬停状态的背景颜色——可以以一种强大的方式将它区分开来,而不会在视觉上让人不知所措。

相似

当您的元素同等重要时,相似性就是您的朋友。在一页上拿一系列卡片。它们都很重要,任何一张牌都不应该试图抢风头。当它们都以相同的方式格式化时,它们看起来是统一的。

微妙的形状

虽然所有这些元素都是矩形的,但它们之间存在细微的差异。卡片有尖角,而按钮角略微圆润。这是一个小细节,但它可以帮助用户识别和区分元素以避免混淆。按钮上的圆角也更吸引用户与之交互。

微妙的大小

页面上图像大小的细微差异增加了对较大图像的强调,同时也吸引了用户的注意力。它比两个相同大小的图像产生更强烈的视觉印象,同时仍然允许两个图像发光。

微妙的色彩

虽然明亮的对比色在设计中占有一席之地,但它们可能会使您的作品类似于威利旺卡的巧克力工厂。类似的调色板避免了这种影响。色调和色调的细微差别有助于打造简约而迷人的外观,易于在多种类型的设计中实现。

微妙的质感

使用纹理可以增加元素之间的细微差异,同时也可以统一它们。毛衣和裙子上的微妙纹理效果将本示例中的两个角色联系在一起,而不是彼此镜像。同时,它平衡了构图。

与形状的相似性

类似的元素会立即被用户感知为相关的。具有相同形状、颜色、大小或其他属性的元素被视为一个组。这是设计师在整个设计中坚持使用一个按钮形状或使用相同大小和形状的所有黑白图像的主要原因之一。此示例中相同形状的图像表明它们属于一个组。

注意不要对相关的元素使用相同的形状,因为这会使用户将它们视为一个组。

与大小的相似性

大小通常用于强调一个元素并引起对它的注意。另一方面,相同大小的元素通常看起来相关并且具有相同的重要性。由于大小相似,来自电子商务网站的示例页面看起来一致,并且使用户可以轻松扫描和评估他们的选项。

与颜色的相似性

颜色是设计师的强大工具,可以帮助统一构图中的元素。想想足球运动员——他们穿着相同颜色的球衣,表示他们属于同一支球队。对元素使用相同的类似调色板——CTA 按钮、标题和英雄形象——创造一种有凝聚力的氛围,并使整个构图看起来完整。

在创建元素之间的统一性方面,没有其他工具能像颜色一样强大。

本文内容为转载

相关文章

  • 设计构成——关系

    当不适合形成鲜明对比时,通过微妙和相似性在设计中的元素之间建立关系可以为您的设计创造优雅、统一的外观。 如果使用得...

  • 平面设计课程

    素描 色彩头像 人体速写 传统纹样 国画基础 色彩构成 平面构成 立体构成 图形创意 字体设计 标志设计 VI设计...

  • 【071】《故事》读书笔记(6)

    10、场景设计、分析和布局谋篇 幕由序列构成,序列由场景构成,场景由节拍构成。幕设计的前提的场景设计。场景设计由转...

  • 年薪100万UI设计师!需看设计书籍之3大构成!

    三大构成,是设计界的经典之作!也是一名设计师必看的3本书!分别是平面构成,立体构成,色彩构成! 平面构成 平面构成...

  • 设计基础三大构成

    平面构成——参考书目清华大学出版的《平面构成》、借鉴总结新手设计快速入门—《平面构成》 色彩构成——总结新手设计快...

  • 3、电商设计的平面构成基本元素

    目录3 3. 1平面构成概述 3.1.1设计及构成的定义 1设计的含义 2构成的定义 3.1.2平面构成 1什么是...

  • 做UI的你,这些平面设计基础知识你了解了吗?

    常见的平面设计基础问题 平面设计的基础设计理论包括: 色彩构成、平面构成、字体设计、图案设计、版式设计等。平面设计...

  • 设计构成——颜色

    颜色是用户体验设计师可以使用的最强大的工具之一。它可用于引起对元素的注意并强调其重要性。但它也可以用来强烈影响用户...

  • 设计构成——对比

    对比度是任何设计配方中的重要组成部分。它为您的设计增添色彩并强调元素,增加视觉趣味和活力。 学习可以添加到作品中以...

  • 设计构成——节奏

    声音和停顿的重复创造了音乐的节奏。在设计中,它以类似的方式创建:通过元素的重复和它们之间的空间。节奏通过您的作品为...

网友评论

      本文标题:设计构成——关系

      本文链接:https://www.haomeiwen.com/subject/fpotsrtx.html