|
' Y3 ]9 d& Y6 @; K 最近习得一个设计走查的好方法,愿意与大家分享一下设计走查的目的:让设计师对开发出来的产品,在视觉上相对满足让设计师体验『完全态』产品,发现自己原型图或视觉稿中无法感受到的『设计错误』,进而优化自己的设计。
( \, b% ]8 F, | 之前在神策数据任职设计师的时候,也经常做设计走查一般的过程就直接在截图上进行标注,满篇都是红色标注,阅读体验不好,而且也不美观最近在使用Zeplin,一开始用它展示设计稿,设计稿的尺寸和切图它都能很好地搞定。
3 f0 [. C( i1 B 前两天发现了一个很有效率的工作流程:设计稿如图 $ L7 h3 B7 `5 U" v; T7 z$ w
开发实现
' m3 p4 J1 h/ Z' R. z$ O 还原度已经相对很高了,但还是有一些地方设计师实在不能忍,例如右键菜单的内padding有些开发可能对未标注的设计稿中的尺寸不是很敏感,不能和设计师『心有灵犀』,所以会出现一些小差错Zeplin 标注df。
# X* G' N/ P2 K" o 对于要修改的地方,先使用黄色的圈圈标出来。开发根据设计的标注一个一个排雷,排完的使用修改成蓝色的圈圈。 ! U3 P( @! D8 a0 d! u u; K
开发有些地方不知道怎么修改或无法实现的时候,可以在相应的圆圈中评论。 + E2 m/ [- W9 W1 m7 L8 l
当开发走完一遍,设计再逐个走查,看看小弟弟有没有认真完成,完成的将蓝色的圈圈改成 红色的圈圈。 ) |3 b# I0 S! J+ Q/ i: `
是不是超棒棒! 1 I" r* h1 U/ \
! k) d4 I, I6 n1 h
1 ]# K/ m; q; a
2 t) s3 c j2 ?7 I
; R2 D2 N0 r& ?( r
|