一场开发与视觉设计师的简短对话

阿凡达2018-08-21 11:01

妹子工作三年了,我和她相当熟,最近一份工作从平面设计转到了UI设计,在平面设计她已经游刃有余,能够高效地完成工作中的推广设计,活动详情页,电商详情页,Banner,海报设计及线下物料等平面设计工作。UI设计特别是移动端,一直是她想所追求的工作。以前做平面设计她一直跟我诉苦,突如其来地需求,不停的工作,缺少自我学习和思考的时间。现在她终于有机会做UI设计,我很替她高兴。

一.对话

以下是简短对话,其实也不简短.

视觉妹子:现在终于可以做UI设计了,两个星期完成了自己的第一个App,从logo的设计到icon的设计,从主色调到辅色调再到排版。感觉都比推广设计要轻松太多了。
我(开发):这么厉害啊。以前做推广设计和现在UI设计有什么不同吗?
视觉妹子:以前做推广设计太苦逼多了,遇上难缠的运营或者市场就悲催了:设计出来总说这不好看那不好看,视觉没突出活动主题(双11,圣诞节,元旦节)、没有体现产品特色文案改了又改、没有素材时还需要自己画(素材还要考虑版权问题)、要考虑各种排版、各种字体、各种颜色搭配、有时候还要做flash动画
视觉妹子:最恶心的是,这种活动推广设计的需求经常是突如其来。比如说上个月乌镇世界互联网大会,当天早上运营才知道在杭州开了这么个会(因为杭州堵车),运营说中午前必须赶出一个推广视觉稿出来视频直播互联网大会,弄的我中午午休都没有休息,当天计划的其它工作也没有完成。
:突入其来地需求确实是很恼人的,如果运营能够提前预知未来需要做什么。但是很多情况下,由于运营自身或者工作流程所导致问题,导致很多不可预估的工作。那现在你觉得做UI设计有何不同呢 ?
视觉妹子:现在UI设计的时间是可控的,我能够预估我今天是否需要加班,我这个产品版本迭代周期的工作量,在UI设计中的难点。同时我不需要考虑像推广设计过程中种种问题,不需要花哨的字体,不需要阴影,不需要各种素材和画各种插画。最重要的是,我的产品经验是累积的,下个版本的视觉迭代是在这个版本的基础上,给了我很多思考的时间。 :确实,你以前经常和运营和市场人员打交道,他们的定位是视觉是为推广和市场服务的。如果视觉设计地不好,可能影响banner的点击量,花了很多钱去推广安装量,可能因为视觉设计的不好看而让用户根本没有心思去下载...运营和市场很多时候不会为视觉设计本人去考虑,在一些人心里,视觉就是美工,所以很多时候他们只能用好看不好看等词语去评价视觉。
视觉妹子:是的,其实有些时候推广设计是靠自己感觉和经验累积,背后是没有那么多理论去支持。但是在UI设计中不同,产品定位,交互设计,iOS&Android设计规范,竞品&精品的设计,开发实现方式,UI视觉设计中我们有很多参考和借鉴的东西,有章可循,可成系统。这个版本迭代如果设计的不够完美,可以下个版本迭代中循循改进,推广设计感觉就是一次性东西,比如这次双11活动做完了,花了那么大精力,下次做一个校园推广活动感觉没用了。
:嗯,还不错嘛!都全栈设计了,看来成为大神指日可待啊...
视觉妹子:但是在UI设计中我还是新手,和开发、交互、产品的沟通,还有很多地方需要学习。
:嗯,做产品设计,同理心很重要,除了设计本身,大部分时间都是在沟通,如果沟通不好,后面工作就不太好施展开来了。
:.... (后面是我作为开发角度一系列yy ,自己在产品开发过程中,大量时间都在和UI视觉做沟通。深知,如果沟通不畅,将会导致一系列问题...)


首先我来总结下视觉妹子的烦恼


a. 推广设计的烦恼

  • 突入其来地需求,没有时间计划。
  • 运营或者市场不理解视觉,以为视觉就是一个死美工。
  • 以好看和不好看等一些列没有建议性的词语去评价视觉的设计工作。
  • 活动文案不清晰,需要视觉自己去总结。
  • 视觉设计过程中,除了要考虑各种字体,颜色,排版,素材以外,更要考虑推广的目的、产品及品牌特性。
  • 种类繁多,内容推广设计,活动推广设计,专题页,包装设计,物料设计,电商等又要考虑产品详情页。
  • 在推广设计中很少需要与策划、交互及开发打交道,难以系统掌握整个产品(特别是移动端产品)的流程。


b. UI设计的烦恼

  • 视觉设计作为“产品食物链”的底层,受策划、交互、开发、运营、用户等各种吐槽。
  • 产品迭代中,需求&交互改了又改,导致视觉也跟着改。
  • 产品需求讨论中,视觉大部分情况都没有话语权,接到需求,只管做就行了。
  • 我只是稍微改地下页面布局以求更好的视觉表现,交互说我没有按照交互稿的要求来做。
  • 项目组其它人员经常以“好看不好看”等非常没有建议性地话语去评论视觉。
  • 开发说某视觉样式根本无法实现。
  • 改了下icon的大小,列表的间距,开发说我整个布局全改了。
  • 开发可以自己去切图,切图这种工作不应该由视觉去做,而且我也不知道该怎么按照开发的要求去切,每次切图总有一些返工。

UI设计师的所有问题,特别是与开发的问题,大部分都是沟通不畅导致的。其实我们只需要在日常积累学习和沟通中,注意与开发沟通技巧,80%的问题都会迎刃而解。


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

  • UI设计师主动参与到产品需求讨论中,哪怕没有话语权,学会倾听,这样可以更快速地了解产品,了解交互,了解开发的技术实现难点。从而减少信息的不对称,产品需求理解的不一致。
  • 设计视觉规范,一些通用模块以规范性的视觉稿给出,比如通用的背景颜色,字体大小,字体颜色,加载动画,列表间距,动画参数。如特殊地方需特殊标明。
  • 视觉风格确定后,视觉设计后期,多考虑空态,加载失败,图片没有加载出来等异常情况下的视觉表现。
  • 跨视觉设计学习,了解下开发的实现原理。比如:页面布局的实现方式(比如iOS的xib布局),基本控件,列表实现的基本原理等。这样在沟通时才能有效地理解开发所描述的信息。对于不懂的地方可以随时向开发讨教,相信大部分开发还是愿意分享的。
  • 建立与开发的信任。不说“实现很简单”,“只是改了个间距或者图标而已”等话语。
  • 大局观,当按照视觉稿开发确实有实现难度时,考虑上线时间及实现成本,寻求折中设计方案。追求完美虽然必要,学会适当的妥协和欣赏残缺美,退一步海则海阔天空,形式追随功能。
  • 和开发做朋友。


三. 开发如何更好地理解视觉

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


四. 由此引发的其他一些其它思考

其实由沟通所导致的问题都是容易解决的,同理心很重要。我很尊重视觉设计这份职业,同时也很羡慕能做视觉设计的同事。其实不管是平面推广设计还是移动端UI设计或者工业设计,不管是扁平还是拟物化,设计很多时候是相通的。
谁会说几十年前的日本的工业设计和平面设计如今过时了呢?
前文提到的视觉妹子能够在很短期间内驾驭移动端UI设计是因为她在推广设计方面的积累,她画的各种素材插画,推广设计时她考虑的设计风格及字体颜色。在移动端设计时只是之前经验的累积罢了,如果她能够对产品、交互、开发进一步了解后,相信在自我提高上必然会更进一步。
但是现在我所看到的近两年,移动端设计很多方面都没有创新,包括交互。竞品间都相互“借鉴”,小到icon大到整个产品。不过技术终将会改变世界,相信随着AR和VR、智能设备等技术发展,在交互上的创新也会越来越多。技术上,谁知道iOS & Android等平台十年后会不会不复存在呢?那时又有多少开发面临失业。
但视觉设计和对美的向往永远是我们更古不变的追求。 PS:以上仅代表个人观点,欢迎吐槽~



网易云新用户大礼包:https://www.163yun.com/gift

本文来自网易实践者社区,经作者胡波授权发布。