网站建设案例推广高端H5电商设计公司了解价格
QQ联系
微信联系
手机联系
QQ联系
微信联系
手机联系

设计道理谁都懂,换成自己设计记得了(问题二)

发布时间:2019-03-13
发布者:eidea
浏览次数:71

上一节我们讲了问题一,那么接下来,我们一起来看第二个画面,这个画面都有哪些问题呢?


按照惯例,我们来说一说这幅画面的一些背景资料,这个广告画面同第一个案例一样,属于同一家美容机构。而不同点在于它所传达的内容不再是医院的整体形象,而是着重宣传的其中一项业务。也就是整形分期付款。并且喊出了“皮肤管理0首付0利息”的口号。从这句文案中我们就可以得知,这个画面想要吸引的用户群是那些年轻人,也只有那些经济上并不宽松的年轻人才会用到分期付款这项业务。所以原画面选择了纯色调作为画面中的主要色彩。并且搭配了非常活泼的模特和不同角度的文字,视图去烘托这种年轻化的氛围。在应用场景上,和上一个案例是一样的,最终会投放在高铁出站口的灯箱上。那么话不多说,我们一起来看这个画面中都出现了哪些问题呢?


 


这个版面在风格定位上并没有出现第一个案例那样的偏差。而主要问题出在了基础的信息传达上。无论是模特的选择还是文字的编排都非常明显的暴露出了这个问题。如果只是不经意的路过这个广告的话,如果不仔细观看,我们甚至都不知道它究竟在表达什么。在标题的处理上就非常有问题,除了倾斜的效果外,设计师还为标题添加了色彩上的对比,似乎是想通过色彩去强调这种年轻与活力的印象。但问题在于,色彩不只有装饰的作用,同时它也具备关联信息的功能。我们会下意识地将那些具有相同色彩的文字关联到一起,这就导致了信息识别上的障碍。


 


主体形象的寓意也并不明确,单看这个女模特,我们是没有办法了解到她与整形分期具有什么关联性的。手指嘴唇的动作更是莫名其妙,她更适合出现在类似甜点的广告中,而不是分期付款的页面。




接下来的内容层级的混乱也是这个版面中最大的问题,画面中一共出现了四组文字,其中三组做了图形化的处理。他们之间的视觉强度几乎相等,每个信息都在极力争夺着视线。不分主次的一并强调并不能达到更好的效果,反而会相互影响,所有元素都在变化也就意味着所有的变化都被削弱了。




 我们将信息整理一下,看看这其中究竟都降了哪些内容。在文案信息中主要就讲了三件事,什么人、要做什么事、以及什么时间什么地点。作为事件的主因,整形分期付款和皮肤管理0首付0利息这句话就是画面中需要被着重处理的部分。




0首付0利息是它做大的卖点,所以这句话也应该是所有信息中最大的那个。它是第一层级的内容。其次应该是皮肤管理,整形分期付款,这是第二层级的信息,而剩下的信息则是第三层级的内容。在主标题中,最重要的内容是突出这个“0”所有在图像的选择上,我们可以继续强调这个“0”。这个女模特抱着数字“0”的画面就很好的表现这个概念。那么梳理好内容信息后,接下来我们进入修改环节。




在版面中,我们将最需要强调的这段文字放大处理,成为画面中的主体。这里需要注意的是中文有属于中文的字体,西文也有属于西文的字体,这个数字0如果直接采用中文字库默认的字形,其实并不是非常美观的,所以这里我们需要将它换成相对应的西文字形,西文中的无衬线体与中文的黑体具有相同的特征,将这两种字体搭配在一起是不会有什么违和感的。新的数字“0”无论是造型上还是美观度上都要优于中文字库默认的数字造型。毕竟中文字库的重点在于汉字部分,所以大部分不会在西文部分下太多的功夫,这种做法在旧字库中尤为明显。


当人们了解了广告的主要内容后,第二个疑问是什么呢?那就是“我要怎么联系你”。所以联系信息也是相对重要的,我们将画面划分成两个部分,底部用来专门安排联系信息。




在两段话的中央添加之前我们找好的创意图片,与文字信息形成组合。添加将医疗机构的拼音,这里以手写的形式覆盖在组合之上,以此来体现一种权威认证的印象。


简单的页面分割似乎有些太过平淡,无法表现出文案中的那种年轻与活力。那么为了让版面视觉上变得更加活泼,我们在页面中两个分割区域的交界处做了一个造型。这个圆形的过度,也可以理解成是数字“0”的一个局部。




色彩方面,吸取人物衣服的颜色作为底色,以此来体现年轻人的这种充满活力和个性的情感特征。黄色在色相中是最明亮的色彩,搭配上高纯度的色调,会传递出非常具有刺激性的情感,非常适合表现青春期的这种非常具有个性的气质。


确定好了大致风格后,接下来我们补全其余的文字信息,首先是“皮肤管理整形分期付款”这句话,将它安排在主标题附近,这样一来,即便字号不大也会有更大的机会被注意到。


 



以主标题的边缘作为对齐依据编排剩余的文字,高度与人物模特的头顶对齐。那么到这里,这个版面的基本结构就都确定好了,接下来便是细节上的调整。那么当前最大的细节问题就处在版面中衔接处的这个造型。


 


如果只是单纯的用圆弧和直线进行几何造型上的过度,就会出现直线与曲线衔接过度不自然的情况,这是一种视错觉现象在作怪。所以直线与曲线之间的过度是需要格外进行视觉调整的。


无论是设计标志图形还是字体设计,调整曲线与直线之间的过度都是一个非常关键的细节。它决定了你的图形最终是否看上去舒适自然。


 


我们拿这个数字0来举例,图中可以明显看出,即便是以几何造型著称的无衬线字体,曲线与直线之间的过度也都是经过格外去调整的,否则就会给人感觉非常生硬,出现曲线过度不平滑的错觉。




解决的方法就是手动调整圆弧,加大衔接部分的曲率来抵消这种不平滑感。虽然是细微的调整,但落实到实际中却天差地别,正是这些细节决定了作品的精致程度。


 


这个画面的背景还有些平淡,我们继续添加一些肌理进去。底部还可以继续添加一些装饰图形。在替换部分文字的色彩,这个版面就基本完成了。




根据不同的尺寸,内部的各个元素之间的布局还可以做一些相应的调整,以适应新的版面空间。


 


在色彩的搭配上,除了黄色,我们也可以做一些其他的尝试,以配合不同的使用场景。改成蓝色会传递出更加理性的情感。而紫色则会更加知性、优雅,青色则会给人清爽,明快的印象。


 


无论是哪种颜色,在替换色彩时都需要注意文字的辨识性,这个图中的左侧标志就出现了辨识性问题,黑色的文字与深蓝色的底色几乎融合到了一起,这会严重影响到信息本身的传达,这也是需要格外去注意的问题。


 


我们来回顾一下,这个版面最大的问题出在信息的筛选上,所有信息都想要被强调,也就导致了所有元素都不够突出。加上人物主体的选择与内容之间的关联性不足,都让信息的传播变得格外困难。修改后的版本重新梳理了信息的主次关系,重要的内容放大,不重要的缩小。主体方面,选择了主标题中被反复强调的数字“0”作为切入点,通过与人物模特的结合最终形成一个整体,很清晰的传递出了内容的主旨。



 版权所有:虎课网,K先生

网站案例欣赏

Royals Blue定制珠宝

品牌营销网站

臻湖畔岛

FLASH项目官网

韦格斯杨

室内设计公司企业官网设计