设计稿标注方法与规范

2018-08-01  本文已影响0人  waip

目录

一、问题

二、预期收益

三、原因

四、解决方案

IOS

Android

i版

一、问题

iOS和Android的RD就算完全按照设计提供的标注稿开发还是存在很多间距类的UI Bug

iOS的同一个字号在不同页面的文字行高也不一样

二、预期收益

具体节省工作量待试行验证,大概预估可以

节省设计30%提UI Bug的工作量

节省开发30%解决UI Bug的工作量

三、原因

设计提供的标注文字行高跟iOS和Android系统的文字行高不一致

iOS的RD内部实现方式不统一,导致同一个字号在不同页面的文字行高也不一样,下图是不同字号在不同页面的行高统计

四、解决方案

字体都使用mac系统自带的PingFang SC字体即可

以1倍图标注为基准

上一篇 下一篇

猜你喜欢

热点阅读