龙岩第一社区

查看:726 回复:0 发表于 2018-11-7 18:52
跳转到指定楼层
楼主
发表于 2018-11-7 18:52:58 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

9个对比设计技巧:来自设计师的分享 [复制链接]

9个对比设计技巧:来自设计师的分享




    事实上,对比是每一项设计都应该体现的重要原则。为什么这么?#30340;兀?#22240;为对比有助于组织设计元素,构建设计层次,也就是让设计中的最重要的部分凸显出来。并提示读者去关注这些部分。善用对比除了能强调焦点外,还可以增加视觉趣味。如果一项设计中的所有元素都是相同的尺寸、相同的形状或颜色,那么看上去就会非常枯燥,但增强对比度就会使设计全然不同。然而,和大多数设计概念一样,在运用对比时要注意掌?#25484;?#34913;;对比度过大会导致混?#19968;?#19981;和谐的视觉效果。如果所有的设计元素都形成对比,反而无法突出重点,跟毫无对比时的效果是一样的。那如何才能恰当?#21350;?#29992;对比来提升设计?#20998;剩?#36951;憾的是,并没有可供?#23376;?#30340;万能公式。因为这个过程往往是在你打磨设计技巧时不知不觉发生的。也许你会觉得这听起来像是设计师不外传的独门绝技,但先别急着放弃。对比其实是每个人都可以使用的一种设计工具,它可以为你的设计项目组织和增添视觉趣味。如何在设计中加入对比:

    01.亮暗色彩对比

    色值指颜色的亮暗程度,纯黑和纯白是极限值。但是你不一定要用黑白两色来形成强烈的对比。将一个色?#23454;?#20142;一个调暗是增加对比,突出设计中某些部分的最简单的方法之一。这张照片上的文本很小,本来应该?#23721;?#38405;读,但是设计师将文本调成了亮白色,将背景调成了暗淡的蓝紫色,色值的对比凸显了文本,使其?#23376;?#36776;认。

    02.色调对比

    色调是艺术家称呼某种特定颜色的术语,也就?#24039;?#36718;上的12种颜色之一。色彩理论同样可以运用于平面设计和网页设计。数百年来,画家一直用色轮中的经典配色创作对比度高的作品,我?#24378;?#20197;借鉴这一方法来进行设计。一些配色方案包括:

    互补色:色环上相对的两种颜色,比如红和绿,蓝和橘。互补色对比强烈,饱和度高。这个?#29031;?#36816;用了简单的对比色,将设计分为了几个有序的部分,既醒目又实用。

    分散的互补色:由色环上任意一?#21482;?#26412;色与该基本色的互补色相邻的两种颜色构成。这种搭配具有强烈的视觉对比,但没有用互补色那么夸张的效果。

    三色系:由任何在色环上等间距的三种颜色构成的色系。

    ?#20146;?#22312;实际运用中不一定要用高饱和度的?#21487;?#22240;为你可?#28304;?#19978;面的色环图看出,有些颜色搭配起来并不协调。选择一些更亮,更暗或更柔和的颜色对现实生活中的设计可能更加实用,而且依然可以使设计有不错的对比?#21462;?br />
    03.色温对比

    颜色可以根据色温分为几个类型?#21495;?#33394;、冷色和中性色。红、橘、黄属于暖色;蓝、绿为冷色;黑、白、灰为中性色(在某些情况?#26053;?#33394;和棕色?#19981;岜还?#31867;为中性色)。在设计中使用不同色温的颜色,尤其是冷色和暖色搭配,会产生强烈的对比。例如,这个网页设计运用了浅蓝色和亮黄色两种不同色温的颜色形成对比。这能够唤起消费者的购买欲,同?#24065;?#26377;效地凸显了主画面。另外,由于两种颜色都略微带点绿,偏向冷色调,所以整个设计虽然对比强?#19994;?#20381;然非常协调。

    04.色?#26159;?#24230;对比

    色?#26159;?#24230;也称色?#26102;?#21644;?#21462;?#19968;种颜色最纯最亮的状态就叫100%饱和,越接近灰色就越不饱和。亮色和暗色不管是单独还是搭配使用都能有效?#21350;?#35774;计中形成高低对比。亮色总是能吸引人的注意,尤其是运用在黑色背景上时。你可以在设计中使用少许这样的颜色搭配来强调重要的部分。这个网页设计采用的正是这一方法。高度饱和的?#32676;?#33394;文本在暗淡的深绿色背景衬托下格外显眼。这不仅是因为使用了醒目的互补色,还因为加入了不同饱和度的颜色来增强对比效果。

    05.形状对比:有机形状?#22270;?#20309;形状

    大部分形状都可以归为两类:几何形状(如长方形,三角形,圆形等)和有机形状(如液体形状的和源自自然物体的形状)。前者较为规整,后者往往弯曲且不对称,二者搭配使?#27599;尚?#25104;良好的对比。?#26053;?#30340;标志设计融入了有机的抽象形状,它与整齐的排版互为补充,同?#24065;?#26500;成了对比。

    06.形状对比:棱和角

    想在设计中巧妙地使用形状对比还有一?#22336;?#27861;,那就是在字体、边框等其他设计元素的棱?#24039;显?#29992;一点形状。圆润的形状通常给人更柔和、随意和友好的感觉,而尖锐的形状则给人更整齐干脆的印象。在进行设计时你可以将这些特?#24335;?#34892;对比,下图的文字就是按其字面意?#38469;?#29992;了不同的形状构成对比。

    07.质感对比

    和形状一样,不同特性的质感也可以形成对比,比如粗糙和光滑、坚硬和柔软、立体和平面?#21462;?#20219;何质感都是非常直观的,除非你使用了特殊的印刷效果或其他物理手段。只要把各种设计软件的功能和网上?#19994;?#30340;免费平面设计素材相结合,就可?#28304;?#36896;出许多对比效果。下图中,磨砂质感为线条清晰的标志加入了一点复古的感觉。使用恰当的质感和做旧处理能为设计创造出磨损效果,使其看上去质朴或复古。

    08.尺寸和层次对比

    对比除了可以为设计添加视觉趣味外,还有助于联系不同的设计元素并创建层次。如果每个设计元素大小都接近,那么就无法形成层次感,观众就不知道应该先看什么,或者什么是最重要的部分。所以有效运用层次不仅具有实用性,还能简便地创造出动态且有趣的设计布局,为设计增添戏剧效果。这张封面上的巨幅照片强调了这期?#21448;?#30340;主题,但是它并没有?#26500;?#20854;他设计元素的风采。实际上是字体的尺寸、形状和色彩的综合作用强化了照片这一焦点。

    09.视觉重量对比

    和层次对比一样,视觉重量也是强调设计元素重要性的一?#22336;?#27861;。视觉重量指让一种元?#21350;?#35774;计中突出的设计手法。换句话说就是具有高对比?#21462;?#35774;计中视觉重量最多的元素(通常为设计的焦点)不一定是页面上最大的元素。你可以通过运用颜色、质?#23567;?#24418;状等特性来区分某个元素,使其更“有分量”,或更显眼。我们来看看?#26053;?#36825;个案例。这是美国?#21015;?#37027;提市为宣传当地的文化场所而发行的一系列明信片。显然各种建筑插图是每张明信片上最大的元素,但是“Enjoy More”的标语却更引人注目,因为在整个页面上它的颜色最深。

    更多Canva制作相关信息请访问:https://www.canva.cn/



「真?#26174;?#36175;,手留余香」
您需要登录后才可以回帖 登录 | 立即注册 微信登录

本版积分规则

发表新贴 返回顶部
幸运农场怎么才能稳赢
上海时时乐预测官网 摆十三水必赢摆法 气膜羽毛球馆造价多少 北京pk赛车 开奖直播 30选5今天开奖号码查询 360湖北11选5走势图表 七星彩走势图表体坛网 河南11选5彩票控 体彩黑龙江6+1第18073 一尾中特 海南七星彩论坛41 组六推波 上海基诺开奖什么地方 北京时时彩开奖结果记录表 江西快乐十分开奖结果