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

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

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

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

　A. 觸摸反饋

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

圖2

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

通常把48dp作為可觸摸的UI元件的標準。

為什么要用48dp呢？

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

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

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

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

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

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

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

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

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

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

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

　　A. 對齊工具

多用PS頂部功能欄的這些對齊選項。

　　B. 文本工具

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

　　C. 圖層命名

語義化命名，并進行合理分組

圖5

　　D. 圖層效果

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

圖6

　　E. 參考線

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

　　F. 文件格式

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

　　G. 規(guī)范標注

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

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

　　H. 兼容性測試

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

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

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

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

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

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