时间：2023-09-05 08:36:02 | 来源：网站运营
时间：2023-09-05 08:36:02 来源：网站运营
UI设计丨如何更好的标注设计稿（标注下）：本文介绍了我自己用的标注方法理论及从其他文章截取的标注注意事项。
文章写于2017年，比较粗糙，望见谅。
各个元素的标注基本元素：
文字，需要标注文字的大小、字体、颜色、透明度、行高等等
需要标注颜色的内容有分割线颜色、背景色、按钮颜色等等。
1. 有圆角的地方，需要将圆角半径标出。
2. 对于一些控件，如button、列表，一定要随时问自己有没有特殊状态，如按压状态、无效状态、选中状态等等，如果你不标明，开会就会默认没有这些效果。
3. 一般情况下，图片的尺寸是需要告诉比例的，而不是固定的大小，这样开发才能更好的适配，常用的图片比例有4：3、16：9等。
4. 很多没有经验的设计师不理解适配的原理，所以很容易将一些控件给出固定的尺寸大小，实际上应该给出与屏幕的关系，比如说到左右的距离是多少。
文字有一个很特殊的属性，就在某些场景下，文字是动态的，所以这个时候，就需要将极限情况考虑清楚，我们看下面这张图：
表面上我们将标题文字的大小、颜色这些内容标注清楚就可以了，但是如果标题文字过多的时候该怎么处理呢？所以必须要给出一个极限情况的规范，比如最多显示多少个字符，字符超过极限值就用打点的方式处理，如下图：
理解间距的意义：有人可能会觉得间距和尺寸有些相似，但其实它们有着很大的不同，我们可以这样理解：尺寸是形容容器的大小，而间距是形容容器之间的距离。上面这些内容不可能把所有的场景全部覆盖全面，任何特殊情况，都需要在页面上说明清楚以及和开发当面沟通来确保设计稿的完美实现，当然后期走查也是至关重要的！
关键词：设计
在线咨询
