咨 询   1 3 8 6 4 1 6 9 8 9 1

电 话   0 5 3 1 - 6 9 9 8 3 8 1 5

     

31 2018 - 03月

实践出真知!二十个利用对比设计的方法

文章简介:实践出真知!二十个利用对比设计的方法,然而在实际的对比中,你需要从全部的项目上去思考,这是设计的重要原则之一。对比是为了将设计中的重要元素进行分类整理,然后按照不同的重要阶层来传递给读者。

在设计中的对比度(英: Contrast)是指,黑与白,大与小等等之类的差异性。

然而在实际的对比中,你需要从全部的项目上去思考,这是设计的重要原则之一。对比是为了将设计中的重要元素进行分类整理,然后按照不同的重要阶层来传递给读者。设计的重点,不仅仅是为了传递出焦点(英: Focal Point),也要给用户带来视觉性的趣味。相同大小的形状,颜色按照布局并列的放在一起,可能会让你觉得无聊。但是,如果在这之中加入对比,设计立马就变得有趣起来了。
当然很多的设计概念是相同的,平衡对于对比来说也是非常重要的。如果对比度太高,做成之后就变得混乱,视线就不能马上落在重要的东西上了。

那么,灵活运用对比的秘密究竟是什么呢?令人悲伤的是,并没有那样完美的魔法公式。就像学习设计技巧一样,学习的过程往往是无意识的积累案例的过程。这是设计师们所拥有的不可思议的力量,所以千万不要放弃。我们可以将与对比有关的项目情报进行整理,为了加上视觉的趣味性,成为谁都可以利用的设计工具。这需要有哪些需要注意的点与技术呢?这次就让我们一起来看一看吧。

详细从以下开始。

让设计增加对比的方法。

1.将色彩的明暗增加对比

值(英: Value)是指,色彩的亮度或者暗度的表示用语。使用白色和黑色,可以做成无数的对比值(英: Contrasting Value)。但是,当作成对比度强的设计时,也就没有必要使用黑色和白色了。通过调整色彩的明暗度来增强对比使设计中的一部分变得可见是最简单的技术之一。

在下面的这个设计案例中,在照片上配上文字会使其变得难以阅读,在白色的文字上添加紫色到蓝色的渐变色,就成了一个很好的对比。

2.利用色相,色调增加对比

色相,色调(英:Hue)是指,在从很久以前就开始使用的12色色轮中,所选择的特定的颜色名称的绘画用语。但是这种色彩的原理,不管是绘画还是网页设计,都可以去利用他。不知道从什么世纪开始,为了创建出对比的组合,画家们就开始利用色轮上的对比色了。

 

1.互补色(英: Complementary):他指的是选择色轮上面对面的那一组颜色,例如红和绿,蓝和橙。互补色的特点是高对比度,所以如何掌握颜色之间的平衡,也就成了难点。

 

在下面的设计案例中,使用了简单的互补色,他看起来非常的有吸引力,他将图像中的各种情报都整理的很好,是非常具有实际意义的设计案例。

2.分散互补色(英: Split-Complementary):他只的是选中主色之后,分布在主色对面的互补色两侧相邻的颜色。这种配色有较强的视觉对比,可以设计出有着强烈碰撞的设计效果。

 

3.三色系(英: Triadic):他指的是选中主色后,以主色画一个等边三角形的配色方案。

 

当你在使用色轮进行设计时,我们要有“没必要只是用纯色”这样的念头。在越来越多的实践中,不断的去尝试提高降低颜色的明度和各种各样的颜色组合,来表现出最棒的对比效果吧。

 

3.利用色温增加对比


所有的颜色都是有温度的,他可以被分为暖色(英: Warm)、冷色(英: Cool)或者中性色(英: Neutral)。红色、橙色或者黄色会给人温暖的感觉,而蓝色、绿色则会给人冷的感觉,黑和白就给人中性的感觉(还有些不常见的米色和茶色,也归属这一类。),颜色就按这样来进行划分。利用颜色的温度的不同来进行配色,例如暖色和冷色进行组合,可以给人一种巨大的反差。

 

就好像下面这个设计案例,使用鲜艳的蓝色和黄色这样不同的色温,在网页布局上实现了对比。像这样,Call−to−Action将按钮与背景区分出来,产生引人注意的效果。更进一步来说,什么样的颜色被称为寒色(呈绿色的色调:英: ‘Greenish’ Tinge)等,已经有一个统一的对比的组合。

 

4.利用颜色的浓度增加对比

颜色的浓度(英: The Intensity of A Color),也被称为色彩饱和度(英: Saturation)。纯粹明亮的颜色,他的饱和度状态就是100%;越是接近灰色,他的饱和度也就越低。明亮的色调和黑色一起使用的话,就能产生特别的引人注意的效果。在设计中可以作为一个特别的组成部分,为了强调出重要的部分,一定要谨慎的使用。

 

在下面的这个设计案例中,可以使用降低了饱和度的橙红色,将其放置在山顶同样降低了饱和度的绿色上。利用互补色组合(英:Complementary Color Scheme),通过调整色彩的饱和度来吸引眼球,为你的设计赋予更多的活力。

5.利用图形增加对比:几何图形VS不规则图形

大多数图形(英: Shape),是可以被分类为具有几何意义的几何图形(英: Geometric)(例如长方形,三角形和圆形),或者不规则(英: Organic)(流线型(英: Fluid)或者受自然影响的形状(英:Nature-Inspired))。在均匀对称的几何图形的角落,使用一些柔和的非对称(英: Asymmetrical Quality)的不规则图形,可以进行很好的对比。

 

下面的这个设计案例,在复杂抽象的(英: Abstract)有机图片中,我们可以看到,很好的插入了强调排版的直线和曲线,他们补充的位置非常好。


相似性在设计中的应用

在视觉领域中,我们的眼睛很容易就会发现那些相同的元素,并“自动”地将它们联结在一起,尽管这些相似元素的距离远近不一。相似的形状、颜色或其它特性让我们将它们看成是一个组合:

 用颜色形成相似:

在设计中相似的特性可以成为我们有力的工具,利用相似性,我们可以使两个相隔较远的元素在信息上联系起来。

相似性就象一座视觉桥梁。一个元素的颜色在视觉上总是强于它自身的形状,色彩总是最有效的联系方式。在下面的第一张图中,我们可以看到两个黄色的元素在视觉上形成了一种关联性,将左侧的西澳大利亚的

查看详情


连续性在设计中的应用

格式塔心理学的连续法则说明了我们的眼睛会将多个对象连成一条路径

连续性是眼睛的一种本能反应,我们倾向于将观看的多个对象形成一条路径。这条路径,可以是想象出来的,也可以是文字含义所提示的。

北斗七星的勺子形象就是一个想象出来的路径

虽然上面的星星排列并无规律,但我们的眼睛会自动将上面的星星连成一条路径。

这条路就是文字本身的含义让我们连成一条路径

因为我们脑海里已经对“路”有了一个明确的概念,所以就算上述的图片中小路看起来是断断续续的,但我们的眼睛仍然是“看到”一条完整的

查看详情


相近性在设计中的应用

格式塔理论的相近性原则告诉我们,我们的大脑会将距离相近的各部分元素组成一个整体。

相近性原则:

当分离的各个元素接近的时候,他们便呈现一个整体的形象,就算这些元素看起来不一样。

相近掩盖差别:

利用相近性我们将不同的字母、形状及颜色元素组成一个标志。 尽管上述各个字母的形态并不一样,但是由于各个元素距离相近,我们在识别时仍会将其看作一个完整的词组。 尽管上述右边的标志是由不同形状及颜色的元素结合,但相近性原则使我们能够清晰识别出一个房子的轮廓。

组合相关元素:

将元素相合,能

查看详情

文章分页: 1 2 3 4下一页