一场开发与视觉的对话引发的思考

网易数智

于 2016-03-05 19:59:41 发布

阅读量104

点赞数

文章标签：人工智能产品经理编程语言 java 大数据

本文链接：https://blog.csdn.net/netease_im/article/details/110045574

版权

作者：胡波

网易杭州研究院

妹子工作三年了，我和她相当熟，她最近一份工作从平面设计转到了UI设计，在平面设计她已经游刃有余，能够高效地完成工作中的推广设计、活动详情页、电商详情页、Banner、海报设计及线下物料等平面设计工作。

UI设计特别是移动端，一直是她想所追求的工作。以前做平面设计她一直跟我诉苦，突如其来地需求，不停的工作，缺少自我学习和思考的时间。现在她终于有机会做UI设计，我很替她高兴。

以下是我们的对话

视觉妹子：现在终于可以做UI设计了，两个星期完成了自己的第一个App，从logo的设计到icon的设计，从主色调到辅色调再到排版。感觉都比推广设计要轻松太多了。

开发的我：这么厉害啊。以前做推广设计和现在UI设计有什么不同吗？

妹子：以前做推广设计太苦逼多了，遇上难缠的运营或者市场就悲催了。设计出来总说这不好看那不好看，视觉没突出活动主题（双11，圣诞节，元旦节）、没有体现产品特色、文案改了又改、没有素材时还需要自己画（素材还要考虑版权问题）、要考虑各种排版、各种字体、各种颜色搭配、有时候还要做flash动画。

妹子：最糟糕的是，这种活动推广的设计需求经常是突如其来。比如说上个月乌镇世界互联网大会，当天早上，运营说中午前必须赶出一个视频直播的推广视觉稿，弄得我中午都没有休息，当天计划的其它工作也没有完成。

我：突入其来的需求确实是很恼人的，如果运营最好能够提前预知未来需要做什么。但是很多情况下，由于运营自身或者工作流程的问题，会有很多不可预估的工作。那现在你觉得做UI设计有何不同呢？

妹子：现在UI设计的时间是可控的，我能够预估我今天是否需要加班，我这个产品版本迭代周期的工作量，在UI设计中的难点。同时我不需要考虑像推广设计过程中种种问题，不需要花哨的字体，不需要阴影，不需要画各种素材和插画。最重要的是，我的产品经验是累积的，下个版本的视觉迭代是在这个版本的基础上，给了我很多思考的时间。

我：确实，你以前经常和运营和市场人员打交道，他们的定位是视觉是为推广和市场服务的。如果视觉设计得不好，可能影响banner的点击量，花了很多钱去推广安装量，可能因为视觉设计的不好看而让用户根本没有心思去下载...运营和市场很多时候不会为视觉设计本人去考虑，在一些人心里，视觉就是美工，所以很多时候他们只能用好看不好看等词语去评价视觉。

妹子：是的，其实有些时候推广设计是靠自己感觉和经验的累积，背后没有那么多理论去支持。但是在UI设计中，产品定位，交互设计，iOS&Android设计规范，竞品&精品的设计，开发实现方式，我们有很多参考和借鉴的东西，有章可循，可成系统。这个版本迭代如果设计得不够完美，可以下个版本迭代中循循改进，推广设计感觉就是一次性东西，比如这次双11活动做完了，花了那么大精力，下次做一个校园推广活动感觉没用了。

我：嗯，还不错嘛！都全栈设计了，看来成为大神指日可待啊...

妹子：但是在UI设计中我还是新手，和开发、交互、产品的沟通，还有很多地方需要学习。

我：嗯，做产品设计，同理心很重要，除了设计本身，大部分时间都是在沟通，如果沟通不好，后面工作就不太好施展开来了。

……

作为开发，在产品开发过程中，大量时间都在和UI视觉做沟通。深知，如果沟通不畅，将会导致一系列问题。视觉如何与开发更好地沟通，开发如何更好地理解视觉呢？

视觉如何与开发更好地沟通

UI设计师主动参与到产品需求讨论中，学会倾听，这样可以更快速地了解产品，了解交互，了解开发的技术实现难点。从而减少信息的不对称、产品需求理解的不一致。

设计视觉规范，一些通用模块以规范性的视觉稿给出，比如通用的背景颜色，字体大小，字体颜色，加载动画，列表间距，动画参数。如特殊地方需特殊标明。

视觉风格确定后，视觉设计后期，多考虑空态、加载失败、图片没有加载出来等异常情况下的视觉表现。
跨视觉设计学习，了解下开发的实现原理。比如：页面布局的实现方式（比如iOS的xib布局）、基本控件、列表实现的基本原理等。这样在沟通时才能有效地理解开发所描述的信息。对于不懂的地方可以随时向开发讨教，相信大部分开发还是愿意分享的。
建立与开发的信任。不说“实现很简单”，“只是改了个间距或者图标而已”等话语。
大局观，当按照视觉稿开发确实有实现难度时，考虑上线时间及实现成本，寻求折中设计方案。追求完美虽然必要，学会适当的妥协和欣赏残缺美，退一步海则海阔天空，形式追随功能。
和开发做朋友。

开发如何更好地理解视觉

稍微学点美学，学点基本的色彩、构图知识。多逛逛视觉设计网站，如Dribbble，Sketch，或者你先可以先去了解日本的一些设计大师。
不以“不好看”等没有建议性的话语去评论视觉。
尊重视觉的劳动成果。视觉如同开发一样，也是一项很有创造性的劳动，对于难以实现的视觉稿，不要仅一句话“不能实现”来回绝视觉设计师，从后期的维护、版本兼容、实现原理或者实现难度等角度晓之以情，动之以礼。
及时了解视觉的工作进度，合理安排各个模块间的进度安排。
对于视觉稿有意义的地方及时与视觉沟通，不要等功能已经实现完再去责备视觉与开发不一致。
建立与视觉的信任，相信视觉设计师的专业性。
和视觉做朋友。