艺术专业

名校申请攻略领取

  • 姓名(称呼)*
  • 联系方式*
  • 意向国家
  • 意向专业
  • 申请学历
申请攻略领取

最新资讯

Popular universities


20个对比设计技巧,让你的设计作品脱颖而出
对比度是一个重要的设计原则,应该成为每个项目的一部分。对比度有助于组织你的设计并建立层次结构,这只是简单地显示你设计的哪些部分最重要(并指示观众关注那些部分)。但是,除了强调设计的重点外,良好的对比度使用增加了视觉趣味。一切都相同的大小,形状或颜色的布局看起来很无聊。


然而,与大多数设计概念一样,对比应该以平衡的方式应用; 太多的对比度可能与完全没有对比一样糟糕,并且可能导致令人困惑或视觉上不和谐的设计。如果你所有的设计元素形成对比,那么一切都不会突出。


那么,以一种能够增强项目的方式设计对比的秘诀是什么?不幸的是,没有神奇的公式。当你建立自己的设计技巧时,这个过程通常会在潜意识中开始发生,这听起来像是设计师对自己的一些神秘技巧。但实际上,对比度是一种设计工具,任何人都可以使用它来组织和增加他们的设计项目的视觉兴趣,接下来我们就来了解下如何为你的设计添加对比度?


01.深浅色的对比

色值只是一个术语,指的是颜色的亮度或暗度,纯黑色和纯白色是最终的对比值。但你肯定不必坚持使用黑白调色板来创建高对比度设计。较浅和较暗的颜色是增加对比度并使设计的某些部分更加清晰可见的最简单方法之一。


举个简单的例子,想象一下浅色背景上的暗文本,反之亦然,就像这个设计一样。虽然在照片上可能难以阅读到文本,但这里的值对比(亮紫色和蓝色的深色调排版)使其凸显了出来。


02.色调的对比

色调是艺术家对特定颜色的术语,传统上是色轮上的12种颜色之一。这种色彩理论也可以在图形和网页设计派上用场。我们可以从色彩轮中拉出一些经典的调色板,这是画家们已经使用了几个世纪,以创造出高对比度的成分。


互补:色轮上的对立面,如红色绿色或蓝色橙色; 互补色具有高对比度和高强度。


此徽章使用简单,互补的配色方案,将设计的各个部分分成几部分,既有视觉上的醒目又实用。


分散互补:色轮上的任何颜色加上其两侧的两个颜色; 这种色系仍然具有强烈的视觉对比度,但不如互补色组合那么戏剧化。


三色系:在色轮上均匀分布的任何三种颜色。


请记住,你不必以最纯净,最明亮的形式使用这些色调(如上面的色轮图中所示,有时会发生冲突)。使你的颜色更亮,更暗或更柔和可能对于现实生活中的设计环境更实用,但仍然可以为你的设计带来一些不错的对比。

03.色温的对比

所有颜色可以根据色温分成几个类型:暖色、冷色和中性色。红、橘、黄属于暖色;蓝、绿为冷色;黑、白、灰为中性色(根据它们的使用方式,米色和棕色也属于这一类别)。在设计中混合色温,特别是冷色和暖色,可以产生戏剧性的对比。


例如,此网页布局具有鲜明的蓝色和黄色色调的对比色温。这有助于号召性用语按钮和主要图像突出显示。另外,因为两种颜色都倾向于较冷的方向(带有绿色调),即使它具有非常高的对比度,该组合也具有衔接性。


04.颜色强度的对比

颜色的强度也称为饱和度。最纯净,最明亮的颜色是100%饱和的; 越接近灰色就越不饱和。使用明亮或柔和的颜色可以是在设计中创建高对比度或低对比度的地方的战略方法。鲜艳的色彩总是引起人们的注意,尤其是黑色。谨慎使用它们以突出显示设计的重要部分。


下面的网页设计就是这样,在柔和的森林绿色上放置饱和的橙色红色字样。这其中不仅仅使用了醒目的互补色,还加入不同级别的饱和度来增强对比效果。


05.形状的对比:有机与几何

大多数形状可以分为几何形状(矩形,三角形,圆形等)或有机形状(流体,自然灵感)。几何形状的角度均匀性可以很好地与有机形状的弯曲、不对称形成鲜明对比。


下面商标设计采用有机的,几乎抽象的形状,以补充和增强文字排版产生。


06.形状的对比:边缘和角



在设计中巧妙地使用形状的另一种方法是在设计元素的边缘和角落,无论是排版,框或按钮,还是其他功能。更圆润的形状通常具有更柔软,休闲或友好的外观,而更清晰的形状看起来更有序和清晰。下面的设计以其字体排版的方式进行。


07.纹理的对比

像形状一样,具有不同特性的质感也可以用来创造对比,比如粗糙和光滑、坚硬和柔软、立体和平面等。任何质感都是具有视觉性的(除非运用了特殊的印刷效果或其他物理手段),只要你把在网上找到的各种素材与不同的设计主题相结合,就能创造出许多对比效果。


在下图案例中,磨砂质感为整洁的logo加入了一点复古的感觉。纹理或破坏处理是使设计添加一些质朴或复古品质的好方法。


08.层次和尺寸的对比

对比不仅可以增加视觉趣味,也可以帮助我们展现相关联的设计要素的优先级。如果设计要素的尺寸相同,就无法表现出他们的层级关系。不管是怎样的读者,我们都需要将重要的东西优先传达给他们。有效的利用比例,在实践中不仅非常重要,在添加动态布局设计中,也是非常简单的一种技术。


这本杂志的封面有一张巨大的照片,以强调这个问题的主题,但它并没有压倒其他设计元素。事实上,排版的大小,形状和颜色增强了摄影焦点。


09.视觉重量的对比

就像层次对比一样,视觉重量也是强调设计元素重要性的另一办法。视觉重量指的是让某一元素突出于其他元素的设计手法,换句话说就是高对比。设计中具有最多视觉重量的元素(通常为设计的主要焦点)不一定要是页面上最大的元素,你可以运用色彩、质感、形状等特性来区分或突出某个元素。


举个例子,看看这一系列的明信片,以宣传辛辛那提市的文化场所。建筑插图肯定是每张卡片上最大的元素,但“享受更多”标语吸引了你的眼球,因为它是页面上最暗的元素。


10.间距和空白的对比

虽然用尽可能多的信息填充设计可能很诱人,但白色(又称空白或负片)空间在分离和组织设计元素以实现平衡布局方面起着重要作用。使用繁忙或复杂的布局时,周围的重要元素以及一些额外的空白区域(不一定是白色)会引起对这些位置的注意,并帮助它们与设计的其余部分进行更有效的对比。


此网页模型有效地结合使用空白区域和细分割线来组织信息。页面左侧和右侧的两列都被大量的空间所包围; 产品照片更是如此,使其成为关注的焦点并吸引买家。


11.比例分割的对比

从某种程度上说,每一项设计都需要达到一种平衡。如何让你的设计和谐而不无聊,活泼却不浮躁?在两者之间找到一个平衡点的好办法就是比例的分割。通过学习艺术家作品中经典的比例分割是掌握这种技巧的好办法。


三分法:想象一下将布局划分为三维,纵向和横向。将焦点放在这些虚线相交的四个点之一上。将所有元素不假思索地堆在页面中央造就的只能是十分乏味的设计。


在以下网站设计的第一个标题图像中,玫瑰和标题都大致居中于三分规则网格的上两个交叉点的位置,从而形成平衡,引人入胜的构图。三个一组(另一种常见的组合技术)也出现在整个页面中。


对角线:对角线或S形布局可以为你的设计带来一些动作,有助于引导观众的眼睛穿过页面。与仅使用水平和垂直方向的传统基于网格的设计相比,它通常更具视觉趣味性。


12.与意外事物形成的对比

之前提到的比例分割法发挥效用的一部分原因在于它是出人意料的,它达到的不是整齐划一的典型效果。惊喜的元素使用是创造对比的好方法,比如在一个平淡的设计中加入明亮的颜色就能打破整齐划一的感觉,从而吸引观众的兴趣。


在这个登录页面中文本与图像的互动方式与众不同,为原本简单直接的设计加入了一点活力。


13.重复和图案的对比

战略性地应用重复的设计元素或图案可以像比例分割法一样创建焦点或视觉兴趣。或者重复视觉主题可以帮助它在设计中产生更大的影响。


这个平面设计师的名片设计使用一种模式来平衡和构建排版,这是焦点。该图案设计也巧妙地为该品牌结合了一些个性化元素。


14.位置和方向的对比

每个设计都需要某种组织结构:文本以某种方式对齐,元素分配到布局中的某些位置,间距设置。虽然一致性是有序设计的关键,但以有目的,有限的方式混合可以增加一些有趣的对比。


下面的徽标使用倾斜的方向来帮助其关键的排版突出显示围绕它的笔直,有序的文本。通过配对脚本和无衬线字体样式实现了额外的对比。


15.间距的对比

有目的地组织元素可以向观众展现各个元素之间的关系,也可以为设计分出内容层次,使其更容易理解。此外,还可以通过数量来形成对比,比如在几组元素之间加入一个单独元素或在几个单独元素中加入一组元素,就会使这个或这组元素成为焦点。


好的结构对于简历之类以文本为主的设计来说尤为关键,适当的间距、排列和颜色使用都能够使其变得层次分明、一目了然。


16.视觉提示的对比


研究表明,人们记住他们所看到的80%,这也是设计成为如此强大工具的原因之一。但注意力的跨度可能很短,有时观众需要在正确的方向上稍微轻推一下才能知道设计中的重点。这就是视觉线索可以派上用场的地方。你可以用箭头指出一个带有箭头的设计元素,或者用圆形或其他形状围绕它来突出显示它。或者在文本块中,可能以下划线,项目符号或图标的形式显示正在讨论的概念(如下所示)。




17.复杂和简单元素的对比




设计可以混合简单和复杂的样式或单独的功能,以提高对比度。这是使用对立面相互增强的另一个例子。这个想法用于以下一组贴纸中的良好效果,其中华丽的花卉图案和干净简单的文字排版,两种强烈对比的元素创造出戏剧化的效果。

18.字体组合的对比

首先就是选择不同的字体。如果你在设计中选择一种以上的字体,那么就要确保这几种字体能够形成有效对比,所谓有效就是这些字体首先能够通过视觉相互区别,而且它们之间的各种差异能具备不同的功能。比如一种字体可能用作标题,另一种字体作为文本。但切记不要选择类似的字体,因为这会给人一种印刷错误的印象。

根据经验,最好选择一种衬线字体和一种非衬线字体来设置对比,因为通常来说,互补的两种元素会产生很好的对比效果。

下面的印刷标识将无衬线字体与平板衬线字体配对,实现完美平衡的设计。


19.文字对比的注意事项

当你选择使用不同字体的时候,肯定是为了创造对比效果而不是冲突。除非你刻意追求一种个性风格,否则大多数冲突看起来效果都不好。然而并没有固定的标准来评判对比效果的好坏,这往往取决于人的直觉,你要相信自己的判断,借鉴一些出色的字体搭配,然后坚持练习,直到你把这项技能变成一种习惯。

下面的信息图表有几种不同的字体,有趣,不拘一格的外观(适合其幽默的风格),与此同时,没有任何过于花哨的元素来引起冲突,所有的元素都相互合作,服务于设计目的。


20.字体风格和重量的对比

许多字体都有各种版本,如浅色,粗体,斜体,浓缩,扩展或小型版本。这使你的工作变得更容易,即使你在设计中仅使用一种字体,这些替代方案可以组织你的文本并在不同的印刷功能之间创建对比。尝试添加点大小或颜色的变化以获得额外的对比度。


这种设计使用相同无衬线字体的轻型和重型两种重量来创造一种亮面的效果。衬线字体也使得外观具有额外的对比度。



现在你已经有了一些经过验证的方法来为你的设计添加对比度,艺术留学的小伙伴们,是时候让它们为你的作品集制作添砖加瓦了。


-END-