app界面設(shè)計(jì)規(guī)范二(android版)-資料下載頁
2025-08-05 00:33本頁面
【正文】 0。 刪除：delete 編輯：edit例如：nav_bg、tab_btn_sel：首先我們要知道什么是點(diǎn)9圖：點(diǎn)九圖是andriod平臺(tái)的應(yīng)用軟件開發(fā)里的一種特殊的圖片形式，是一種可拉抻而不失真的圖，文件擴(kuò)展名為：.。其實(shí)相當(dāng)于把一張png圖分成了9個(gè)部分（九宮格），分別為4個(gè)角（圖中：8），4條邊（圖中：7），以及一個(gè)中間區(qū)域（圖中：9）。比如我們的微信、的聊天氣泡就是典型的點(diǎn)9圖，因?yàn)榱奶鞖馀菪枰S文字的多少進(jìn)行拉抻。一般圖在整體放大時(shí)會(huì)出現(xiàn)失真的情況，而點(diǎn)9圖是把圖中某些部分進(jìn)行拉抻，而不重復(fù)的地方，比如圓角和光澤等部分都不做變化，以此來實(shí)現(xiàn)圖片的放大，不會(huì)出現(xiàn)失真的情況。接著我們來說一下點(diǎn)9圖的繪制方法：當(dāng)然點(diǎn)9圖的繪制方法也有很多種，直接用點(diǎn)9切圖的軟件，譬如：draw9patch、cutterman等，安卓開發(fā)中的SDK里有tools文件夾，或者直接用ps繪制點(diǎn)9切圖；我個(gè)人還是習(xí)慣用ps直接繪制點(diǎn)9圖，因?yàn)檐浖袝r(shí)候自己把握不好尺寸導(dǎo)致點(diǎn)9圖在程序中識(shí)別出現(xiàn)問題。Ps繪制點(diǎn)9圖的步驟：※確定切圖后直接改變圖片的畫布大??；※手動(dòng)將上下左右各增加1px留白；※使用鉛筆工具，手動(dòng)繪制拉伸區(qū)域，色值必須為黑色（000000），透明度100%；左上為拉伸區(qū)域，右下為內(nèi)容顯示區(qū)域※存儲(chǔ)為web所用格式，選擇png24，； 48dp規(guī)律48dp規(guī)律：通常把48dp作為可觸摸的UI元件的標(biāo)準(zhǔn)。為什么要用48dp呢？ 一般來說，48dp轉(zhuǎn)化為一個(gè)物理尺寸約9毫米。建議的目標(biāo)大小為710毫米的范圍，這是一個(gè)用戶手指能準(zhǔn)確并且舒適觸摸的區(qū)域。如果你設(shè)計(jì)的元素高和寬至少48dp，你就可以保證：（1）觸摸目標(biāo)絕不會(huì)比建議的最低目標(biāo)（7mm）小，無論在什么屏幕上顯示。（2）在整體信息密度和觸摸目標(biāo)大小之間取得了一個(gè)很好的平衡。而每個(gè)UI元素之間的空白通常是8dp。通常APP設(shè)計(jì)都會(huì)涉及到多個(gè)分辨率兼容開發(fā)的問題，因此設(shè)計(jì)的時(shí)候，要定好規(guī)范。最好建立相關(guān)文檔，記錄使用的字體、顏色，常用的字號(hào)和間距，給出編號(hào)A1 A2 A3 B1 B2 B3，不同分辨率下?lián)Q算的結(jié)果，便于技術(shù)人員進(jìn)行開發(fā)。 如需對(duì)設(shè)計(jì)稿進(jìn)行后期的標(biāo)注，則可使用該套規(guī)范，對(duì)設(shè)計(jì)稿中的字號(hào)、顏色、間距進(jìn)行標(biāo)注。Ps:如果想做一個(gè)好的UI設(shè)計(jì)師，一定要從規(guī)范入手。很多都是細(xì)節(jié)的東西，在于積累。
電大資料相關(guān)推薦
鄂ICP備17016276號(hào)-1