视觉设计 » 引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

发表于: 视觉设计. 评论
Sponsor

前言:你的所见所感能够影响你的情感,那么好的设计也能够通过视觉产生心灵上的共鸣,引导读者的情感的逻辑体系,然而如何创作出好的作品来引导读者,产生心灵的“对话沟通”,今天这篇文章就是帮助大家掌握引导视觉走向,引导情感的逻辑体系,下面我们一起学习吧。

引导-视觉的逻辑与情感

目录

  1. 简述引导概念
    • 视觉引导逻辑简述
    • 情感引导简述
    • 行业案例解析
  2. 点线面情感
    • 点的形态与情感
    • 线的形态与情感、
    • 面的形态与情感
    • 案例实操
    • 案例实操2

简述引导概念

1.1简述视觉引导概念

所谓视觉引导即通过一定的元素摆放规律,色彩使用,数学倍率关系来确定阅读元素的先后顺序,通过调整阅读顺序来区分使用功能。一份正常的视觉设计应该是主体 > 主标题; 品牌宣传语/促销性文字; 内文信息 ; 辅助或装饰性文字。

单说视觉引导其实更加偏向于一个数学概念,因为往往通过大小的控制就能最快的区分出画面中各个元素的主次关系和阅读顺序。这些是大部分设计师都知道的理论,但一直设计出现问题就是各个元素的比例关系过于暧昧,有些时候对比太强会导致元素之间的权重失衡,对比太弱又会导致元素之间阅读顺序的混淆,一个问题画面的视觉引导往往是游离不定的。

1.2简述情感引导概念

情感引导是每一个设计师不可避免的一个进阶重要理论,画面中存在的每一个元素都是有意义而存在的,每种元素、色彩、排布方式、都会给观者不同的心里印象,要想思考应该添加什么元素就应该回到本源,你做的设计想给人什么样的心里感受,以及你想通过这份心里感受达成什么样的设计需求。

给大家举个例子这就会变得更好理解了,比如促销海报为什么经常使用很多发射或者漂浮的元素,大家都能说出来的就是丰富画面,我们要深一步思考为什么要丰富画面,为什么画面空不适合促销,因为饱满的画面相对于安静的画面更能引起人的冲动,就像在洗脑术一书中提到的 想让人按照你的意识行动就是要降低他的思考能力,我们对着一张白纸是不会有任何冲动的但是通过一定的设计,调动起兴趣再加上合理的元素分布往往就能达成我们的客户的设计需求,通过这样思考设计出的作品才算得上是以人为本。

1.3行业案例解析

为了让大家对概念有更直观的感受我们引用了以下几个行业,从项目调性入手我们剖析他的背后市场需求用户需求来反推设计的合理性,这样我们以后在检查自己作品的时候也会有一个很好的思路参考。

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

点线面情感

所有画面构成的元素都可以被理解成点面线,点线面的形式也是多种多样的在这里只能给大家举一些常见的例子来讲解。那么这些情感是如何来的呢?我个人的理解情感是来源于大众对于一个东西的通俗认知,点线面也是一样的,往往从社会或者是自然中看见过这类的形态,形成了潜意识的心理印象,当这类元素以其他形态出现时会自动归类到以往的通识认知上就形成了所谓的情感。掌握了点线面的情感就相当于掌握了设计的语言,利用好点线面的构成趋势、排列组合、形态穿插就可以做到与你的设计”交谈”,听你的设计”说话”

2.1点的形态与情感

引导-视觉的逻辑与情感

点的主体化

单个的点可以作为画面中一个点亮空间的元素,如图一叶小船在画面的大量留白中出现就成为了绝对的焦点,这种是利用了元素之间的特异性,当画面整体都呈现出主体不明确的状态在一个相对纯净的空间加上一个点一下子就能成为我们的视觉焦点属于以退为进的手法。这样的用法在中国风的设计里非常常用,会给人一种意味深长,大气磅礴又与世无争的心理印象。

引导-视觉的逻辑与情感

点化线形态

这种形式严格来说属于线的一种,但是由于他的组成单位是点就把他归于点一起给大家说明了,这种点化线往往是由大量相似或重复的元素进行有规律有路径的排列而成的,给到大家的情感可以解释为两部分,一种是线的形态情感,这部分在后面讲线的时候会提到,从自然的角度来说另一部份会给人秩序,整齐、连接感的心理印象。在版式设计中这样的手法相信大家都见过,我个人理解这样做是为了增加人的阅读时间成本,打造观者的“阅读仪式感”不让人一次性的阅读完整有助于提升格调,打个比方就是品茶,大家都知道茶需要慢慢品,一口饮尽就丧失了茶本来的香味。好的画面同样是这样,如果像一些商业设计一样,一眼看到头就会丧失画面应有的艺术感了。

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

点的底纹化这点在设计中是比较常见的,非常适合用来解决背景过于单调的问题。比如一些波点的元素就是利用了底纹点的特性来提高背景的完整度。在自然中这样的星空是非常漂亮的每一个亮光点都可以视为一个点元素,当重复的点元素随机的,大量的,不引人注意的出现在画面中时就形成了底纹点,这种形态给人自然,随机,饱满的心理印象。

底纹点

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

气氛点

气氛点的使用几乎是所有热闹类型的画面都要用到的手法,在自然中我们的雨天,雪天,或者是黑夜中的萤火虫都是我们气氛点元素的表现,这种情感我们通过正向思考很难得出一个合适的理论,因为下雨下雪都不能说明什么感受,非要强行情感也没有意义,我们可以反过来思考,如果缺少这种气氛点会是什么效果,画面就会更多的呈现出安静,平和,协调的心理感受,反推过来加上这些气氛点肯定带来的就是热闹,丰富,冲击等等效果,这样的气氛点可以随机排列,也可以按照一定的构成,比如离心式、向心式、密集构成、或者结合点化线可以在热闹的基础上又增加秩序感。诸如此类在设计中的应用非常广泛。

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

这个引用的是我们之前讲解过的一个案例,可以看到添加强化点前后的差异,简直可以说是是画面的点睛之笔,强化点主要是针对主体的,所以他的占比要相对于大一些,而提示点主要是针对零碎的信息,进行视觉引导提示,这部分在后面的信息基础规范也会讲到,通常占比非常小,这两种点的形式都可以作为我们很好提升画面元素层次的思路。

2.2线的形态与情感

引导-视觉的逻辑与情感

横向线

横向的线在大自然中往往出现在天际线或者是地平线上,会给人一种安静、平和、稳定的心理印象用在我们的设计中横线经常是以分割的角色出现的,同样连起来的文字、穿起来的点等等这些东西都可以看做是横向的线条,它们一样拥有横向线的气质与感受。

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

纵向线

纵向线的情感包括庄严、高大、压迫等情绪。在一些摄影图中纵向线大多数出现在楼房、柱子、大门等这类作品上面。在一些设计作品中,房地产项目需要更多的利用纵向线的情绪来进行设计,表达高大疏远的情绪,拉高项目的整体视觉感受。

当然线纵向线也分绝对纵向和相对纵向,相对纵向的线在设计和摄影中的表现也很多,比如像表现一个门的高大用纵向线自然没问题,但是如果加上一些镜头的畸变整体的冲击感就会更加强烈,高大的感觉也会因为畸变的物体进一步扩大,第二张摄影图在拍摄的时候就一定程度上使用了相对纵向的线条来增加画面的高大感。

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

曲线
曲线往往会给人一种,亲近,柔和,柔美,张力,波动延伸感的视觉印象,在自然中的曲线也是非常常见的,例如水的波纹,柳枝自然的下垂,河流的路径,山脉等。在设计中经常利用曲线来缩短观者与作品的距离感。例如这个美食海报,可以看到它的主标题就是在以曲线的元素形式出现的画面中,同时这种拉丝的感觉会和主图产生一定的关联,会进-步强化主图的视觉印象。曲线能拉近距离同样也能拉远距离,看一下第一份房地产的海报设计,利用了曲线延伸的特点来打造了一个非常具有纵深感的空间,从而让我们感觉到很高端抬高格调,拉远距离。

引导-视觉的逻辑与情感

倾斜线

提到倾斜线绕不开的就是我们的运动项目,大部分运动项目都是以制造斜线斜面为主的,相对于斜面斜线更多表现出的状态是,灵活、动感、轻松、运动趋势和斜面最大的差异是斜线不具备太强的视觉性,往往用于引导、加强、链接、分割等作用。

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

还有一些值得说的点就是点线的抽象属性要强于面,这个是面没法比的,我们很多时候在表达一个抽象概念的时候必须要加强画面中的电线元素,哪怕为此牺牲一些视觉,也要保证主体的完整表现,比如下滑怎么用面表现?相信大家都没有太好的方法,但是只需要一堆向上的线条加上一个特异的向下线条就能轻松表达这样的概念.

2.3面的形态与情感

终于到了我们的重头戏”面”,面在我们的视觉传达中占据着非常重要的地位,画面中面的属性越强视觉张力也就越强,面可以是图形、文字、图片任何一种形态,而且面还具备承载元素和划分空间的功能,可以说把面熟练掌握后就是玩转了画面的视觉性。

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

2.4案例实操设计

第一份设计案例是相对偏向于概念性设计的,我们从版式的角度出发,结合我们刚才提到的一些知识点去分析,如何构成我们的画面。

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

引导-视觉的逻辑与情感

设计样机图

结语:每一个设计作品都是设计师精益求精的过程,想要创作出一个好的作品,能够给以读者产生情感共鸣的作品,就需要不断地提升自身地审美水平和认知。也就是说每个设计师都是人们地造梦者,作品就像每个人眼中地哈姆雷特,不同的读者会看到不同地风景。

作者 | 奇掌门
来源 | 设猎派(id:sheliepai)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }