發(fā)現(xiàn)自己從小到大，有些錯誤一直在犯，兩條：

? ? ? ? ? ? ? ? ? ? ? ? ?童年——現(xiàn)在

? ? ? ? ? ? ? ? ? ? ? 丟東西——忘記保存

粗心錯最簡單的選擇題——忘記最基本的交互設計規(guī)范

——————————————————————————

從優(yōu)設網(wǎng)抄一遍。

? ? ? ? ? ? ? ? ? ? ? ? ?Android平臺

——————————————————————————

1氨淌、尺寸以及分辨率：

Android的界面尺寸比較流行的有：480*800崔步、720*1280、1080*1920吉挣，我們在做設計圖的 時候建議是以 480*800的尺寸為標準；

2婉弹、界面基本組成元素：

界面基本組成元素包括：狀態(tài)欄+導航欄+主菜單欄+內(nèi)容區(qū)域睬魂；以480*800的尺寸為標準下的 各個元素的高度(其實導航欄和菜單欄每一個應用都或許不一樣，android對于尺寸沒有太明確的 數(shù)據(jù)規(guī)范)如下：

3镀赌、字體：

Android 系統(tǒng)中氯哮，Droid Sans 是默認字體，與微軟雅黑很像商佛；

4喉钢、操作欄：

1、”操作欄”對于 Android 應用來說是最重要的設計元素良姆，它通常在應用運行的所有時間都呆 在屏幕頂部肠虽；

2、 操作欄的基本布局：

1向上＋2 Spinner視圖控制＋3 重要操作按鈕＋4 更多操作：其中玛追，向上按鈕税课，點擊后是去到 當前界面的上一個層級，非第一層級界面有此按鈕痊剖，第一層級界面則無向上按鈕韩玩；Spinner 是 用于展示內(nèi)容的下拉菜單，其內(nèi)容包括視圖的快速切換和顯示相關內(nèi)容的完整信息陆馁；更多操作 （action overflow）是集合操作欄中不常用的和非重要操作的地方找颓。

5、多面板布局：

多面板布局更多的是針對平板電腦氮惯，把手機端的目錄視圖和詳情視圖兩個層級的界面叮雳，甚至更 多的頁面，復合展示在同一個界面中妇汗，有效地利用平板電腦的屏幕空間帘不，扁平化層級結構，簡 化導航杨箭。這點在iPad上已經(jīng)運用得相當嫻熟了寞焙。

6、選擇：

Android4.0中的長按與Android2.3及更早期的版本有很大的不同。早期版本長按操作后捣郊，是 出現(xiàn)情境菜單的浮出層辽狈。在Android4.0中，長按后在操作欄的位置會覆蓋一個臨時的情境操 作欄呛牲，不再彈出情境菜單浮出層刮萌。在臨時情境操作欄的環(huán)境下，當前界面的內(nèi)容項允許被單個 處理娘扩，也允許被批量處理着茸。

7、返回和向上：

返回按鍵用在手機全局的虛擬導航欄中琐旁，基于用戶最近查看的界面歷史涮阔，采用時間倒序的方式， 連接界面間的關系灰殴。向上按鈕用在操作欄的左側敬特，基于層級結構，點擊后是去到當前界面的上一 個層級牺陶，若當前界面已經(jīng)是最高一級蔫仙，則沒有向上按鈕攀痊。

8夹纫、主題樣式：

推出三套默認主題：Holo淺色主題蝌戒、Holo深色主題召烂、Holo淺色底+深色操作欄主題碱工。主推app在 這三套默認主題的基礎上做設計，以加快app研發(fā)效率奏夫，但只是建議使用怕篷，并沒有完全強制。

9酗昼、觸摸與反饋：

用戶觸摸應用中的可操作區(qū)域廊谓，應當在視覺上有響應，微小的反饋會給用戶帶來很好地效果麻削；

10蒸痹、按鈕：

1、按鈕的3種表現(xiàn)形式如下圖：

2呛哟、對于僅包括圖標的按鈕叠荠，不需要使用背景色；

11扫责、滑塊：

滑塊的幾種表現(xiàn)形式如下圖：

12榛鼎、進度條：

如果某個操作需要花費很長的時間，就需要用進度條的指示和旋轉圈的形式來表示：

1、如果你可以知道當前任務完成的比例者娱，那么使用進度條抡笼，讓用戶了解大約還需要多久才能完成；

2黄鳍、當使用旋轉圓圈時推姻，不要配以文字標簽。旋轉的圓圈已經(jīng)表明了正在進行后臺操作框沟。

13拾碌、開關：

用戶通過開關作出選擇，包括3種形式：復選框+單選按鈕+開關街望；

1校翔、復選框：用戶可以在一個集合中作出多個選擇：

2、單選按鈕：單選按鈕允許用戶在一個集合中做一次選擇灾前；

3防症、開關：開關控制單個選項的狀態(tài)；

14哎甲、對話框：

應用通過對話框讓用戶作出決定或者填寫一些信息蔫敲，

1、對話框的左邊一般情況下是取消按鈕炭玫，右邊是確定按鈕奈嘿；

2、警告對話框：對于執(zhí)行下一步操作前請求用戶確認或者提示用戶當前的狀態(tài)吞加。內(nèi)容不 同裙犹，布局也會不同；

A：沒有標題欄的警告對話框：內(nèi)容區(qū)應當包括一個問句或與操作有明顯相關的陳述句：

B：有標題欄的警告對話框：僅在有可能引起數(shù)據(jù)丟失衔憨、連接斷開叶圃、收費等高風險的操作 時才使用。并且標題應當是一個明確的問題践图，內(nèi)容區(qū)提供一些解釋掺冠。

3、彈出對話框：一般情況下用戶通過觸摸來作出選擇码党；

4德崭、toast提示：toast提供了輕量級的反饋，顯示幾秒鐘之后會自動消失揖盘；

15眉厨、選擇器：

選擇器提供了一種簡單的方式，讓用戶在多個值中選擇一個扣讼；除了可以通過點擊向上/向下 按鈕調(diào)整值以外缺猛，也可以通過鍵盤或者手勢。

16、通知：

1荔燎、基本布局：主要包括的形式結構圖如下如：

2耻姥、擴展布局：可通過擴展布局顯示信息的前幾行或者圖片的預覽，來讓用戶了解更多的信息有咨；

3琐簇、操作：將重要的操作按鈕圖標在通知欄目展現(xiàn)出來，這樣可以加快用戶的操作座享；

4婉商、合并通知：如果正在等待處理的通知是同等類型，則就可以合并通知渣叛，合并的通知提供了 綜合信息的描述丈秩，并告訴用戶有多少條未處理的信息；

5淳衙、你可以使用擴展布局為合并的通知提供更多信息蘑秽，這樣用戶可以知道被合并的消息細節(jié)， 并選擇在應用中閱讀通知內(nèi)容箫攀；

17肠牲、寫作風格：

1、簡短：只告知用戶最必要的信息靴跛，避免冗余的描述缀雳，盡可能縮短文本長度；

2梢睛、簡明：使用短詞語肥印、主動詞和簡單名詞；僅說明必要的信息扬绪，不要費力解釋竖独，用戶不會care的；

3挤牛、友好：使用縮寫；使用第二人稱和用戶對話(您或你)种蘸；保持隨意墓赴，輕松的腔調(diào)；

4航瞭、標點符號：

A：句號：如果toast诫硕、標簽或通知消息等控件中只包含一句話，無需使用句號作為結尾刊侯。 如果包含兩句或更多章办，則每一句都需以句號結尾；

B：省略號：省略號常用于未完成的狀態(tài), 例如表示操作進行中 (“下載中…”) 或是表示文 本未能完全顯示。

18藕届、強調(diào)純粹的Android應用設計：

在Android4.0 app設計準則中挪蹭，特別強調(diào)為Android設計純粹的Android app，切勿使用其 他平臺特定元素的注意事項休偶，有以下5個方面：

A：強調(diào)視覺元素的樣式要符合android系統(tǒng)梁厉；

B：不用其它平臺特有的圖標；

C：區(qū)分向上和返回踏兜，不在操作欄上使用返回樣式的按鈕词顾；

D：不在界面的下方使用選項卡tabs；

E：不在內(nèi)容列表里使用向右箭頭碱妆。

19肉盹、其他細節(jié)：

增加許多新的交互細節(jié)、信息展示和視覺樣式等規(guī)范：

1疹尾、新增了橫滑移除內(nèi)容的交互手勢垮媒。在部分模塊中，支持向左或向右橫滑移除內(nèi)容的操作航棱，如 最近任務和消息通知抽屜睡雇；

2、視覺的平面化用的越來越普遍了饮醇。

原文地址：boocss

作者：@亞茹有李