時間：2023-09-05 08:36:02 | 來源：網(wǎng)站運營
時間：2023-09-05 08:36:02 來源：網(wǎng)站運營
UI設(shè)計丨如何更好的標注設(shè)計稿（標注下）：本文介紹了我自己用的標注方法理論及從其他文章截取的標注注意事項。
文章寫于2017年，比較粗糙，望見諒。
各個元素的標注基本元素：
文字，需要標注文字的大小、字體、顏色、透明度、行高等等
需要標注顏色的內(nèi)容有分割線顏色、背景色、按鈕顏色等等。
1. 有圓角的地方，需要將圓角半徑標出。
2. 對于一些控件，如button、列表，一定要隨時問自己有沒有特殊狀態(tài)，如按壓狀態(tài)、無效狀態(tài)、選中狀態(tài)等等，如果你不標明，開會就會默認沒有這些效果。
3. 一般情況下，圖片的尺寸是需要告訴比例的，而不是固定的大小，這樣開發(fā)才能更好的適配，常用的圖片比例有4：3、16：9等。
4. 很多沒有經(jīng)驗的設(shè)計師不理解適配的原理，所以很容易將一些控件給出固定的尺寸大小，實際上應(yīng)該給出與屏幕的關(guān)系，比如說到左右的距離是多少。
文字有一個很特殊的屬性，就在某些場景下，文字是動態(tài)的，所以這個時候，就需要將極限情況考慮清楚，我們看下面這張圖：
表面上我們將標題文字的大小、顏色這些內(nèi)容標注清楚就可以了，但是如果標題文字過多的時候該怎么處理呢？所以必須要給出一個極限情況的規(guī)范，比如最多顯示多少個字符，字符超過極限值就用打點的方式處理，如下圖：
理解間距的意義：有人可能會覺得間距和尺寸有些相似，但其實它們有著很大的不同，我們可以這樣理解：尺寸是形容容器的大小，而間距是形容容器之間的距離。上面這些內(nèi)容不可能把所有的場景全部覆蓋全面，任何特殊情況，都需要在頁面上說明清楚以及和開發(fā)當(dāng)面溝通來確保設(shè)計稿的完美實現(xiàn)，當(dāng)然后期走查也是至關(guān)重要的！
關(guān)鍵詞：設(shè)計
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
在線咨詢