一、UI標(biāo)注的規(guī)范
1、尺寸。例如圖標(biāo)、圖片這些內(nèi)容關(guān)于尺寸維度的標(biāo)注。
需要注意,比如圖片的尺寸比例,不是固定的它的大小數(shù)字,這樣開(kāi)發(fā)才能更好的適配,常用的圖片比例有4:3、16:9等。如果控件給出固定的尺寸數(shù)值,按鈕的寬和高度都標(biāo)注出來(lái),開(kāi)發(fā)就會(huì)寫(xiě)死按鈕的尺寸,一旦遇到屏幕有比例不同的時(shí)候,按鈕還是固定的大小,就會(huì)影響視覺(jué)效果;
2、標(biāo)注文字的字體、字號(hào)、顏色、行高和透明度等等。
這些都要給出一個(gè)極限情況的規(guī)范,如最多顯示幾個(gè)字符,字符超過(guò)極限值就用“...”的方式處理;
3、間距的規(guī)范。
間距相對(duì)比較簡(jiǎn)單,只要標(biāo)注清晰就不會(huì)有太大問(wèn)題。但有時(shí)候?qū)㈤g距和尺寸混淆。我們可以這樣理解為尺寸是容器的大小,而間距是容器之間的距離,所以間距和尺寸有著很大的不同;
4、顏色標(biāo)注規(guī)范。文字的顏色已經(jīng)歸類到文字屬性里面,不用重復(fù)標(biāo)注。顏色標(biāo)注內(nèi)容有:分割線顏色、背景色、按鈕顏色等等。?建議使用公司或品牌原有VI配色,可提高公司或品牌VI之間的關(guān)聯(lián),增加可辨識(shí)性和記憶性。
二、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ī)范的命名對(duì)我們自己的文件整理有很大的幫助,后期修改文件、圖層的時(shí)候更加方便快捷。
并且做好版本管理、文件歸檔的工作,會(huì)提高項(xiàng)目溝通銜接,能更好的為版本管理、文件歸檔做鋪墊。
比如常見(jiàn)文件包命名規(guī)則是:項(xiàng)目名字+切圖+作者名字+日期。
比如常用的英文單詞列表:
bg(backgrond 背景)
nav(navbar 導(dǎo)航欄)
tab(tabbar 標(biāo)簽欄)
btn(button 按鈕)
img(image 圖片)
icon(圖標(biāo))
selected(選中)
default(默認(rèn))
pressed(按下)
back(返回)
content(內(nèi)容)
以上就是小編的分享,希望可以幫助到大家。