日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

ios和安卓ui設(shè)計(jì)規(guī)范 安卓ui設(shè)計(jì)規(guī)范

云知道安卓ui設(shè)計(jì)規(guī)范


ios和安卓ui設(shè)計(jì)規(guī)范 安卓ui設(shè)計(jì)規(guī)范


提到UI設(shè)計(jì)規(guī)范，大家第一想到的就是類似iPhone 6/7/8的尺寸就是4.7英寸，5英寸分辨率為1920*1080這一串串的數(shù)字吧？這樣理解UI規(guī)范就片面了 。
UI設(shè)計(jì)規(guī)范不是簡單的數(shù)字和尺寸，規(guī)范不但可以保證項(xiàng)目的正常交接運(yùn)行，在UI設(shè)計(jì)中還使其整體的保持風(fēng)格一致，例如圖標(biāo)的線條粗細(xì)、邊角弧度、圖標(biāo)高度寬度比例、風(fēng)格等等 。
關(guān)于不同IOS和安卓系統(tǒng)的規(guī)范，我們可以通過廠家或網(wǎng)絡(luò)搜索到數(shù)值，這里要提到的UI設(shè)計(jì)規(guī)范是跳脫出局限的數(shù)值，通過整理思路注意事項(xiàng)來理解和學(xué)習(xí)UI設(shè)計(jì)規(guī)范，這樣才能活學(xué)活用 。
一、UI標(biāo)注的規(guī)范
1、尺寸 。例如圖標(biāo)、圖片這些內(nèi)容關(guān)于尺寸維度的標(biāo)注 。需要注意，比如圖片的尺寸比例，不是固定的它的大小數(shù)字，這樣開發(fā)才能更好的適配，常用的圖片比例有4：3、16：9等 。如果控件給出固定的尺寸數(shù)值，按鈕的寬和高度都標(biāo)注出來，開發(fā)就會(huì)寫死按鈕的尺寸，一旦遇到屏幕有比例不同的時(shí)候，按鈕還是固定的大小，就會(huì)影響視覺效果；
2、標(biāo)注文字的字體、字號(hào)、顏色、行高和透明度等等 。這些都要給出一個(gè)極限情況的規(guī)范，如最多顯示幾個(gè)字符，字符超過極限值就用“…”的方式處理；
3、間距的規(guī)范 。間距相對(duì)比較簡單，只要標(biāo)注清晰就不會(huì)有太大問題 。但有時(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)目溝通銜接，能更好的為版本管理、文件歸檔做鋪墊 。比如常見文件包命名規(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)容）
臨時(shí)就想到這些，如果紕漏，歡迎大家評(píng)論區(qū)留言批評(píng)指正 。
【ios和安卓ui設(shè)計(jì)規(guī)范 安卓ui設(shè)計(jì)規(guī)范】(今完)

    推薦閱讀