在实际工作中,设计师需要将设计交付开发实现,那么怎么让设计与开发更好的对接呢?如何让开发很好得理解你的设计,开发实现的设计效果与你的效果图相差无几,其中沟通是很重要的一环。
不良的沟通是,设计师没有完全将设计效果完全让开发理解,开发只能凭借个人理解将原型图实现。故得出结果产生偏差,设计师只能和开发不断扯皮,消耗时间精力和情绪价值,影响后续工作的推进。
好的设计师不要把开发当成敌人,要当成未来持续合作的伙伴。请教是一种令人尊敬的行为,不会降低你的专业度。
实现步骤:
1、在开始设计之前,设计师还需要与开发人员直接对话,了解开发故事,了解他们的技术可实现性,根据实际调整设计图的设计。这是回顾开发需求以及它们将如何决定视觉和功能方法的最佳时机。一旦建立了这些要求,最终的设计应该是开发人员完全理解和支持的。
2、一旦沟通让开发人员了解了我的期望,就不再需要进行多次审核。我会查看页面,提供反馈,然后他们会做一些小的调整以使页面看起来完美。
设计中都存在什么样的沟通呢?
第一种,设计师口述让开发实现。
一般这种情况出现在设计师比较忙且没有习惯制作设计文档的习惯。这种方式要求设计师能准确表达设计效果,且对开发的理解能力和记忆力有极高的要求,故常常出现设计实现图与预期不符。导致设计师需要重复和开发沟通,这无形中增加了许多工作量。
第二种,设计师制作gif图给开发或者将图片发给开发,让开发照着做。
这种方式比上面的效果稍微好些,开发只能实现大概的样子。但是还是会存在偏差,比如透明度的具体度数、阴影的投射位置,许多细节出现误差。最后还是无法避免回到第一种和开发无休止的扯皮之中。
第三种,制作设计图讲解文档
可用在线表哥excel制作(可以多人同时查看,在线更新),方便开发理解。将比较重要、较为复杂的模块、原型图的图片截取出来,对每一张需要深度理解的原型图、动效、或者效果图进行详细的讲解。横轴标题放置 模块-触发条件-对象-透明度-x轴位移-y轴位置移动-大小-总时长。
制作参数期间需要不断和开发沟通,了解开发可实现的设计效果的参数。
第四种,利用在线协作工具高效沟通。
对设计师和开发友好的在线协作工作,zeplin/l蓝湖,上传设计图邀请团队成员共享点评,可保存多个版本,在线修改实时保存。上传时自动标注,开发可随时查看原型图的部件参数,自动切图下载几倍图。
工具能推动人类的进步,所以我们要学会采用合适的工具帮助自己减少工作量。