標注目的
通過對設計稿的標注,讓開發(fā)同事很清楚的知道設計稿中每個元素的屬性界拦,確保按設計規(guī)范實現(xiàn)。
標注內(nèi)容
一梗劫、尺寸:容器的大小
1享甸、控件的不同狀態(tài)的標注截碴;
2、圖標或文字區(qū)域蛉威,覆蓋熱區(qū)后標注日丹;
3、有圓角的標注圓角半徑蚯嫌;
4哲虾、圖片的適配,標注比例齐帚,4:3/16:9;
5妒牙、按鈕的適配:高度固定,寬度自適應(標注兩邊間距)对妄;
二湘今、文字
1、字體剪菱;
2摩瞎、字號;
3孝常、顏色旗们;
4、透明度构灸;
5上渴、行高;
6喜颁、對于非固定長度的文字稠氮,要注明一行最多顯示字符數(shù),超出折行或省略處理半开;
三隔披、間距:容器與容器之間的距離
1、分割線最好用矩形1像素代替直線寂拆,確保標注間距時不會出現(xiàn)小數(shù)點奢米;
四、顏色
1纠永、背景色(大背景色/區(qū)塊背景色)鬓长;
2、按鈕顏色(普通按鈕/文字按鈕/圖標按鈕/開關(guān)按鈕)渺蒿;
3痢士、分割線顏色;
標注方法
標注工具有很多,大家可以根據(jù)習慣選擇怠蹂。
1善延、摹客;
2城侧、Sketch Measure易遣;
3、Zeplin嫌佑;