标注目的
通过对设计稿的标注，让开发同事很清楚的知道设计稿中每个元素的属性，确保按设计规范实现。
标注内容
一、尺寸：容器的大小
1、控件的不同状态的标注；
2、图标或文字区域，覆盖热区后标注；
3、有圆角的标注圆角半径；
4、图片的适配，标注比例，4:3/16:9;
5、按钮的适配：高度固定，宽度自适应（标注两边间距）；
二、文字
1、字体；
2、字号；
3、颜色；
4、透明度；
5、行高；
6、对于非固定长度的文字，要注明一行最多显示字符数，超出折行或省略处理；
三、间距：容器与容器之间的距离
1、分割线最好用矩形1像素代替直线，确保标注间距时不会出现小数点；
四、颜色
1、背景色（大背景色/区块背景色）；
2、按钮颜色（普通按钮/文字按钮/图标按钮/开关按钮）；
3、分割线颜色；
标注方法
标注工具有很多，大家可以根据习惯选择。
1、摹客；
2、Sketch Measure；
3、Zeplin；
标注目的 通过对设计稿的标注，让开发同事很清楚的知道设计稿中每个元素的属性，确保按设计规范实现。 标注内容 一、尺...
在手机上预览Sketch设计稿，很多设计师会选择使用Sketch Mirror，关于Sketch Mirror的使...
做完设计稿后，需要告诉前端程序员，图片尺寸，文本字号，间距等。相比传统的标注方式Sketch 的messure插件...
摹客 iDoc Mac版是一款适用于sketch的自动标注切图插件，设计师可以将自己的设计稿上传来进行切图和标记操...
在还原UI的时候我们常会发现一个问题，按照Sketch标注的尺寸去还原设计稿中的文字会产生几个Px的误差，字符上下...
在还原UI的时候我们常会发现一个问题，按照Sketch标注的尺寸去还原设计稿中的文字会产生几个Px的误差，字符上下...
在还原UI的时候我们常会发现一个问题，按照Sketch标注的尺寸去还原设计稿中的文字会产生几个Px的误差，字符上下...
在还原UI的时候我们常会发现一个问题，按照Sketch标注的尺寸去还原设计稿中的文字会产生几个Px的误差，字符上下...
设计阶段： Sketch设计稿中的尺寸和 Xcode 中的编码尺寸的差异。Sketch 中元素的 Size 的单位...
平常工作中收录的，欢迎补充。 界面设计：Sketch、PS 视觉设计：C4D、PS、AI 设计标注：zeplin、...
本文标题：Sketch设计稿的标注
本文链接：https://www.haomeiwen.com/subject/klohlktx.html
网友评论