找回密码
 加入怎通
查看: 210|回复: 0

设计走查-Zeplindf_设计流程规范

[复制链接]
我来看看 发表于 2023-03-31 05:30:50 | 显示全部楼层 |阅读模式
0 s# p4 Z! y, Z7 o* C

最近习得一个设计走查的好方法,愿意与大家分享一下设计走查的目的:让设计师对开发出来的产品,在视觉上相对满足让设计师体验『完全态』产品,发现自己原型图或视觉稿中无法感受到的『设计错误』,进而优化自己的设计。

B2 K: e4 w" ^; S

之前在神策数据任职设计师的时候,也经常做设计走查一般的过程就直接在截图上进行标注,满篇都是红色标注,阅读体验不好,而且也不美观最近在使用Zeplin,一开始用它展示设计稿,设计稿的尺寸和切图它都能很好地搞定。

0 R! [ r5 N+ x1 t+ j

前两天发现了一个很有效率的工作流程:设计稿如图

! E9 @! `9 W$ ^; ?8 r

开发实现

" {- H s# L; Y2 Y: u

还原度已经相对很高了,但还是有一些地方设计师实在不能忍,例如右键菜单的内padding有些开发可能对未标注的设计稿中的尺寸不是很敏感,不能和设计师『心有灵犀』,所以会出现一些小差错Zeplin 标注df。

$ u: h/ K$ \) S

对于要修改的地方,先使用黄色的圈圈标出来。开发根据设计的标注一个一个排雷,排完的使用修改成蓝色的圈圈。

0 k* v& O8 o- @4 f

开发有些地方不知道怎么修改或无法实现的时候,可以在相应的圆圈中评论。

P- D! V2 Y( Q7 ]( }8 B# _" I

当开发走完一遍,设计再逐个走查,看看小弟弟有没有认真完成,完成的将蓝色的圈圈改成 红色的圈圈。

6 m# k% b0 l6 ^( I; l5 `; W

是不是超棒棒!

' d5 B4 o1 S: O8 e, K; [- _0 W: g, E' w ^! z; q / r6 \9 E+ P" G8 e6 I 5 B7 e3 L% f0 `9 F 1 ?) g1 m' X* h; {
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-7-7 04:16 , Processed in 0.044218 second(s), 24 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表