一、UI標(biāo)注的規(guī)范

1、尺寸。例如圖標(biāo)、圖片這些內(nèi)容關(guān)于尺寸維度的標(biāo)注。

需要注意，比如圖片的尺寸比例，不是固定的它的大小數(shù)字，這樣開發(fā)才能更好的適配，常用的圖片比例有4：3、16：9等。如果控件給出固定的尺寸數(shù)值，按鈕的寬和高度都標(biāo)注出來，開發(fā)就會寫死按鈕的尺寸，一旦遇到屏幕有比例不同的時候，按鈕還是固定的大小，就會影響視覺效果；

2、標(biāo)注文字的字體、字號、顏色、行高和透明度等等。

這些都要給出一個極限情況的規(guī)范，如最多顯示幾個字符，字符超過極限值就用“...”的方式處理；

3、間距的規(guī)范。

間距相對比較簡單，只要標(biāo)注清晰就不會有太大問題。但有時候?qū)㈤g距和尺寸混淆。我們可以這樣理解為尺寸是容器的大小，而間距是容器之間的距離，所以間距和尺寸有著很大的不同；

4、顏色標(biāo)注規(guī)范。文字的顏色已經(jīng)歸類到文字屬性里面，不用重復(fù)標(biāo)注。顏色標(biāo)注內(nèi)容有：分割線顏色、背景色、按鈕顏色等等。?建議使用公司或品牌原有VI配色，可提高公司或品牌VI之間的關(guān)聯(lián)，增加可辨識性和記憶性。

二、UI里圖片處理規(guī)范：

除了圖片風(fēng)格、色調(diào)等常規(guī)的統(tǒng)一性意外，還要著重注意切圖和圖片優(yōu)化。

1、安卓系統(tǒng)

安卓系統(tǒng)切圖：

統(tǒng)一采用Png格式

部分需要做適配的圖片需要制作.9格式

安卓系統(tǒng)圖片優(yōu)化：

圖片壓縮優(yōu)化

ICON 可采用PNG 8

支持完全透明和完全不透明兩種效果和256色

需要高清的可采用 PND24/32

2、iOC系統(tǒng)

iOC系統(tǒng)切圖：

統(tǒng)一采用Png格式

以640/750寬分辨率為@2x輸出三套尺寸：@1x @2x @3x

iOC系統(tǒng)圖片優(yōu)化：

圖片壓縮優(yōu)化

ICON 可采用PNG 8

支持完全透明和完全不透明兩種效果和256色

需要高清的可采用 PND24/32

三、UI中的命名規(guī)范：

統(tǒng)一的、規(guī)范的命名對我們自己的文件整理有很大的幫助，后期修改文件、圖層的時候更加方便快捷。

并且做好版本管理、文件歸檔的工作，會提高項目溝通銜接，能更好的為版本管理、文件歸檔做鋪墊。

比如常見文件包命名規(guī)則是：項目名字＋切圖＋作者名字＋日期。

比如常用的英文單詞列表：

bg（backgrond 背景）

nav（navbar 導(dǎo)航欄）

tab（tabbar 標(biāo)簽欄）

btn（button 按鈕）

img（image 圖片）

icon（圖標(biāo)）

selected（選中）

default（默認）

pressed（按下）

back（返回）

content（內(nèi)容）

以上就是小編的分享，希望可以幫助到大家。