關(guān)于Android界面設(shè)計(jì)的知識點(diǎn)或是設(shè)計(jì)規(guī)范，25學(xué)堂跟大家分享了不少了，而且很多還是跟Android 官方的知識點(diǎn)，并沒有真正體現(xiàn)出在實(shí)踐中得出來的。今天就不一樣了，非常感謝厚樸工作室的關(guān)于Android設(shè)計(jì)經(jīng)驗(yàn)分享。25學(xué)堂特地轉(zhuǎn)載過來跟大家一起分享。

同時(shí)在步入2014年之際，很多網(wǎng)友對Android用戶界面的設(shè)計(jì)表示很感興趣，對于Android UI開發(fā)自繪控件和游戲制作而言掌握好繪圖基礎(chǔ)是必不可少的。

第一部分：Android界面設(shè)計(jì)新手教程之常用形式

Android定義了自己的風(fēng)格和UI規(guī)范，進(jìn)行設(shè)計(jì)時(shí)除了要注意通用的人機(jī)交互，還要注意和IOS系統(tǒng)的區(qū)別。

　A. 觸摸反饋

利用顏色和光作為觸摸的反饋，強(qiáng)調(diào)交互行為的結(jié)果，暗示哪些操作能用，哪些操作不能用。

圖2

　B. Android設(shè)計(jì)中的48dp定律原則

通常把48dp作為可觸摸的UI元件的標(biāo)準(zhǔn)。

為什么要用48dp呢？

一般來說，48dp轉(zhuǎn)化為一個(gè)物理尺寸約9毫米。建議的目標(biāo)大小為7-10毫米的范圍，這是一個(gè)用戶手指能準(zhǔn)確并且舒適觸摸的區(qū)域。

如果你設(shè)計(jì)的元素高和寬至少48dp，你就可以保證：

（1）. 觸摸目標(biāo)絕不會(huì)比建議的最低目標(biāo)（7mm）小，無論在什么屏幕上顯示。

（2）. 在整體信息密度和觸摸目標(biāo)大小之間取得了一個(gè)很好的平衡。

而每個(gè)UI元素之間的空白通常是8dp.

簡單理解的話，px（像素）是我們UI設(shè)計(jì)師在PS里使用的（不解釋），同時(shí)也是手機(jī)屏幕上所顯示的，dp是開發(fā)寫layout的時(shí)候使用的尺寸單位。

更詳細(xì)的可以閱讀《Android界面設(shè)計(jì)適配不同屏幕的尺寸和密度解讀》

　　C. Android設(shè)計(jì)常用字體

安卓4.0（Ice Cream Sandwich）之后用的字體是Roboto。

第二部分：Android界面設(shè)計(jì)經(jīng)驗(yàn)分享

我們都知道做UI的話，規(guī)范很重要，細(xì)節(jié)也很重要。下面分享的我們常用的photoshop軟件操作經(jīng)驗(yàn)分享。

　　A. 對齊工具

多用PS頂部功能欄的這些對齊選項(xiàng)。

　　B. 文本工具

點(diǎn)擊即可進(jìn)入編輯狀態(tài)，建議使用此方法，尤其對于APP中經(jīng)常出現(xiàn)的列表文字，每一行的字符少，單獨(dú)分開，易于編輯和對齊。 點(diǎn)擊后拖拉出輸入框，適用于區(qū)塊文字，成段文字，慎用。

　　C. 圖層命名

語義化命名，并進(jìn)行合理分組

圖5

　　D. 圖層效果

做UI，質(zhì)感很重要。善用圖層效果。

圖6

　　E. 參考線

拉好參考線，分好區(qū)塊，開啟智能對齊，有利于提高工作效率。

　　F. 文件格式

Flie—Save for Web，保存為網(wǎng)絡(luò)格式，切好的圖可以直接分開保存。

　　G. 規(guī)范標(biāo)注

通常APP設(shè)計(jì)都會(huì)涉及到多個(gè)分辨率兼容開發(fā)的問題，因此設(shè)計(jì)的時(shí)候，要定好規(guī)范。最好建立相關(guān)文檔，記錄使用的字體、顏色，常用的字號和間距，給出編號A1 A2 A3 B1 B2 B3，不同分辨率下?lián)Q算的結(jié)果，便于技術(shù)人員進(jìn)行開發(fā)。

如需對設(shè)計(jì)稿進(jìn)行后期的標(biāo)注，則可使用該套規(guī)范，對設(shè)計(jì)稿中的字號、顏色、間距進(jìn)行標(biāo)注。推薦一個(gè)小工具，MarkMan，標(biāo)注設(shè)計(jì)稿十分方便。因?yàn)檫@是一個(gè)Adobe的插件，所以可以和PS同步。在MarkMan中打開psd源圖進(jìn)行標(biāo)注，若psd源圖有所修改，刷新之后即可同步到MarkMan文件中。

　　H. 兼容性測試

做好的設(shè)計(jì)稿進(jìn)行實(shí)體機(jī)的測試很重要，因?yàn)殡娔X屏幕上看到的效果和手機(jī)屏幕上看到的效果可能不太一樣。把常見的三種分辨率都要進(jìn)行測試，當(dāng)然能所有分辨率都測試一遍最好，不過這取決于有多土豪，或者身邊有多少土豪朋友。

如果想做一個(gè)好的UI設(shè)計(jì)師，一定要從規(guī)范入手。很多都是細(xì)節(jié)的東西，在于積累。

i、移動(dòng)APP界面設(shè)計(jì)新手入門篇的課程視頻

快速了解Android與 iPhone手機(jī)界面設(shè)計(jì)規(guī)范，如在做效果圖設(shè)計(jì)時(shí)需要注意的手機(jī)分辨率、界面尺寸、圖標(biāo)大小、如何切片等。?點(diǎn)擊查看視頻

? j、Android切圖入門教程分享

?????? APP設(shè)計(jì)和切圖基本知識點(diǎn)以及注意事項(xiàng)。點(diǎn)擊閱讀更多的Android切圖技巧