详细解析淘宝海报设计过程全揭秘

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:静design

关键词

大家好,各位射鸡师,各种工,各种指点江山的天使,大神们,大家好。沉默了整整一个星期,静电又和大家见面了。在这一个星期里,静电可不是去偷懒玩去了,而是接了一项非常好玩有趣的设计工作,会是什么呢?设计APP界面?NO!是一组海报的设计工作。说实话,静电看到那些设计网站上牛逼到不行,分分钟亮瞎双眼的设计,恨不得想马上冲上去,抓住对方设计师的脖子,看看他们是如何让一幅幅的精彩创意诞生的。不过由于条件所限,很多时候只能处在闭门造车的阶段。不过,机会终于来了。我们终于要做一组牛逼闪闪的创意啦。

当静电听到同事提出这个想法的时候,那一瞬间可真是鸭梨山大,没素材,没设备,没人手,额,听起来只有创意,但这个创意想起来还真有那么些好玩的呀,可是,这个创意要怎么能付诸实施呢? 说到这里,大家有木有感同身受?除了把那些人物看起来千篇一律类似面瘫的素材网站翻的底朝天,最终得到看起来很不自然,山寨气息浓郁的创意,我们还有什么? 恩,这是现阶段很多设计师都会面临的问题-没有uimaker.com/uimakerdown/">素材可用,只能到网上扒。一说到设计,第一反应就想去素材网站东拼西凑,最终结果可想而知。当我们看到满大街都看起来似曾相识的低劣设计的时候,作为设计师的我们,会是一种怎样的感受?是的,大部分人都会有这样一种感受, 公司对设计投入不足,没钱,没时间,没创意,没人,没。。。 (N+种理由不做详细列举)

在这里理由中,有些是无法克服的,但有一些就需要我们发挥自身主观能动性来解决,下面跟着静电,来看看如何在各种客观条件不是很理想的情况下,完成一组海报的创意。要申明一点哈,这篇文章不是ps教程,不会教大家如何操作软件。但相信各位读了后,一定会受益匪浅。

传说中的事件背景

第一天,老板说,我们要有一组海报,用于市场和品牌宣传。顺便说一句,静电所在的团队是一个开发手机创作App的团队,这个app是一款使用手机创作的在线兴趣社区,说的直白点,就是可以使用手机来进行小说及其它文学形态的创作,可以在文字中插入图片,甚至声音等元素,完成后可以直接发布到我们的创作平台,供读者观看。阅读和创作过程全部免费,对于好的作品和作者,我们会对其进行包装和推广,并与其它机构合作,扩展创作本身的附加价值。

第二天,负责市场和策划的妹纸对我说,我想到一组好创意。要听听吗?听到这个的时候,静电那是五味陈杂什么想法都有了,要知道,这妹纸创意的功夫绝对了得,天马行空的赶脚你们造么?但很多时候,她的好创意苦于各种原因无法实现(原因同上)。不过静电还是非常好奇她到底想出了什么,这个时候妹纸给了我一张纸,我看到了几句文案在上边。

1.作者说:屌丝码字不易,请支持正版

2.读者说:屌丝赚钱更难,盗版免费根本停不下来

3.汤圆说:我们坚定尊重创作者的劳动成果;也坚决维护你免费看小说的权益(“汤圆”是我们APP的名字)

4.汤圆承诺:让优秀创作者赚足钱;让所有读者免费阅读;时代不同了,网文的玩法该变变了。

下边还有密密麻麻的要求:海报要突出文案,关键字要扎眼,要高端,大X,上X次。(静电看到这里已经开始想吐槽空气中的各种成分了)。参照最近传播比较给力的1号店,京X,momo这些的设计风格。不要小清新,,要大气!要大气!!!!要有杀气!有XX气,要有冲击力!(妈呀,看到这里静电开始颤抖了,上帝救我~~)

为此静电颤抖了一天,妹纸杀气好大怎么破啊?

头脑风暴-让我们迈出第一步

静电抓脑袋抓了一天,脑袋里逐渐有了点想法。每句话对应一个场景,第一个场景:作者为了搞创作在电脑前苦思冥想头发都掉光了;第二个:在一间乱糟糟的屋子里,我们的屌丝同学在抓着手机看盗版小说;第三个场景:没有太好的主意。第四个:重要的文案为“时代不同了,网文的玩法也改变变了。”这个突出的应该是作者和读者的良好关系。 ok,大概是这样啦。让我们来个脑爆,看看其它人的好主意吧!

第三天,静电邀请相关人等主持了一次脑爆。参与人员有:大杀器市场妹纸,市场妹纸的小妹(刚毕业实习中),静电,静电的射鸡师同事。恩,这里静电没有邀请老板,一来请不起,二来怕怕,三来老板对静电的设计从来都是满意的啊哈哈哈哈(小伙伴:羡慕,你怎么做到的?! 静电:因为他从来木有意见-_-|||)

持续大概一个小时的脑爆就这样结束了(众人:喂,这样太简略了吧?)。大家提出了很多好玩的想法,最终静电和小伙伴们将文案进行了润色修改。

1.码了十几万字,你xx的在看盗版?!(场景:作者抓耳挠腮想点子,看到自己辛辛苦苦创作的文字被盗版,愤怒抓狂。关键字:愤怒,无奈)

2.刚看到高潮,你XX的玩收费?!(场景:读者找到一篇免费小说,刚读到高潮却被告知,对不起,VIP章节付费阅读。关键词:失望,无奈)

3.时代变了,网文要有新玩法?(场景:读者和作者重归于好,作者劳动所得有保障,读者免费阅读。关键词:和谐共存)

4.汤圆创作,屌丝作者逆袭神器 (作者码字成名成为土豪和大神,美女豪车簇拥。)

资源!资源!-创意如何变为设计稿

理想总是很美好,现实却总是很残酷,脑袋里的场景如何变成现实呢?这是静电在兴奋之余首先想到的关键问题。静电首先想到的就是在网上找素材来拼,但是,网上的人物素材千差万别,但理想的却很少,要么表情呆板,要么low到掉渣,要么。。。没有合适的,而且即使可以找到,耗费的时间和精力也不计其数,很不划算。

接下来静电想到手绘,不过考虑到静电的手绘能力实在无法达到要求,身边也没有特别强的画师,而且要绘制一组插画所需要的时间和付出的成本非常高,效果也未必是自己想要的。所以这个想法也被pass了。

最后还是策划妹纸提醒了我,为何不自己拍一组呢? 赞!公司看了一圈,找到两个模特,利用公司的会议室,我们进行了简单的拍摄。有朋友可能要问,会议室条件简陋,拍出来的片子能用吗?我们来试一试看。 首先我们拿第一个创意来拍摄

静电设想这是一个非常杂乱的环境,于是在公司搜了一圈,找到如下道具:纸巾,烟灰缸,香烟,笔记本电脑,乱七八的订餐单页,废纸,茶杯,报纸。恩我们把这些东西拿到会议室组合了一下,您别说,感觉还是有的。 那么我们开拍,最终拍摄的未经处理的原片如下。

详细解析淘宝海报设计过程全揭秘

我们最终完成了第一个创意的样稿,大家看看就行,因为这个样稿很粗糙,还没有到拿的出手的程度,哈哈。

详细解析淘宝海报设计过程全揭秘

资源!资源!-如何为创意锦上添花?

我们的样稿出来以后,静电特别po到团队内部群征求意见,最终大部分反馈为模特表情不够夸张,还无法达到更理想的效果。静电这个时候犯难了,如何找到更好的模特呢?为此静电特地咨询了几位人脉资源较广的同事,最终联系到四位模特,我们终于可以去拍摄啦!顺便一提,由于外拍需要一定的资金和人力物力支持,因此我们特地争取到了一些资金来支持外出拍摄工作(主要包括交通费,餐费,人员招待费用,酬劳等等)。静电自己有单反,所以器材问题得到了解决,由于场地限制和资金限制,我们还是选择了白背景来拍摄,后期再进行合成处理。(当然,想达到更加高大上的效果,你需要雇佣专业的摄影师,租用影棚等等)

静电在这里着重强调的是资源的争取过程, 这里要说服的是公司同事还有领导支持你的工作,让他们明白,想要达到他们所期望的设计效果,需要一定的资源和资金投入。同时最好与一些摄影师,模特朋友保持合作关系,他们会让你的设计让人眼前一亮。

我们选择了一天下午进行拍摄,地点在一所大学的某个教室,背景使用白色墙壁,由于之前的样稿和创意准备,拍摄有的放矢,素材经过简单的准备,该有的都有了,所以过程非常顺利。在这里静电着重跟大家强调与“演员”的沟通。前期工作一定要准备到位,同时将自己的创意和设计背景详细的表达给我们的演员,他们说不定会给你意想不到的惊喜。 最终经过一个下午的拍摄,我们得到了如下照片。其中很多照片属于模特自由发挥,表情及动作都超出预期,静电不得不佩服,专业的毕竟是专业的,不一样啊。

详细解析淘宝海报设计过程全揭秘

后期-如何处理拍摄素材

后期对于拍摄素材的选择非常必要,上边大家看到的只是其中的一小部分照片。由于拍摄场景缺少补光,我们除了使用不太专业的手机闪光灯进行补光外,在拍摄上,尽量选择纯色墙壁来让演员进行表演和摄影师拍摄,这样方便抠图;另外拍摄时,有条件尽量选择单反相机,使用raw格式保留原始的拍摄信息,以便后期有更大的调整余地。

见证奇迹的时刻到了-正式设计稿出炉

后期我们大部分时间用来做拍摄素材的处理以及文案的打磨。比如之前创意1的“写到头发都掉光了”,演员临时发挥戴上盲人使用的墨镜,那么我们设计稿中的文案也进行了相应调整。请看我们的最终成片。

详细解析淘宝海报设计过程全揭秘

详细解析淘宝海报设计过程全揭秘

写在最后-如何充分利用现有资源实现更好的设计

本次设计从提出想法到最终成稿,经历大概7个工作日,后期除了线上宣传,线下也会做更多形式的尝试,最终的表现效果也超出了我们的预期。在这里,静电想要表达的不是效果如何实现,如何去抠图,而是怎样充分利用现有资源来做一些好玩的事情,对于本次设计来说,重要的不是设计稿本身,而是整个沟通和思考的过程。没有素材,我们可以充分发动身边的同事来拍摄,然后做后期处理,这是一种既节约成本又可以充分提高大家参与感,同时让自己的设计更有影响力的好方法。玩出来的设计,才更有趣,更有成就感,不是吗?

模特:张庆通,王印滕 ,曹泽圣,柴春然,曲俊峰

策划:钱婧@grace

统筹:一烁

设计:静电jingdesign

 收藏