ui設計規範怎麼寫
一、UI標註的規範
1、尺寸。例如圖標、圖片這些內容關於尺寸維度的標註。
需要注意,比如圖片的尺寸比例,不是固定的它的大小數字,這樣開發才能更好的適配,常用的圖片比例有4:3、16:9等。如果控件給出固定的尺寸數值,按鈕的寬和高度都標註出來,開發就會寫死按鈕的尺寸,一旦遇到屏幕有比例不同的時候,按鈕還是固定的大小,就會影響視覺效果;
2、標註文字的字體、字號、顏色、行高和透明度等等。
這些都要給出一個極限情況的規範,如最多顯示幾個字符,字符超過極限值就用“...”的方式處理;
3、間距的規範。
間距相對比較簡單,只要標註清晰就不會有太大問題。但有時候將間距和尺寸混淆。我們可以這樣理解爲尺寸是容器的大小,而間距是容器之間的距離,所以間距和尺寸有着很大的不同;
4、顏色標註規範。
文字的顏色已經歸類到文字屬性裏面,不用重複標註。顏色標註內容有:分割線顏色、背景色、按鈕顏色等等。 建議使用公司或品牌原有VI配色,可提高公司或品牌VI之間的關聯,增加可辨識性和記憶性。
二、UI裏圖片處理規範:
除了圖片風格、色調等常規的統一性意外,還要着重注意切圖和圖片優化。
1、安卓系統
安卓系統切圖:
統一採用Png格式
部分需要做適配的圖片需要製作.9格式
安卓系統圖片優化:
圖片壓縮優化
ICON 可採用PNG 8
支持完全透明和完全不透明兩種效果和256色
需要高清的可採用 PND24/32
2、iOC系統
iOC系統切圖:
統一採用Png格式
以640/750寬分辨率爲@2x輸出三套尺寸:@1x @2x @3x
iOC系統圖片優化:
圖片壓縮優化
ICON 可採用PNG 8
支持完全透明和完全不透明兩種效果和256色
需要高清的可採用 PND24/32
三、UI中的命名規範:
統一的、規範的命名對我們自己的文件整理有很大的幫助,後期修改文件、圖層的時候更加方便快捷。
並且做好版本管理、文件歸檔的工作,會提高項目溝通銜接,能更好的爲版本管理、文件歸檔做鋪墊。
比如常見文件包命名規則是:項目名字+切圖+作者名字+日期。
比如常用的英文單詞列表:
bg(backgrond 背景)
nav(navbar 導航欄)
tab(tabbar 標籤欄)
btn(button 按鈕)
img(image 圖片)
icon(圖標)
selected(選中)
default(默認)
pressed(按下)
back(返回)
content(內容)
-
醉酒駕駛需要拘留多久??
醉酒駕駛需要拘留多久??醉酒駕駛需要拘留多久?醉酒駕駛機動車的,已經構成危險駕駛罪,依法應處拘役並處罰金。根據《刑事訴訟法》的規定,對於涉嫌危險駕駛罪的犯罪嫌疑人的刑事拘留時間一般應爲十四日,如果在此期間被取保候審的,則可以暫時被釋放;如果沒有取保候審的,在拘...
-
栽種夾竹桃注意事項介紹
1、光溫處理。夾竹桃是一種喜陽植物,在生長期間最好是放在陽光充足的位置處,如果處於廕庇處,會導致花色變淡,冬季適合要做好防寒措施,溫度低於0℃適合則要移到室內,溫度過高要進行降溫處理,以利於植株的開花。2、合理澆水。合理澆水是夾竹桃的養殖方法和注意事項之一,...
-
苦樂村官的演員
苦樂村官由錢泳辰、孫嘉璐、馬丁等主演,在苦樂村官演員表中主要角色有萬喜錢泳辰扮演、梅花孫嘉璐扮演、杏花馬丁扮演、萬樂李志薈扮演、喬葉韓鹿扮演等。...
-
合同撤銷權的期限有多久?
法律分析:合同撤銷權的期限是債權人知道原因之日起一年內行使。可撤銷權消滅的有:1、當事人自知道或者應當知道撤銷原因之日起一年內,重大誤解的當事人自知道或者應當知道撤銷原因之日起九十日內未行使撤銷權;2、當事人受到脅迫,自脅迫終止之日起一年內未行使撤銷權...