欢迎进入智本培训教育官方网站!
首页资讯
最新动态
咨询与联系

电话:0755-33691233
E-mail:zhib0755@163.com
地址:深圳市宝安区松岗桥底松白商业中心4楼(星港城对面)




您所在的位置:首页 > 首页资讯 > 学习中心
智本培训中心谈 设计中想要让对比度更明显需要这6点
浏览次数:1486次 发布日期:2018-12-17

智本培训中心谈设计中想要让对比度更明显需要这6点即可。很多时候对比度能够让设计显得更加时尚,今天的文章我们将会分享一些实用的方法,帮你提升设计中的对比度。当然了,如果你基础有些差的话,要找松岗平面设计培训班也欢迎来智本培训中心咨询,让零基础差的学员也能学会平面设计。


1、调整元素的尺寸大小构成对比


如果你所设计的UI界面或者插画当中,绝大多数的元素都是尺寸相似的,位置对称的,色彩相似,那么它们在一起是很难创造出视觉焦点的。


增加设计的对比度的诸多方法当中,让元素之间的尺寸差别尽可能大一点是最快最直接的。想要达到这个目标,可以让某个元素更大一点,或者更小一点。用户的眼睛会很自然地被这种差异性吸引过去,因为它们是不同的。


如果你此刻所设计的是网页,那么可以让标题或者CTA标语和按钮比周围的元素更大一些。更大的元素会拥有更明显的视觉重量,这种东西可以通过对比来呈现。


下面是一些实战案例:


1.png


2.jpg


3.jpg


2、使用纹理和图案来构建对比


想创造对比度更高的设计,本质始终还在在于创造差异。而纹理和图案这种元素,相互之间往往有着很大的差异,在设计的时候可以充分利用这一点。比如可以让粗糙的纹理和平滑的元素搭配在一起,创造出对比度。


另外一方面,纹理本身会带有一些特定的属性,比如粗粝的纹理能够创造复古的质感,微妙的纹理则能够给人自然的感受。同样的,不同的气质和质感之间也存在差异,一方面能够创造更加独特的效果,另外一方面也能强化对比度。


以下是一些实战案例:


4.jpg


5.png


6.png


3、通过色彩强化对比度


配色也是很重要的设计技巧,同样是最容易被感知到的设计元素。色彩的色相、明暗、饱和度上的差异,都能够制造足够对比度。同一种色相之下,不同深浅的颜色之间的对比是非常明显的,而我们最常见的就是在黑色背景上的白色文本和在白色背景上的黑色文本,这种对比度确保了内容拥有基本的可读性。


当然,在实际的色彩搭配当中,对比度足够明显的配色方案会更加复杂,通常而言,下面基于色轮的三种色彩搭配方式能够给你对比明显效果不错的配色:


互补配色。色轮上处于相对位置的两种色彩,比如红色和绿色。


分割互补。这是互补配色的变种,指的是色轮上相邻的两种色彩和它们各自相对位置的色彩,共同组成的配色方案。


三元互补。这指的是在色轮上互相间隔120度的三种色彩组成的配色,比如绿色,紫色和橙色构成的配色。


TripAdvisor 这个网站就使用了三元互补的配色,来构建对比色。


7.png


最后补充一句,除了借助色轮以外,还可以比较简单地使用冷色和暖色来作为对比色,构建配色方案。


8.png


4、通过留白来制造层次和对比


在设计的时候,留白是组织内容的重要手段,它们能够创造足够明晰的视觉层次。比如设计一个包含大量内容的页面,不同元素之间的疏密控制,能让内容各自拥有不同的层级,不同元素之间的留白和间距,则能够让它们拥有不同程度的吸引力。被大量留白所环绕的元素,更容易吸引人的注意力。


9.png


注意 Information Highwayman 这个网站是怎么借助视觉层级来吸引用户注意力的。


10.png


距离靠近的元素会让用户觉得它们相互之间是有关系的,而相互远离的元素这种关联性就会降低。这是留白的作用。


11.png


大量的留白不仅能够营造对比,还能创造优雅大气的感觉。


12.jpg


5、充分利用字体排版来制造对比


不同的字体组合和排版布局,同样能够强化设计的对比度。不同的字体有着不同的视觉效果,给人不同的体验,可以通过合理的字体组合,来营造对比度。字体之间的差异要足够显著,但是在搭配使用的时候,还需要足够协调,这种微妙的平衡需要控制。最受欢迎的搭配方式,是采用衬线体字体和非衬线体字体。诸如 Fontjoy 和 Type Connectiong 可以帮你进行字体搭配的挑选。


另外一种方法,是使用不同的字体样式来创造差异,比如使用斜体、加粗的效果,或者使用不同的字重来进行区别。


下面是案例:


13.jpg


14.jpg


15.png


6、使用意外的元素


如果使用得当,一些非常规的、意外的元素,能够给你的设计保持平衡还能够创造足够的对比度。意外的元素并不是用户不希望看到的东西,而是让他们感到惊讶的元素。


虽然这些元素很难做到恰到好处,但是也不是没有规律可供遵循。比如使用不对称的设计,来打破沉闷的布局,或者在中性的配色方案当中,加入一抹亮色,这都是比较典型的方案。


下面是案例:


16.png


17.png


18.png


结语:


在设计的过程中,并非所有的设计都是一次成型的。当你的设计需要足够的对比度的时候,可以按照上述的方法,来进行调整,将对比度提升上来,让整个设计更加贴合用户的需要,让设计发挥作用。


相关阅读:
智本松岗平面设计培训中心 告诉你平面设计需要学什么
松岗塘下涌哪里有平面设计培训班
松岗大田洋哪里有平面设计培训班
学平面设计的你 怎么不知道这6个视觉层次小技巧呢


咨询留言 CONSULTATION MESSAGE
*   *
*
 
联系我们 CONTACT US
联系地址:深圳市宝安区松岗桥底城市便捷酒店4楼(智本培训)
E-mail:zhib0755@163.com  官网:www.sgzbgj.com
招生热线:0755-33691233
qr2.jpg
CopyRight © 2018 深圳市智本教育科技发展有限公司  粤ICP备19028817号

在线客服

微信咨询微信咨询