本文分享几个平面设计小技巧,本文分享的平面设计小技巧可以让我们避免因为作品中视觉元素过多,导致整体视觉主体不够突显,使得画面杂乱、缺少主次关系、甚至有些轻浮。这种现象会极大地影响设计作品的视觉表达以及信息传递,使得用户在阅读作品时找不到所要表达的重点,导致视觉最终没有着落点以及画面缺少层次感。

视觉主体一般情况下可以是文案、产品或者某一个画面中的视觉元素等等,一旦我们明确画面中的视觉主体,就要做到足够明显。那么突显视觉主体的常用设计手法有哪些?希望本期内容能帮助到大家。

合理使用色块

在日常设计工作中,我们需要结合产品的整体视觉、品牌感、版式节奏感、产品属性等等一系列的因素进行创作,以至于很多时候会顾此失彼,兼顾整体而忽略局部等情况;也会导致有些时候主体与背景颜色互相冲突,又要保持整体色调一致的情况,随之而来的问题就是很容易出现主体不够明显的现象。此时通过色块进行衬托是很好的处理形式之一,也就是之前说过的衬块理论。合理地使用色块就能起到很好地突显主体的作用,下面举两个具有代表性的例子。

  1. 案例一

△ 案例一

通过改前和改后对比我们不难发现,改后的海报主体更加明显,而且能形成很好的视觉焦点,下面我们分析一下。

修改前

整体色调偏重,而产品也属于重色调的一种,这就导致产品与背景色在视觉上有所冲突,也可以理解为产品与背景相融,这时产品主体在整个视觉上来看就没有形成绝对的视觉焦点,导致整体画面缺少视觉着落点。虽然是重色调的海报,但给人的视觉感受比较轻浮。

修改后

这里只是在产品与文案处添加了一个白底的矩形色块,目的是将原本产品与背景相冲突的现象打破。因为海报整体偏重色调,所以选择使用与之对比强烈的白色矩形衬托主体元素。虽然海报整体用到了很多点状、线状的元素进行装饰,但是因为白底色块的使用,使得整体的视觉着落点更加明显。尽管装饰性的元素也会分散用户的一些视觉注意力,但是当用户信息捕捉完毕之后,最终还是会把注意力放在色块范围内,所以整体看起来并不会给人一种比较散乱、轻浮、缺少视觉焦点的感受。

  1. 案例二

下面我们再看一组偏轻视觉的案例:

△ 案例二

还是通过改前与改后的对比看更加直观,下面简单分析一下。

修改前

虽然画面中能看到产品和文案,但是画面中产品与文案所占整体视觉比重都很小,导致画面整体比较轻浮,没有形成强烈的视觉焦点。由于背景色与产品存在着一定的视觉冲突,导致画面主体不够明显。所以当用户浏览结束之后会导致注意力一直在画面中游离,没有视觉着落点。

修改后

很明显修改前作品不够优秀的原因是画面缺少视觉着落点以及主体不够明显,那么我们就通过添加与整体色调对比强烈的重色块营造视觉焦点、突出主体。这样做的好处一方面是让用户视觉有最终的着落点;另一方面,也是我们常说的,无论一个画面中的元素多或少,都要确保至少有一个视觉点是足够吸引用户眼球的,这样才能体现出视觉以及信息的主次关系和层次感。

当使用色块的目的是为了打破主体与背景的视觉冲突或营造视觉焦点时,在保证符合产品整体视觉的前提下,要尽量做到让色块与主体、背景形成强烈的视觉反差。

运用对比手法

突出所要重点表现的视觉元素,最常用的手法之一就是运用对比,对比也是设计中很常用的手法。所谓视觉元素的强与弱都是需要通过对比的形式体现。对比的表现形式有很多,比如:粗细、大小、颜色、材质、虚实等等,通过对比的形式也能起到很好地突显主体的作用。那么如何体现在设计作品中呢?下面我们举个例子:

其实这两种表现形式在设计上都是可取的,只不过所带来的视觉感受有所不同。上侧产品颜色与背景颜色相近,这种表现形式给人的视觉感受更加平缓和舒服。而下侧产品与背景的颜色是对比色的搭配形式,在视觉上冲击力更强,主体的形象更加鲜明、突出。所以当我们的画面元素较多,又要将主体特别突显时,不妨试试在颜色上进行对比处理,通过营造色彩上的视觉差异突出主体。下面继续结合案例来看:

同样,两组表现形式都在可取的范围之内,只不过相比较而言,上侧的视觉冲击力更加缓和,主体与背景结合度更高。而下侧主体更加明显,占有了绝对的视觉焦点,通过配色形式的改变也间接地突出了主体。

没有一成不变的配色形式,只需要根据自己的需求进行灵活地转变。比如:想突显主体物,那么就可以选择与主体色反差较大的背景色进行搭配;如果想让整体视觉更加缓和、舒服,就可以选择与主体色反差较小的背景色进行搭配。设计的目的不一样,侧重点也会有所改变。

对比的手法不仅仅体现在颜色上,还有虚实、大小和粗细等等。如果我们的目的是为了突显主体,那么我们就可以弱化一些视觉元素,与主体形成对比反差,这也是很常用的一种通过对比突显主体的手法。比如我们平时拍照时常用的虚实结合的形式:

通过弱化周围的视觉元素,在视觉上形成了虚实对比的表现形式,起到了很好地突出主体的作用。通过对比手法突显主体,关键点就在于要让主体成为画面中的特殊视觉点,也就是营造视觉反差感。

使用肌理

合理的使用肌理也能起到一定的突显主体的作用,而使用肌理相较于前两者处理手法而言表现形式更加柔和,能做到最大程度上的不破坏原作品的整体感。也可以把使用肌理突出主体的表现手法间接地理解为「使用色块和对比手法」两者的弱化表现形式。下面举个例子:

通过案例对比我们发现,肌理的使用相对使用色块和对比手法而言,视觉效果更加缓和,并不是像前面两种手法那样有绝对的从弱到强的改变能力。这种手法一般多用在主体相对清晰但又不够特别突出的情况下,主要起到在原有的视觉基础上进一步加强巩固的作用,可以理解为「锦上添花」。但是不排除与产品或者背景对比强烈的肌理,也能起到很明显地突出主体作用的情况。在工作中灵活运用即可。

留白

最后说下留白,合理的留白也能起到很好地突显主体的作用。留白能一定程度上减少其他视觉元素对主体的干扰,间接地提升主体在整个画面中的主导地位,从而起到突出主体的作用。比如我们常说的「无印良品」的海报,在设计中有「少即是多」的说法,也是在侧面强调留白的作用。

好了,本文分享的平面设计小技巧就是这些,文中提到的也并不是一成不变的。比如:色块的颜色选择、对比手法的对比强度、肌理的清晰度、留白程度等等,要根据实际工作情况灵活使用。当然,突出主体的表现手法并不能只局限于这些。比如:给主体添加光影、倒影、光效或者添加一些视觉效果等等。这里只是提供一些可以参考的思路,要学会举一反三。最后切记:画面中有强就要有弱,强弱应该是并存的。

4个平面设计小技巧:让视觉主题更突出——黎乙丙相关推荐

  1. 学习平面设计很难?平面设计排版技巧让你学习没有压力——黎乙丙

    今天给大家分享平面设计技巧,平面版式设计一直是平面设计的精髓,海报,名片,广告,网页,书籍杂志封面等等,可是一分钟都离不开排版的哦-今天就给小们罗列几个简单粗暴的平面设计排版技巧,希望对学习graph ...

  2. 平面设计主要是学什么?平面设计主要有哪些内容?——黎乙丙

    随着互联网技术的发展,平面设计也越来越受到人们的关注,平面设计要学什么,很多人都不知道.好多人想要转行做平面设计师,但由于是外行,不知道自己是否适合做这样的工作或者改怎么去学习?那接下来我来告诉平面设 ...

  3. 9个JavaScript小技巧:写出更简洁,高效代码

    JavaScript一直在变化进步着,这儿列举了一些小技巧帮你在2019年写出更简洁,高效的可拓展的代码.下面共列举了9个讲究使用的小技巧来帮助你成为更好的开发者. 1. async / await ...

  4. java编码技巧_编码小技巧 让java编程更便捷

    经过一段时间的编码,程序员们或多或少会形成自己的编码习惯,好的习惯能帮助自己写出更好的代码,方便程序的维护.抱着侥幸心理,对"可能会出错"的代码没有做"防错性程序设计&q ...

  5. 三招沟通小技巧,帮你更好管理领导

    在上家公司的时候,有一次项目成功,我让实习生去楼下买咖啡和蛋糕,准备带着团队在会议室里庆祝一番--这是我个人的「小确幸」理念,找机会庆祝每一次微小的成功. 不一会儿,两个实习生拎着咖啡和点心上来了,跟 ...

  6. 13 个JavaScript 数组小技巧,让你更像技术专家

    来源 | https://javascript.plainenglish.io/13-neat-tricks-to-manipulate-arrays-like-an-expert-b0bb19f0c ...

  7. 苹果电脑怎么分屏?为您带来Mac分屏小技巧,让你办公更高效!

    相信很多小伙伴在使用电脑办公或学习的过程中忙起来可能觉得要好几个屏幕才够用.除了给你的 Mac 多分配几个桌面能带来便利外,还可以试试 Mac 自带的分屏功能. ▍分屏的功能 借助分屏浏览,你可以在 ...

  8. 基础如何开始学习平面设计?——黎乙丙

    人们喜欢一切具有美感的东西,所以设计师出现了,我们生活中使用的产品.生活的环境没有一个不需要设计师去赋予它们美的灵魂.那平面设计是什么?零基础如开始学习平面设计,它也称为视觉传达设计,是以" ...

  9. 【黎乙丙】平面设计工具知识,PS中的基础原理之图像选区的创建与编辑

    本篇文章主要介绍平面设计工具知识,选区的创建工具及命令的使用.选区的编辑和填充等内容,在Photoshop中可以通过创建选区对图像进行填充.移动.复制.变换等编辑操作.因此,选区的使用是处理图像的基本 ...

  10. 自学平面设计应该从哪里入手——黎乙丙

    有很多想入行或者刚入行的小白,不知道如何自学平面设计.很多人会认为平面设计是一个对专业能力要求比较低的设计行业,其实并不是这样,它不仅要求软件上的掌握,同时也对空间.色彩.字体等把握要求很高.但是,自 ...

最新文章

  1. 计算机视觉:Bag of words算法实现图像识别与搜索
  2. 如何根据指定软件版本制作属于自己的puppet yum源
  3. yolo 负样本_目标检测介绍之YOLO与SSD
  4. 174. Dungeon Game 地下城游戏
  5. 移植opencv3.20到3556AV100
  6. Redis主从复制(Master-Slave Replication)
  7. 《计算机科学概论(第12版)》—第0章0.3节学习大纲
  8. [OpenCV学习笔记3][图像的加载+修改+显示+保存]
  9. chrome 浏览器的插件权限有多大?
  10. flutter屏幕适配
  11. KVM虚拟化技术(理论知识+搭建虚拟化平台实验步骤)
  12. 数学 二维向量(加法、减法、模、点乘、叉乘)
  13. Can't open /dev/sdb1 exclusively. Mounted files
  14. 企业级用户画像: 价格敏感度模型-PSM
  15. 一个海量在线用户即时通讯系统(IM)的完整设计
  16. 地震模拟在计算机,地震模拟计算机,seismic analog computer,音标,读音,翻译,英文例句,英语词典...
  17. LZY逃命路线总数(记忆化递归)非常难
  18. Tixati——BT下载软件
  19. c51语言转换ASCII码,数据转换:C51数字转字符最快速的方法 ASCII转换
  20. 【java】根据当前时区获取时间

热门文章

  1. 《信任的速度》读后感
  2. php查拼音,php 输入汉字,查出对应的拼音
  3. Altium20版本快速批量修改Comment使之与Value相同
  4. python中re模块的group()和groups()
  5. 12.51单片机实现电子音乐盒
  6. adb使用-详细教程(Awesome Adb)
  7. 135行实现CRUD功能(PHP)
  8. 嵌入式学习(三)—— STM32入门
  9. 【CVPR2020】计算机视觉与模式识别会议论文完全清单_Part1
  10. 如何在excel表格中查找重复值