2017-7-17 用心设计
如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里
写在前面:
设计是一门沟通的艺术,跟信息的沟通,跟设计的沟通,跟人的沟通,都是在沟通中获取信息,达到目的。
下面我分享几个自身工作的经验,希望对大家有所帮助。
01、走在设计前面,与需求沟通
设计,用沟通的方式,解决需求。用沟通到的信息,表现目的。从看到需求,再到与需求方沟通,直到完成作品。这前,中,后期的工作环节中,唯一不能少的就是:沟通。
少了前期与需求方的沟通,你可能会在无修止的改图当中,一点点的磨灭自己的激情。
少了中期与设计的沟通,你可能会在画面中肆意发挥,添加那些所谓的流行元素,最后导致整体主题不明,主次不分。
少了后期与前端的沟通,最后的上线稿不忍直视,面目全非。
和需求方沟通的5种技巧
1、用参考沟通
在当面与需求方沟通前,根据既定的活动文案和玩法,先试着去网上搜索一些相近的、相同的、有启发性的参考设计,发给需求方进行预览。用来沟通需求方的喜好,明确接下来该走的方向,最后达成对风格的整体认知。
用参考去沟通,这里所示的找参考并非是圈死设计师的思路,一味照着参考去抄袭。而是在中国现有的二三线城市里(毫不夸张的说,一线小公司也有这样的)中小企业的需求方,在审美上需要设计师去引导。
举个例子
这种因为前期沟通不到位,陷入“猜你喜欢”的原因在于:
1、没有进行前期的初探,盲目的做了版自己认为的风格,那么毙稿的可能性就会很大。
设计师与需求人(运营,产品,BOSS)对设计感觉的认知,设想不一样。在些传统老板的眼中,可能喜庆感就只有中国红、中国黄之类的表现,才能算是喜庆的固有认识。
而如果,前期通过类似的风格参考进行沟通,你们之间就会在整体的风格认识上,元素运用上,颜色选择上,达成部分的审美认知。这样的沟通方式,对于后期的改稿可能性就会小很多。
PS:当然如果你的需求方是很专业的那种,而且你们经常合作的那种,那你在前期的沟通的环节中都可以省掉这一步,直接开工。
这一步很重要:
在开工前,多找几张相近的参考给需求方看,通过参考去引导需求,也是沟通的一种技巧。
2、拿纸笔记录
在当面与需求方沟通中,会相互交换彼此的看法,随时启发出那灵光一现的创意。那如果你在沟通中没有随手做记录的话,可能就会溜掉一个或许很精彩的创意点。
在沟通的过程中,养成拿纸笔记录需求的点点滴滴,我觉得是个很好的方法。包括随时带个小本子,记录灵感也是个不错的习惯。写在本子上的内容,也可以当成工作日报,把需求明细化不是么。
举个例子
这种因为在沟通中没有走心,不做相应笔记而产生的“问问问”的原因在于:
1、会上走神:没有记重点内容及设计需要消化的工作量;
2、没带工具:沟通中出现的灵感,没有急时用纸笔、或者手机记事本记录;
这一步很重要:
带纸笔沟通的目地是,不露掉任何有用的信息。
3、带点子过去
在拿到需求的第一时间内,针对需求方给到的资料,针对性的想一些点子,找一些参考,然后再去当面沟通,其实挺奏效的。
它关键的地方在于:当你在与需求方开讨论会的时候,不会脑中无物,心中没数,然后懵逼似的被人牵着走。甚至交活的时间都压缩了,你也还呈现懵逼状。
举个例子
上面的这种沟通场景是不是很“爽歪歪”:
1、用你的专业建议去引导需求人;
2、会学识别中间人掺杂的个人要求;
这一步很重要:
其实无论是在电商公司,还是设计公司,亦或者利用业余时间接的私活,在拿到需求方给的零散的的内容后,我们要做的第一步,是先去认识这个需求,给需求做个评估(比如:时间评估、功能评估等),做到对需求的心中有数,然后才能按着自己的节奏来消化这个需求。
4、用草稿交流
沟通前,用打草稿的方式把自己的设想画在纸上,马上记录下随时要溜掉的设计想法。
前期中,用来画出大概构思,与需求方沟通;
设计中,画出草稿细节构思,用来与自己沟通;
举个例子
你在前期沟通中可以画出页面整体的布局形式:比如是圆形、不规则形、它的基本排列和布局、元素造型,标题字设计等;
这一步很重要
用草图沟通,可以天马行空随时扔掉你不满意的,纸。
5、带共识回来
其实从前面说到的4点获取信息,到最后带着某些共同认识回来,相信你已经对接下来的设计需求有一定的认识了。
这一步很重要
那还等什么,有准心的去鲁图吧。。。
沟通的3个方式
1、先听
这一步很重要:
在听的时候,先不带任何主观的自我认识在里面。因为对于每一次全新的,与众不同的新需求,你永远都没有策划或者产品,boss更熟悉这次做的事情,及玩法。
最好的方式就是听仔细,记详细。
2、后问
这一步很重要:
在问的时候,列出自己刚才没有听明白的地方,比如:页面结构,游戏规则,活动形式等地方,针对性的问打消自己的疑问。
3、再复述
这一步很重要:
在复述的时候,通过前期了解需求方想做的事情、想要的功能、想上线的时间后。
再和对接人重复下刚才你们讨论的内容,确认下没有出现任何的遗漏。
02、做在设计中间,和信息沟通
这里我们再回到设计本身。上面所说的需求沟通,其实是围绕着既将要做的事,进行的人与人间的交流。那如何把获取到的信息,通过设计的形式,去让元素和信息这两者再次沟通,就是设计要发挥的作用了。我们接触到的,点、线、面、色彩、字体都是一种以传达信息为目的地方式。
今天先介绍一个基础的设计点:
如何利用常见的设计元素和信息沟通?
1、让颜色与信息对话
在和红、橙、黄、绿、青、蓝、紫、这些颜色沟通时,每种颜色都会给人传达出对应的意象,这种意象又传递出对应的信息;
举个例子
在和热闹喜欢信息的沟通中,用红、黄等暖色调去表示这样的氛围;
在和时尚经典信息的沟通中,用无彩色的黑白调去表示这样的氛围;
当然我的色彩并不专业,下面这几位大神才叫专业
延伸阅读》
梁景红:通过色彩,让设计平衡——在无序中找到规律 http://www.pinmie.com/v/54116.html
研习设K先生:迅速提升色彩搭配能力的思维 http://www.pinmie.com/v/35650.html
这一步很重要:
让色彩与信息沟通,感受情感;
2、形状与信息
直线/斜线/圆形/三角形/多边形等元素都属于点线面,单一元素或整体运用,都能传达出一种印象。
举个例子
在和大气简洁的信息沟通中,用直线会更适合一些,因为他省去很多复杂的修饰,这也就是说简洁的内容多是横平竖直的;
在和活泼跃动的信息沟通中,倾斜、圆形的元素会更适合,因为这些元素自身就可以表意;
这一步很重要:
让形状与信息沟通,感受印象;
3、让字体与信息对话
衬线/非衬线/毛笔字/老字体/手写体等,每个不同的字体种类,所对外传递的印象也不相同。
举个例子
在和现代时尚信息的沟通中,用现代的非衬线会更适合这样的信息。
在和传统历史信息的沟通中,用衬线体或者中国书法,老字体这样的元素更适合这样的信息。
记得版式刘痕曾经说过一句话,乱用字体,你有想过字体的感受吗?与大家分享
这一步很重要:
让字体与信息沟通,感受性格;
03、跟在上线后面,和前端沟通
最后,我们回到沟通的最末端,和执行层面的同学一起把这个需求跟进完。
做完设计后,还要开始与前端执行层的同学们配合。与前端沟通执行细节,比如:某个交互效果等内容;
前端执行后还要进行一步自查工作,检查上线页面与设计稿是否有很大的出入。
请允许我在这里发个车。。。
这里,我总结了10个和前端沟通的秘诀
1、懂些代码不被骗
2、像素不能差半点
3、图层分组不被掐
4、数字一定用偶数
5、事后出个小规范
6、复杂背景不要加
7、多余不要搞
8、不给执行就卖萌
(男生拉去抽大烟)
(女生假装装可爱)
9、和和气气搞上去
10、你好我好大家好
这一步很重要:
检查自己设计的“孩子”是否完好。
写在最后
设计是沟通!
前期,中期,后期一个都不能少,少了哪个环节出来的设计肯定是不完整、没有依据的表现
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务