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

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

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

那么接下来我们一起来看第三个案例。



这个案例与前两个案例一样,都来自相同的整形机构,文案内容主要是对自家产品的宣传,是国庆时期对外发布的促销类广告。主要投放环境是在公交车站的站牌灯箱。等车的人们在车辆到站前基本会一直站在车站附近,这样的应用环境意味着受众观看到广告画面的时间要远远高于那种仅仅是走路经过的投放环境,所以画面中的信息量得以增加。但光有一个良好的投放环境是不够的,想要引起人们的注意,还需要设计师对信息的良好把控力,能精准的抓住人们的兴趣点。那么接下来我们一起来看一看,在第三个案例中都有哪些需要改进的地方呢?


 


这个版面首先大体观感上透露出的问题就是元素之间没有关联,有种各自为战的感觉。六块信息零散的编排在版面中,缺少统一感。




标题的刻画也比较复杂,既想突出“浪”字,又格外强调了“预约礼限时抢购”这句话。文字的组合结构高高低低,没有一个明确的规则在里面,这些都是导致组合凌乱的根本原因。




那么在接到委托后,我们最初开始需要做的工作其实并不是马上去排版,而是先去尽量了解项目主要想表达什么?在这个版面中们可以得到哪些信息呢?从上到下依次是活动标题、促销项目、人物模特以及联系信息。


将这些信息展开,我们就得到了更加详细的内容,对信息的整理能有效帮助我们找到一个项目的切入点,这也是新人设计师最容易忽略的部分,当接到项目委托时,首先需要做的就是正确的理解设计的目的,这也有助于我们去区分哪些信息是重要的,而哪些是不重要的。


 


标题作为吸引视线的首要信息,重要程度自然也非常高,如果标题出现了问题,就会导致信息的传播受阻。我们看,这段文案中的标题就非常有问题。项目的最终目的是为了销售产品,从而让人产生购买的欲望,而“浪起来”会让人联想到什么?潜台词是在说“国庆节请你放荡不羁”还是“国庆让大家出去玩”呢?显然这句引导性的文案和整形产品完全搭不上关系。




我们可以把这个“浪”起来,改成“美”起来。 这样一来就能够说得通了。为了明确设计需求,我们可以通过六个问题来检查信息的传达是否准确, “5W1H”分析法也叫六何分析法, 它是由美国政治学家拉斯维尔在1932年提出的一种思考方法。通过提问,能够帮助我们快速了解问题的核心。


那么这是谁发出的广告呢?富雅华医 。它要说什么事情?产品的限时抢购。那么客户为什么要去购买呢?理由是可以在这个国庆节让自己变得漂亮起来。应该怎样实现呢?购买产品。什么时间?10月7日。地址在哪?七经街老邮局对面。


 


那么到这里,所有的信息就都梳理清楚了。接下来需要寻找一张能够体现“美起来”的主视觉,当一切就绪后,剩下的便是常规的编排了。取页面5:8的位置分割版面,为什么是这个比例呢。因为它是斐波那契数列中的比值,无限接近黄金分割的数值。采用黄金比例能够让版面带有一种秩序美。



将人物照片退底处理,安排在版面中心偏右的位置,刚好属于九宫格左上方的四个格子内部。



为了让画面看上去更加通透自然,在人物与背景之间,我们再添加一层光感,形成渐变式的背景过度。主标题安排在版面的左上方竖向排列,比值继续沿用斐波那契数列中的数值,它的作用是让元素之间建立起一种关联性,重复的使用相同的比例,能够轻松的营造出秩序感,让画面变得更加规范统一。




接下来是促销内容的编排,如果仅仅是将信息平铺到版面中,面对众多的文字可能观者并不一定有兴趣去了解它们。因此应该如何简化信息就变得格外重要起来。对信息的整理是设计师的必备技能,通过分析我们首先要找到需要被观者注意到的第一层信息、其次是第二层、以及第三层和第四层。

 


通过放大和缩小等操作,将信息打散并重新组合,我们就得到了这样一组经过设计过的信息。经过整理后,信息得到了适当的简化处理,这也意味着它会在更短的时间内被人们所理解和吸收。



正常人对横排文字的阅读逻辑是从左上到右下的顺序移动的,所以左上角是人们阅读信息的初始点,将重要信息放置在这个位置上,便会得到更多的注意。我们做的设计并不是艺术品,它是不能够随心情来决定的,一切的操作都是经过深思熟虑后的结果。


版面中并不是所有的信息都是重点,所以有的信息会被着重处理,有的信息则并不需要过度编辑。只要排的规范一些就可以了。元素与元素之间的距离大小,决定着内容之间的关联程度,距离越近越会被当成一个整体去看待,距离越远便会被看成是另一个整体。重复文字的高度可以有效规范组合之间的位置关系,是保持整体感的有效方法。



左侧的位置基本被信息占满了,接下来项目的列表我们将它安排在版面的右侧。在二分之一的位置划分小栏,以简略的表格形式安排项目的具体信息。底部位置剩余的空间,我们将它安排地址电话还有二维码。




那么到这里底部的信息就基本编排好了,接下来在上方主视觉部分。为了给人一种权威认证的印象,我们这里将整形机构的英文名称以手写的形式签署在标题的下方。接下来,我们在人物的周围添加一些漂浮状态的点元素,让画面变得再丰富热闹一些。花瓣与礼盒都是非常符合这个主题的元素。最后在版面的右上角添加品牌的标志。这个版面就完成了。


 


我们来对比一下,相比较原来的版本,修改后的版面无论是在信息的传播上还是版面的整体性上都要好于之前的版面。蓝粉的撞色搭配也较之前显得更加具有活力。相对于国庆浪起来这个标题,修改后的内容也会更加合理一些。


 
根据之前的内容,我们在来延展一版横向的版本。分割的比例依然延续黄金比。人物安排在画面中宫格中右上角的交叉位置。左侧空白部分,用来添加标题文字,横向的版面随着留白空间的增加,也能够安排更多的内容。


标题当然是经过整理过的,重要的信息放大,不重要的信息缩小,间隔重复着组合中其余文字的高度。就连组合上下的空间也是经过设计的。



组合的宽度与页面整体的宽度的比值,依然延续了黄金比的设定。将写着医疗机构名称的“签名”和人物主体组合成一个整体。




将底部位置划分成四个等栏和半个小栏的网格。在版面的左侧安排重要的促销信息。右侧的三栏则是用来安排项目的详细列表以及其余的内容。底部空白位置留给相对应的联系方式和二维码,这个版面的信息编排部分就基本完成了。


 
最后在主视觉周围添加一些漂浮的点缀元素和品牌标志。人物与背景之间添加光效,让画面看上去更通透自然。到这里这个版面也就完成了。


 


最后我们来总结一下今天的内容,版式设计是所有设计的基本功,小到一个名片,大到一个露天广告。无论是做网页设计,还是画册设计我们都离不开版式的基础。在学习版式设计的过程中,新人设计师经常会掉入到沉迷技法的误区中,只是一味的堆积技巧,而往往忽略了信息的传达的基本功能。花样繁杂的技法虽然能够提升画面的视觉效果,但如果不假思索的滥用,也会导致其干扰内容的正确传达。在接到委托项目后,如果不去认知了解项目的背景,弄清楚设计的根本目的话。就没办法找到属于这个设计的切入点。只是凭感觉的创作,势必会产生设计上的偏差。


 


本期我们修改的这三个画面中出现的问题都是比较典型的例子,比如第一个案例,画面中所呈现出的气质属性与内容完全不搭,即便添加再多的光效也改变不了设计方向上的偏离。修改后的版面,在认真阅读文案信息后,修正了视觉风格上的偏离,元素的选择围绕着安全与专业,整体营造出了权威可靠的视觉面貌。


而第二个案例中,出现的也是非常普遍的问题,那就是所有的信息都在做变化,主形象的选择也与内容不相关。修改后的版面,重新梳理了信息的主次,除主要内容外的其他信息均被相应的弱化了,最后围绕着核心主题选择了与之相对应的视觉象。


第三个画面,问题同样出在内容的层级上,混乱的编排阻碍了信息的传播效率,组合内部过度的强调也导致了所有的信息都在争夺视线,整体给人缺少统一感的印象。标题的文案更是让人摸不着头脑,给人一种莫名其妙的感觉。修改后的版面重新修改了标题的文案,使其在逻辑上更加合理。文字信息也经过重新设计,简化了视线的流动路径,在文字的组合结构上也较之前更具有统一感。




希望大家能够在修改的过程中学习到正确的设计思路。方法永远比努力更重要,只有掌握正确的设计方法,才能在未来的设计道路中少走弯路。在设计的过程中不要忘记思考,不同的受众,不同的应用场景都会影响到一个设计画面的最终面貌,只有真正了解设计背后的最终目的,才能做出适合这个项目的设计。设计毕竟是用来解决问题的,所以像艺术家那样的感性创作,并不能帮助我们达到预期商业目标。只有多去客观的分析与思考,才更有助于我们解决设计上的问题。


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


网站案例欣赏

希映传媒

响应式企业官网

蓉阿妈串串

响应式企业官网

柯翌咨询

H5创意型企业官网