一直都有想法,想在设计上输出一些东西。毕竟,作为一个非科般出身的设计师,做设计也有些年头(运营称之为美工),磕磕碰碰走了许多弯路,也算是取得些成绩(至少经历过3家公司从基层到主管、经理级别,有大公司、也有上市国企);是经验输出也好、是对自己成长记录也好,总归要留下点什么,如果还顺便对新手非科班出身的设计师有些帮助,那也是我非常乐意看到的。所以从今天开始,要慢慢地,一点点的记录。虽然我不擅长文章,但我相信,一件事情只要开始做,就有机会将它做好。
种一颗树最好的时机是十年前,其次就是现在,没错,就现在、趁现在。
电商设计师粗略可分二类:平台设计师、店铺设计师;
非常实诚的告诉大家,到目前为止我所有的经历、经验均来自于店铺设计(特别是以淘宝、天猫店铺居多);所以我的分享、输出都是店铺设计师的视角出发。
店铺设计师,日常的工作比较琐碎,大致会有以下工作:
店铺装修,店铺首页(PC端及手机端),宝贝上新(新品详情页设计+主图设计),系列产品二级页、分类页、钻展图、品销宝图、淘客图、微淘图,上活动的话,还会有承接页、窗口图设计、活动玩法介绍二级页(如果活动机制、玩法很复杂的话,需要单独开个二级页去专门介绍,引导顾客)关联销售、详情说明等等……
以上内容与设计分享无关,仅仅是介绍,希望菜鸟们对工作有个初步的了解,老鸟可以自行跳过。还有一点需要交待的是,为什么先从详情开始?无它,最近接到的工作单,以详情设计比较多,下面干货即将开始了,请继续往下看,不要离开哈。
接到详情设计需求单开始,新手很多时候是无从下手的,脑袋一片混乱,时间就一点一滴浪费在迟疑、发呆、对素材盲目寻找,最后找了一堆貌似有用,最终却没用上的垃圾素材。
当没有思路时,回到需求的起点,对问题一点一点拆解。
不同的公司、不同团队、不同环境、不同资源,需求的下达也是千奇百怪,归结起来会有二种形式,一是口头表述、二是书面文档。先分析第一种形式,我们应该如何开始?
口头表述
小公司、小团队就不要指望有什么内容策划、文案等配套岗位,甚至连产品素材都没有(仅提供实物),店长/运营/推广直接对接设计,很多时候对于新产品,它们其实也并不了解,也说不出个所以然,需求不清晰。抛下一句子话就走开了:“帮我把这个详情弄出来,二天后给个初稿”。黑人问号?留下个一脸懵逼的您,不知所措。
不要急于去拍照(没有产品素材,得设计师亲自挂帅),不要急于找素材,先静一静,先把思路理顺再动手也不迟。
回到设计的起点,电商设计2个最基本的需求是什么?
没错,信息传达跟美观。
这款宝贝需要传达给消费者、受众什么信息呢?信息又是通过什么去传达?
文案跟画面感。
没有文案怎么办?是自己想还是找参考(或是直接抄?)?上哪里找文案?
一个接着一个将问题抛出来给自己,再一个个去解决它们。这就是问题的拆分法,大问题拆成小问题,小问题再拆成小小问题,各个击破,直到把问题解决。
经验之谈,对于既定时间内需要完成的任务,把握工作进度是重中之重,对于需求,我的个人主张及建议是:先解决“有”,再解决“好”。混迹职场,做人做事,对自己、对领导、对公司都要有个交待,对工作任务不一定保质保量,但请你先完成任务(事实上在工作过程中,许多条件,资源不匹配,困难重重,第一步是不需要做到完美、不需要追求极至的)。
OK?文案如何找?
先找出至少3家同行,同类目产品详情,下载保存图片。这时候要做的是打开excel表,将3-5款产品的文案全部整理出来,纵列排开,方便后续横向跟纵向对比。
下一步要做的是分析文案,分析什么呢?
没错,分析它们的结构跟逻辑,结构是否合理?逻辑是否通顺?
纵向比对结构、横向分析逻辑。
在比较成熟的大类目,你会发现结构都是大同小异,结合自身情况,把类目结构都借鉴下来就O了;
逻辑是否通顺?考虑2点,1/运营推广需求,2/客户体验。
通俗点讲,运营需要将哪些信息作为优先展示(运营主导是目前大部份电商公司的现状)?从客户购物角度出发,客户了解产品的行为,顺序是怎样的?这也是逻辑部分需要充分考虑的。梳理完这些,一篇产品详情的文案架构基本上搞定。然后把文案中的语言重新组织下,文案就算大功告成了。
注意,文案需要结合自家产品,以及设计师自身理解去重新组织,设计师的理解很重要,在此特别强调,以下会说到原因。
这个时候,准备工作已经完成了50%,是不是跃跃欲试?想要动手设计了?且慢,上面说到的设计师自身对文案的理解很重要,现在是时候发挥下你的相像了,将理解转换成画面感。
什么是画面感?“即看见文案后脑海中浮现的画面”
打个比方:前凸后翘、波多野结衣(额,不好意思,没刹住又开“车”了)。
嗯,您想到了什么?这就是画面感。
每个人对同一文案的理解,画面感各不相同,电商设计师水平高低,与他所设计的页面引发共鸣人数成正比。
黄海知道不?那个号称是“在他之前,中国就没有海报!”的电影海报设计大师,很多观众就因为被他的电影宣传海报吸引,为垃圾电影贡献了票房(电影配不上海报,如「道士下山」)。
以先解决“有”的思想为指导,画面感这货,也是可以参考(借鉴)同行的啦。
如果没有产品素材,优先理清产品的画面感,即产品的展示角度、方位。确定之后扛起单反,火速完成拍摄(什么?单反都没有?手机行不行?这鸟不拉屎的公司不考虑辞职?哦,忘了,你丫是个菜鸟!)。
码字真TM累呀!
工作进行到这步,皮埃斯(PS)终于可以派上用场了。上机之前,先猛灌2杯凉白开下肚,防止工伤!(久坐容易发胖、腰肌劳损、肩周炎、颈椎病甚至是猝死!实在憋不住尿了,我倒是看你上不上厕所???)开工。
新建个PS文档,随便命名“某某产品详情”保存(软件教程里都教你要用英文命名,不存在的,怎么方便怎么来,只要自己爽了就好);
第一步:把文案及产品拖进PS文档
excel表里已经整理好的文案,及对应文案里相应出现的产品,通通全TM拖进PS里,此处不要思考,快速处理完就好;
第二步:整理详情框架结构及文案分级
框架结构即文案结构,在文案整理过程中已敲定,套用即可。
文案分3个信息层级,分别是重要信息、次要信息、辅助信息,用字号大小加以区分;
第三步:找素材
找哪些素材?找设计师还原自身脑海中的画面感所需要的素材,带着目的去找素材,同时需要掂量自已技术及执行过程中的实现难度;说的再直白点就是,你能不能通过这些素材+技术实现脑海中的画面,并准时交付工作任务,这些是需要找个平衡点的,关系到设计决策及进度把控;
第四步:排版
排版对于新人来说,比较有难度,但同样也有套路可依。
先行理解消化下,什么是版式?即版面表现形式;
还有一词叫“版式统一”,即同一个版面里,不断地重复2到3个设计元素,贯穿整个版面,使得版面达到相对统一状态。版式统一是规律也是套路,非常适合新人使用。
版式提供二种思路
1/利用几何元素对版面背景规律性的分割;
2/找2-3种图形图案元素对标题文案加以装饰。(什么,不知所云?看下面的参考吧)
如果这些方法都不会,或者技术能力限制了执行,最最下策的做法及套路了解下,套版。
简单来说,就是找2~3个设计师可以执行落地的版面(必须有相近风格属性的版面),直接套用;
例:取A版的产品功效版面+B版的宝贝参数版面+C版的产品特性版面……,组合成属于你自己的详情版面。
排版这一块涉及的知识点非常多(包括字体设计、标题版式、用字、配色、比例比重……)在这里不再一一展开说明,只提供高效出图的思路。
写到这里才发现,设计师其实还是瞒苦逼的,要学习的东西真是不能太多哦!随便拉出一个知识点都能码一篇文章出来,而且这仅仅个人技术、技能层面。真正到现实中,到了执行层面,设计师就是一个节点,需要连接运营、推广、策划、品牌、领导、产品等等,涉及到对接人的部分,又得充分沟通、了解需求,还需要想方设法去满足他们,并且平衡各需求之间的矛盾与冲突。(看到这里是不是觉得头大?放心,如果您还是个菜鸟,没机会进大一点的公司,也就不会出现处理以上复杂人际关系的烦恼了,哈)
第五步:检查并输出
1/所运用到的图片素材有没有购买版权?(小公司可以无视,在公司及品牌没搞出什么名堂之前,吃版权饭的那帮家伙没兴趣去关注你,放一百个心);
2/字体运用有没有受权?字体需要引起足够重视,开天猫店的,经常会因为字体的使用问题而收到律师涵的哦!(好消息是现在的设计环境越来越好,越来越开源了,可以商用的免费字体越来越多,如思源黑体、思源宋体、庞门正道标题体、站酷系列免费商用字体 高端黑、酷黑、快乐体等;同样英文字体也有许许多多费用开源可商用字体,嗯,我都有,有需要的可以找我提供呢)
3/检查敏感词、违禁词、所有现行广告法明令禁止的广告词一律不要出现了(这一步其实也可以在梳理文案时解决);
4/检查细节,元素的运用是否与产品相关联?场景构建是否符合现实?阴影倒影处理是否协调?字体字号是否统一、对齐?配色是否舒适等等;
5/整体调色后输出。同样是为了版式版面过渡自然、协调统一,输出时进行整体调色,这一步用“色彩平衡”微调即可,输出图片时,为提高图片清晰度可以“盖印所见图层”后,执行“高反差保留”操作;
第六步:交付工作任务并作简要的设计思路解析说明。(沟通,让需求人理解你的设计意图)
至此,第一种口头表述需求的详情设计工作单,完美交付。
是否有遗漏?不需要改稿?难道运营与设计这对冤家死对头都只是传说?
老鸟都知道,所有的对立、冲突都是沟通不畅、沟通不够彻底所造成的。深层追究,本质上没有对错,都是为了工作。作为一个店铺设计师,首先要找准自己定位,如果运营/推广/店长具有最终决定权,那么你在做任何动作之前,都应该主动寻求沟通,在得到确认之后再执行。这样做的目确,一是为了确保高效协作,二是为了规避责任(责权划分,说难听点就是自保,在现实中,设计/美工背锅的事例不在少数)。
以上所有动作,都是在高频沟通中进行中。文案梳理好了,找运营沟通,是否需要修改结构布局?是否需要调整逻辑顺序?是否还有特别需求(领导的个人癖好、品牌方的硬性规定)?文案确认后继续跟进,确认设计风格走向,可以提供简笔画,将大致的画面感呈现给运营,如果画面太过抽象,可以找具体参考方便他人理解消化;在得到确定的反馈后开始做设计执行。执行过程中同样需要保持高频沟通;过程中有任何修改,有任何一处信息不对称,都应该及时寻找沟通与反馈,不要怕麻烦,这所有的一系列动作,都是往正向结果去推进,可以有效规避后期的反复改稿。人毕竟不是机器,反复修改难免会有情绪上的波动,造成双方之间的不理解,进一步激化矛盾,冲突升级,最后工作无法正面推进,未能准时交付,最终锅还得由设计来背,得不尝失。
什么是沟通?通俗点解释就是,尝试理解消化彼此之间想法与行为,使沟通者之间达成某种共识或利益平衡。这很艰难!
世界上两件事最困难:一是把自己的思想装进别人的脑袋,二是把别人的钱装进自己的口袋。沟通就是类似第一点,不同的是,多个思想需要汇集、碰撞、孵化后产生彼此相对认同的思想,确保装进各自脑袋后不产生排异。虽然很艰难,但是还是得去尝试把它做的更好,甚至做到极致。
为什么?很简单啊!
哪天你将“沟通大法”玩弄地炉火纯青时,你就已经位列公司头部、管理层、属于团队精英了呀。试想,当你可以沟通、协调、平衡各部门、各领导层想法及利益,推进、把控项目,甚至是盈利为公司创造效益,那不是活该被升职加薪?
一个有用之人,能解决问题之人,终究会被重用的,请放宽心!
说了这么多题外话,还能够坚持阅读到这里的亲们,那确实是真爱!在此说声“谢谢”
书面文档
我们继续聊产品详情设计需求形式2:书面文档
能以“书面文档需求”为下单形式的,可谓算得上是“正规军”了,至少,不论是需求人/店长/运营/推广们对此事认知较深、较系统。
通过流程模式解决工作问题,是一切提高工作效率的根本。
设计师接到这份需求单后,应该如何开展工作?
没事不惹事,遇事不怕事,一个字,稳!
做啥事都不要着急,谋定而后动。还是那句老话“慢慢来,会比较快!”
第一步:理解并消化需求
理清他人需求背后的目的、机动,搞清楚需求人内心那点小九九(当然这并不容易,上面有提到过);同时整理、记录好尚未理解的部分(论工作笔记的重要性)
第二步:解码转化需求
经自身的理解消化后,转化成你所理解的画面感;带着第一步尚未理解的部分,主动录求需求人沟通;反复磨合碰撞,直到达成需求与设计之间的平衡;得到确切反馈之后方才开始设计执行(如有规范的工作流程,切记所有工作按照流程走,自保啊!兄弟)
第三步:设计执行
执行“口头表述”形式中PS操作过程的6个步骤,直到完成交付。(过程都是大同小异的,这里就不再复述)
自此,二种形式的详情需求设计方法已经讲述完毕,是不是有点懵?
没关系,多看几遍,理解并消化解题步骤即可。
回归到主题,如何提高工作效率?
除了熟练操作各种设计软件、高效执行外,最最重要的是有效沟通,沟通是一切工作重中之重,因沟通不畅,导致反复改稿,徒增时间成本,高效便无从谈起。
(显然,这篇文章通编都是在教新手解决问题的思路,软件操作层面的我及少谈到,原因很简单;软件操作这种纯技巧/技能性的东西,通过一段时间的刻意练习,通过实际案例操作,做中学,是个活人都可以上手。思路则需要去领悟,领悟还得看个人造化,为什么有些人进步很慢,工作十年,实际经验值才一年?这就是悟!正常人都是希望自己越来越好的,不论生活还是其它方面,但是没有想法,没有领悟,永远都不会有行动。以后我的分享套路都是以思路为主,技术为辅)
首次以这种形式(插科打诨,各种不严肃,各种不正经)去分享工作经验,写的不好请见谅,同时也希望多多指正,本人也非常期待看见自己的进步哈。
本篇已经接近尾声,就这样!
下期我将继续分享《如何提高设计工作效率-主图篇》,敬请期待,谢谢,再见!