文档介绍：: .
提醒一类.
2 查看有没有视觉该统一的地方没有统一，比如:文字大小，颜色，按钮
大小，间距都需要整体 review.
3 平台的控件开发可以复用的标记.
4 顺风车的控件样式在页面可以复用的标记.
5 开发和测试看起来一目了然，沟通起来节省成本.
6 制作顺风车规范的时候方便查看.
当然这个方法只适合在新产品业务上线，大版本更新以及新功能流程使
用.
毕竟小版本的一些视觉改动，如果一期迭代是 10 天，每个版本都出一份视
觉流程图并保证是最新的太浪费成本了.
，用户不可能直接拿
着你制作的设计稿去进行使用，你的设计是需要经过开发实现之后才会到达
用户手中，所以设计和开发的对接，
开发环节，保证产出物和设计一致，交互逻辑及动画展示保持一致.
好多设计师抱怨明明设计的很好，可实际线上效果却不理想，相差太大.
问题出在哪里？
1 标注图及切图质量不达标
2 和开发没有直接沟通，把产出交给开发之后就不管了
3 最后开发完成没有进行视觉走查.
说一下我对顺风车一期和开发的一个产出流程和沟通1 首先自己要对这款产品足够的熟悉，页面逻辑跳转，哪里展示什么，
有哪些种状态要充分了解，不然和开发沟通，人家问什么全都解释不清楚，
还要去找产品确认，耽误时间
2 把所有本期相关的开发拉在一起开个会，相同的控件抽离出来，记录
下来，和开发沟通的时候避免二次开发，因为一个产品可能是好几个开发人
员负责的，一人一块，如果没有足够充分的沟通，很容易二次或者多次开发
相同的控件，耽误开发时间而且视觉走查的时候也会费时费力，那时候再想
让开发统一就不那么容易了，因为相同的控件不同的开发写法可能也会不一
，会吐血的.
3 所有页面标注切图需要怎么给到开发要过一遍，记录下特殊的地方，
因为有的页面需要特殊的动画处理，或者时间成本有限，切图需要特殊处理，
如果这个时候不沟通明确了，按照自己的意思切图标注了，开发用不了，还
会反过头来再找你，浪费大家时间.
4 这个时候就可以按照之前和开发沟通之后进行标注切图了，这里我会
产出几项给开发.
1) 所有本期相关页面效果图
2) 本期效果流程图
3) 相关页面标注，页面样式重复的就不需要再标注了，这里主要标注(文
字大小，颜色，按钮大小，按下效果，长宽，动画说明，如果有服务器下发
的尺寸的要做说明，最多显示的字数)4) iOS（***@2x,***@3x）Android（1080）切图
5) 发送邮件给到开发并抄送相关产品负责人，再当面和开发沟通确认下
标注切图确保没有问题.
设计我是以 iPhone6 尺寸进行设计的，大屏手机越来越主流，所以我的
标注图就是 6 为基准，6 的切图为 ******@2x 图，当***@2x 图制作完成之后，
我会等比放大 150%,生成***@3x 图，这里需要注意一下，3x 图可能会有半像
素，所以要手动都调整下 .
iOS 这块完成之后我会产出安卓的，以 iphone6 为基准，向上放大 144，
产出安卓 1080 的进行标注，切图只出 1080 的，向下等比进行适配.
设计在程序开发阶段
不然就是和产品准备下期需求，不然就是继续优化可优化的页面，如果
是优化页面，这个需求无论是设计还是产品提出来的，一定要尽早的告知开
发，不要耽误时间，不然时间有限， Warning : .