流程图可以说是最古老,最简单,却最有价值的图表设计,它几乎被运用到所有的生产中。每个设计,甚至每个工作都是有流程在里面的,一切设计都要基于流程。
建立自己的设计流程和培养自己的设计风格是相辅相成的,这些设计流程的特殊性将有可能帮你度过瓶颈期。
我相信每个设计师都有各自的设计流程,有的存于脑海,有的跃于纸上...脑海是或多或少都有的,但是写出来画出来的估计很少吧,特别是个人设计师。设计团队的设计流程图相信大家都见过不少,收藏了不少,我也收藏了很多。
本来一个设计师的设计过程是神秘而且保密的,所以有那么一句话,站在设计师的背后是不道德的。
但是设计流程图不同,设计流程图不仅能给自己清晰明了的思路,展示给你的客户或者需求人也能让他清楚明白的知道你的工作。
相比之下,国外的设计师们就很乐于把自己的设计流程写出来,画出来,在脸书和推特看过不少设计师分享自己的各式各样的设计流程图,国外设计社区InVisionapp也在倡导大家分享自己的设计流程图。
当看到这些国外设计师的流程图,我也萌生了把自己的设计流程画出来的想法。
我现在工作团队的视觉设计流程图
以下是现在工作团队的设计流程,也是我个人总结,仅供参考,仅供参考,仅供参考。
一、沟通
首先,运营或者推广会发一份WORD文档、EXCEL表格或者直接是文本,里面会有布局(豆腐块、交叉等)、产品(产品颜色、款号等)、文案内容(主标题、副标题、正文、辅助说明)、风格类型(包括有的可能会提供参考)、展示网址等。需求人发给设计组Leader,设计组Leader会检查相关文档内的内容提供是否完整,然后派给一位资深设计师进行跟踪设计,这位资深设计师收到后有相关问题及时找需求人进行单独沟通(可能是在QQ或者微信上,也可能是需求人到设计师岗位进行沟通),资深设计师会根据设计项目的工作量再进行分解到设计助理,并与设计助理沟通。
二、分析研究
与需求人沟通完后,设计师会分析需求内容,确定好目标,以及想要传达什么样的信息。受众是谁?该用什么样的表现方式取悦该受众群体,比如男人要用粗狂的字体,女人的话要尽量靠近纤细柔美。查看相关竞品,他做的好的有哪方面,做的不足的我该怎么规避,是否能在差异化的情况下超越他,或者直接延伸以及超越他的创意。
三、脑暴
沟通和分析研究后,提取关键词,主要信息,一般能在文案特别是主标题、副标题中提取。利用关键词在脑中发散相关灵感,然后再去花瓣、pinterest等灵感采集平台相关寻找灵感,元素,可以把单独的好创意好表现形式截图下来,或者把整个设计图保存下来,这方面需要多花时间整理寻找,元素和素材争取找到最好的最满意的,实在找不到最好的,就以次好的,这里推荐《佐藤可士和的超整理术》,整理得出相关信息的重点内容,元素,素材等。
佐藤可士和的超整理术
佐藤可士和的超整理术
四、草图
在纸上绘制简单的草图,把一切的概念添加进去,确定要文案内容的编排,视觉排版布局,元素的大小、形状,草图不需要精美,自己能看懂就可以。查看相关文章揭示:国外设计师是怎样手绘草图的?设计师如何快速有效地画草图?(译)
五、PS
按照草图以及参考图,灵感元素,开始在Photoshop中设计,网页设计的一般顺序是从上到下,更何况首屏是最很重要的,其他的bannei、广告图等就需要整体,设计内容的顺序一般是从底部背景着手,再添加产品、文案,进行细化排版,调整布局,尽量靠近目标主旨。
六、修改
视觉稿设计好后发给设计组Leader,他会对你的视觉稿进行设计层面的沟通修改指导。完后,发给需求人,也许他会提出新的目标新的想法,文案或许会改动,产品或许会更换。。。
七、完成
最终修改完成后,发给编辑或者需求人,他会把设计图放到相关网页上或者手机上,这是要提醒他上传后提供链接或者查看方式,以便进行追踪效果,如有偏差则进行相关调整修改,确认无误之后就开始新的任务吧。
这就是我现在工作团队的基本设计流程,我总结的比较简略,希望能给大家一点启发。当然,每个人的设计流程、设计方法都不同,所以也不要按照我们的这个流程,借喻一句话“尽信书不如无书”,我工作团队的设计流程仅供参考,也欢迎进行拍砖。
下面是一些国外设计师的设计流程图
商业数学软件MATLAB的设计流程图
Duoh的CEO兼设计师Veerle Pieters
短链接服务Bitly的视觉设计Leader
品牌设计师Jacob Cass
UI和平面设计师Wolfgang Bartelme
Rock Ventures首席设计师Chris Kaufman
Officevibe导演Jeff Fermin
发行人/创意总监Victoria Smith
Fresh ID负责人兼创始人Kristi Colvin
网页和平面设计师,摄影师AJ Patel
产品设计师Antonio Carusone
Graphility创意总监Hector Hurtado
美国赫斯特制作大师兼UX设计师Matthew Lippl
体验设计师Anna Iurchenko
作者:茂趣创意/茂哥,流程图来源:相关设计师的推特、脸书、InVisionapp
关注微信公众号:茂趣创意(maofuns),每天分享国内外最新最有趣创意资讯,互联网设计经验,PS教程等
网友评论