【Android開發經驗】Android舉UI設計經驗

標籤：

    轉載請註明出處：http://blog.csdn.net/zhaokaiqiang1992

1.Android眼下的主流裝置解析度為480×800、720×1280、1080×1920，單位是像素。在做介面設計的時候請重點關注這幾個解析度。

2.在製作高清原型圖的時候。推薦使用729*1280像素作為基礎解析度，這個尺寸720×1280中顯示完美。在1080×1920中看起來也比較清晰。切圖後的圖片檔案大小也適中，應用的記憶體消耗也不會過高。

3.假設能夠的話。推薦使用android從4.0之後推出的HOLO風格的主題，從而保持與其它應用一致的使用體驗。

4.不要將分頁的標籤欄放在底部。Android的UI規範是設計在最上面。

5.在720×1280解析度下。對使用者來說，正常文本的大小是27px較舒適，凝視文本21px較舒。

6.在設計移動client的時候。記得時刻遵守48dp原則。我們通常把48dp作為可觸摸控制項的標準。

這是由於。一般來說,48dp 轉化為一個物理尺寸約9毫米。建議的目標大小為7-10毫米的範圍,這是一個使用者手指能準確而且舒適觸摸的地區。

假設你設計的元素高和寬至少 48dp,你就能夠保證:
（1）觸摸目標絕不會比建議的最低目標(7mm)小,不管在什麼螢幕上顯示。

 

（2）在總體資訊密度和觸摸目標大小之間取得了一個非常好的平衡。

7.在每一個UI元素之間，最好保留8dp的空白地區。

8.不要在介面上使用太多大小的字型。以下是Android系統中使用的字型。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhb2thaXFpYW5nMTk5Mg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" >
9.為軟體選擇一個總體的色調，這能夠協助使用者對軟體的介面印象深刻。

10.操作欄表徵圖是平面的button,代表使用者在你的app中能夠使用到的最重要的操作。每個表徵圖都應該用簡單的比喻來傳達一個單純的概念,並讓大部分人都能一目瞭然。

尺寸和縮放 手機的操作欄表徵圖是 32x32dp。

焦點地區和大小 總體大小 32x32dp繪圖區域24X24dp

風格 象形,平面,不用過於細節,流暢的曲線或尖銳的形狀。假設你的圖形太長條(如電話、書寫筆),向左或向右旋轉45°,以填補空間的焦點。

描邊和空白之間的間距應至少2dp。

11.在你的app中,使用小表徵圖提供操作或特定項目的狀態。比如,Gmail app,訊息前的星形圖標,標記為重要訊息。

尺寸和縮放 小表徵圖為 16x16dp

焦點地區和大小 總體大小 16x16dp可視地區12X12dp

風格 中性,平面,簡潔。

使用填充形狀比細描邊更easy看到。

使用單一的視覺隱喻,使使用者能夠非常easy地識別和理解它的目的。

12.假設在你的應用中，須要寫一些句子。請盡量依照以下的準則來做。（1）保持簡短。簡明,簡單,準確。

從限制使用 30 個字元(包含空格)開始,除非必要絕對不添加字元。

 
（2）保持簡單。

假裝你正在與一個精明能乾的人說話,但他不懂技術術語、英語不是非常好。使用簡短的話,主動動詞,和普通名詞。

 
（3）保持友好。使用縮寫。直接使用第二人稱(“你”)。假設這不是你休閑對話時會用的句子,那大概它也不適用於此。

避免唐突和騷擾,使使用者感到安全,愉快,充滿活力。 
（4）先講最重要的事情。前兩個單詞(約 11個字元,包含空格)至少應包含一個最重要的信息。

假設不是這樣,又一次開始。 

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhb2thaXFpYW5nMTk5Mg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" >
（5）僅描寫敘述必要的。

不要試圖解釋細微的區別。 
（6）避免反覆。

假設一個重要的詞在一個介面或一段文本內不斷反覆,想辦法用它只有一次。 

【Android開發經驗】Android舉UI設計經驗