新闻动态

视觉设计师和前端工程师的恩怨情仇,才让视觉效果呈现100%!




通常视觉设计师的脑洞大想法多,脑子里有各种不同的好点子,当自己兴冲冲的把设计稿交给前端工程师,做完之后,总是发现理想与实际差的太远,达不到最终呈现的效果。那么,如何才能让视觉效果达到100%呢?下面小编来讲讲视觉设计师和前端工程师之间的那些恩怨情仇。



业务交流



一、效果实现难度


设计师天马行空的大脑会迸发出各种奇思妙想,例如一个看起来酷炫的动画,结果跑到工程师面前,工程师很犯难的表示做不了,或者硬着头皮做到最后也发现不尽人意。


所以前期对实现难度的基本沟通是必要的,很多时候,酷炫的效果并不是拯救设计的唯一方式,反而,大多时候我更倾向于朴素的手法来解决问题。酷炫的效果往往不是必要的,而是锦上添花的,需量力而行。



二、明确的规范


任何时候不要小看规范的作用力,刚入行的某一段时间我经常喜欢不做规范,直接搬个凳子到开发工程师面前指指点点(好在和开发关系比较好,游戏好基友,不然我可能都没命活到今天),看似非常具有效率,但这种效率仅仅适合单枪匹马战斗时,涉及到团队协作,几个设计师面对几个开发甚至更多时,规范的作用力就显得十足重要。


规范的编写尽可能让开发少动脑,例如交互原则「Don’t Make Me Think」一样,不要让开发费很多精力在理解规范,规范能多傻就多傻。试举一例,如下:


图片对比


见过太多设计师如右图一样标注规范,事实上,图片的实际画布尺寸是左侧蓝色框的范围,所以在标注规范时一定要如左图所示,否则开发还要量多一遍你的空白像素。


包括标注出不同情况(dock栏)时的不同规范,或在备注栏告知开发排列方法(例如控制边距,横向平均排列)



三、语言转化


将视觉语言转化为开发语言,每个人对形体的观感是不同的,设计师很多接受过美术方面训练,对造型的比例有一定认知,可以感觉细微的视觉差异,但不意味着你可以要求开发同学也如你一样,


所以需要转化语言让开发能够轻易的明白,将抽象的感性内容转化为可量化的理性数字。例如动画运动轨迹,靠开发观察运动轨迹几乎是不可能的,所以需要转化你的语言让开发更容易明白。



四、反复验收


对每一个节点都要进行验收,多次验收可以让你及时了解最新动态,如出现问题也可以及时的做出修改反馈。即使做到以上几点,开发也不是能完全理解你想表达,所以需要非常频繁的同步信息,而不是做的七七八八了,突然发现这里有问题,那个时候再来改,时间可能已经不够用了。另外,只有做到以上几点,你才能理直气壮的和开发定责,否则,哪有脸找别人理论呐。



如果开发计划已指定,同时研发人员也认可交付时间点,那么在开发任务内的计划,视觉设计师撒泼打滚躺地卖萌,晓之以情动之以理。视觉设计的实现,不仅仅是前端工程师的工作,有时候也需要后台的配合,想要实现,那就得给咱们工程师时间,不能又想马儿跑,又不给马吃草吧?


总之,想要呈现100%的视觉效果,双方需要不断的磨合,在这个过程中,就看大家怎么使出十八般武艺了。视觉设计师和前端工程师的恩怨情仇,岂是一两句话能够形容清楚的,剪不断理还乱了套呢。



我们的服务

  • 品牌官网
  • 营销网站
  • 平台网站
  • 电商网站
  • 安卓开发
  • iOS开发
  • 工业APP
  • 运维管理
  • 智能化仓储
  • 智慧物流
  • CRM系统
  • OA系统
  • 抖音运营推广
  • SEO优化
  • 新媒体
  • 品牌推广
优质服务
丰富经验
私人订制
网站推广