樣式指定了構(gòu)成用戶界面的元素的視覺(jué)屬性，比如顏色、高度、邊距和字體大小。Android提供了三種可選擇的系統(tǒng)主題：Holo Light、Holo Dark、Holo Light with dark action bar。
大部分Android界面元素都內(nèi)置了觸摸反饋，通過(guò)狀態(tài)來(lái)表示觸摸該元素是否會(huì)產(chǎn)生任何效果。如果是更加復(fù)雜的操作，要讓用戶理解操作結(jié)果會(huì)是什么。如在近期任務(wù)（或通知欄）向左或向右滑動(dòng)某個(gè)項(xiàng)目，它們就會(huì)逐漸變暗，以此告訴用戶這樣會(huì)移除該項(xiàng)目。
可點(diǎn)擊的界面元素尺寸通常根據(jù)48dp來(lái)制定，因?yàn)檗D(zhuǎn)化成物理尺寸后大約是9毫米。對(duì)于觸摸屏來(lái)說(shuō)，這在推薦的點(diǎn)擊大小（7-10mm）范圍之內(nèi)，在這個(gè)尺寸內(nèi)用戶能夠準(zhǔn)確地用手指點(diǎn)擊。
Android 4.0引入了特地為界面需求和高分辨率屏幕創(chuàng)造的Roboto字體，使用默認(rèn)的文本顏色樣式：textColorPrimar和textColorSecondary。亮色主題下使用textColorPrimaryInverse以及textColorSecondaryInverse。
下載Roboto字體
使用不同大小的字體可以創(chuàng)建有序的，容易理解的排版。但是在同一界面下使 用太多不同尺寸的字體會(huì)顯得很凌亂。所以Android使用以下幾種字體大小：
在Android系統(tǒng)中，藍(lán)色是標(biāo)準(zhǔn)強(qiáng)調(diào)色。設(shè)計(jì)師要選擇適合品牌的顏色，并保證各個(gè)視覺(jué)元素之間有較好的對(duì)比。需要注意的是紅綠色盲是難以辨別紅色和綠色的。
關(guān)于圖標(biāo)的具體尺寸和樣式請(qǐng)參考“圖標(biāo)”。
為你的應(yīng)用程序設(shè)計(jì)文案時(shí)，需要保持文案的簡(jiǎn)潔、友好、重要內(nèi)容優(yōu)先、避免贅述和重復(fù)。
Android 4.0移除了傳統(tǒng)的物理按鍵，取而代之的是由返回、主頁(yè)、近期任務(wù)三個(gè)虛擬按鈕組成的導(dǎo)航欄。
操作欄是Android應(yīng)用程序最重要的組成部分。它可以在不同的平臺(tái)上提供一致的導(dǎo)航，并可使應(yīng)用程序的重要操作顯而易見(jiàn)。
多窗格布局可以讓在小尺寸設(shè)備上只能分開(kāi)顯示的不同內(nèi)容結(jié)合在一起，成為內(nèi)容豐富的復(fù)合視圖然后顯示在平板電腦上。
長(zhǎng)按手勢(shì)曾用于顯示對(duì)象的情境操作，現(xiàn)在則被用來(lái)批量選擇內(nèi)容。
一個(gè)典型的Android應(yīng)用包含了頂層視圖和詳情/編輯視圖。如果導(dǎo)航層級(jí)比較深而且復(fù)雜，會(huì)有一個(gè)分類(lèi)視圖把頂層視圖和詳情視圖連接起來(lái)，如下圖所示。
Android 2.3 和更早的系統(tǒng)依賴(lài)于系統(tǒng)的返回按鈕（下圖左側(cè)）進(jìn)行導(dǎo)航。Android 3.0 中引入了操作欄，出現(xiàn)了第二種導(dǎo)航機(jī)制： “向上”的按鈕（下圖右側(cè)）。
在下面的流程中，用戶從書(shū)籍列表（界面1）點(diǎn)開(kāi)Book 1后進(jìn)入界面2，再?gòu)慕缑?進(jìn)入推薦的Book 3界面。在該流程中，用戶點(diǎn)返回鍵是依次從界面3返回界面2，再返回界面1，而用戶在界面2和界面3中點(diǎn)左上角的向上按鈕，均是返回到界面1。
如果用戶從界面3進(jìn)入到某個(gè)推薦的電影詳情界面（界面4），在這個(gè)界面下，用戶點(diǎn)向上按鈕是返回電影列表（界面5）。
對(duì)于兩個(gè)應(yīng)用程序之間的導(dǎo)航，如果是從一個(gè)應(yīng)用程序進(jìn)入了另一個(gè)應(yīng)用程序的層級(jí)結(jié)構(gòu)，這時(shí)點(diǎn)返回按鈕會(huì)回到之前的前一個(gè)應(yīng)用程序，點(diǎn)向上按鈕是進(jìn)入后一個(gè)應(yīng)用程序的上一層級(jí)。下圖是在Google Play中分享某本書(shū)籍，進(jìn)入Gmail的寫(xiě)郵件界面后，點(diǎn)返回按鈕和向上按鈕的響應(yīng)情況。
對(duì)于系統(tǒng)到應(yīng)用程序的導(dǎo)航（如從通知消息或桌面小部件進(jìn)入應(yīng)用程序）是用戶點(diǎn)了返回之后，應(yīng)該根據(jù)任務(wù)的返回路徑去到應(yīng)用程序的頂層界面，然后再次點(diǎn)擊再返回系統(tǒng)主屏幕。
大多數(shù)應(yīng)用程序的操作欄會(huì)被劃分為四個(gè)不同的功能區(qū)：應(yīng)用程序圖標(biāo)1、視圖控件2、操作按鈕3、更多操作4。
主操作欄上的操作按鈕不會(huì)占用超過(guò)整欄寬度的50%。底部操作欄上的操作按鈕可以占用整欄。
屏幕的寬度將決定有幾個(gè)操作項(xiàng)（包括“更多操作”）可以放在主操作欄上：
在操作某些任務(wù)時(shí)，會(huì)出現(xiàn)一個(gè)臨時(shí)操作欄覆蓋在操作欄上方，這個(gè)臨時(shí)操作欄叫做情境操作欄（contextual action bar，簡(jiǎn)稱(chēng)CABs）。CABs通常被用于對(duì)選定內(nèi)容或文字進(jìn)行操作的任務(wù)。下圖就顯示了Browser和Gmail中長(zhǎng)按后出現(xiàn)的情境操作欄。
受小型設(shè)備的尺寸所限，內(nèi)容通常被分為一個(gè)網(wǎng)格（或列表視圖）和一個(gè)詳情視圖。點(diǎn)擊網(wǎng)格視圖里的某個(gè)條目會(huì)打開(kāi)該條目的詳細(xì)信息界面。
如前面所述，在詳情視圖下左右橫劃可以切換到后一個(gè)/前一個(gè)項(xiàng)目的詳情視圖。在選項(xiàng)卡之間也可以通過(guò)橫劃切換到其他選項(xiàng)卡。
在Android 3.0以前的系統(tǒng)中，長(zhǎng)按操作被用于顯示對(duì)象的情境菜單。但在3.0及以后的Android系統(tǒng)中，用戶長(zhǎng)按后，在界面頂部會(huì)出現(xiàn)情境操作欄，并且用戶可以選擇多個(gè)內(nèi)容項(xiàng)。但要注意的是，如果用戶選擇了更多的內(nèi)容項(xiàng)后，需要?jiǎng)討B(tài)調(diào)整情境操作欄中的操作。下圖表示選擇了兩張圖片后“設(shè)為桌面”功能不可用（系統(tǒng)不知道要將哪一張圖片設(shè)為桌面），所以CAB中沒(méi)有Set picture as。
在設(shè)計(jì)通知的時(shí)候，需要注意以下幾點(diǎn)：
使其私有化，讓用戶快速了解是哪個(gè)應(yīng)用程序發(fā)出的通知，所以需要在通知里包含應(yīng)用程序的圖標(biāo)（secondary icon），如果是其他用戶發(fā)過(guò)來(lái)的通知，在通知里應(yīng)該包含用戶的頭像。
導(dǎo)航到正確的地方，當(dāng)用戶點(diǎn)擊一條通知時(shí)，把應(yīng)用程序打開(kāi)到用戶可以對(duì)通知中提到的相關(guān)內(nèi)容進(jìn)行操作的狀態(tài)。（但如果用戶點(diǎn)擊的是一個(gè)合并通知，那么打開(kāi)的也有可能是一個(gè)匯總視圖）；
為某些通知添加時(shí)間戳；
合并同類(lèi)通知，如果應(yīng)用程序創(chuàng)建了多個(gè)等待處理的通知，記得把它們合并；
自我清理，自動(dòng)刪除那些已經(jīng)過(guò)去的事件的通；
提供通知預(yù)覽，提供一段簡(jiǎn)短的文本作為通知內(nèi)容的預(yù)覽，顯示一段時(shí)間后自動(dòng)隱藏；
允許用戶選擇是否顯示通知，讓用戶可以在應(yīng)用程序的設(shè)置中取消通知；
使用與系統(tǒng)通知有較大區(qū)別的圖標(biāo)。
Android 3.0以上版本的應(yīng)用程序會(huì)在操作欄里顯示重要操作，其他操作放到了“更多操作”里。有在物理導(dǎo)航鍵的手機(jī)上，用戶按了菜單鍵后會(huì)在屏幕底部顯示“更多操作”里的操作。
在有虛擬導(dǎo)航按鈕的手機(jī)上運(yùn)行為Android2.3或更早的系統(tǒng)設(shè)計(jì)的應(yīng)用程序時(shí)，在虛擬導(dǎo)航欄右側(cè)會(huì)顯示“更多操作”按鈕，點(diǎn)擊該按鈕會(huì)以傳統(tǒng)Android菜單的樣式來(lái)展示應(yīng)用程序的更多操作。
前面已經(jīng)介紹過(guò)固定選項(xiàng)卡和滾動(dòng)選項(xiàng)卡。在豎屏下可以在單獨(dú)的一欄顯示選項(xiàng)卡，橫屏的時(shí)候可以把選項(xiàng)卡顯示在頂部操作欄里以節(jié)省空間。
豎向滾動(dòng)的網(wǎng)格列表是從左到右，從上到下排布內(nèi)容的。橫向滾動(dòng)的網(wǎng)格列表是按照從上到下，從左到右來(lái)排布內(nèi)容的。
需要注意三點(diǎn)：
在滾動(dòng)的時(shí)候顯示滾動(dòng)條，以表明當(dāng)前內(nèi)容是在視圖中的什么位置，停止的時(shí)候隱藏滾動(dòng)條，iOS平臺(tái)也是這樣做的。除了傳統(tǒng)的滾動(dòng)方式，還有一種包含字母索引的滾動(dòng)方式，此時(shí)的滾動(dòng)條是一直顯示并且可以拖拽的。
在Android 4.0中，下拉菜單可以使用在填寫(xiě)表單或者是放在操作欄用于切換視圖。但第二種情況不是很多，因?yàn)槿绻茴l繁地切換視圖，最好使用選項(xiàng)卡。
Android系統(tǒng)支持兩種形式的按鈕：基礎(chǔ)按鈕和無(wú)邊框按鈕。每一種又可以分為僅icon、icon+文本、僅文本三種。
基礎(chǔ)按鈕分為默認(rèn)按鈕和小按鈕，默認(rèn)按鈕字體稍大，適合顯示在內(nèi)容框外，而小按鈕字體較小，適合顯示在其他內(nèi)容旁邊，所以常用在表單里面。下圖左側(cè)4個(gè)是Holo Dark和Holo Light主題下的默認(rèn)按鈕，右側(cè)4個(gè)是小按鈕。
文本框分為單行和多行文本框，對(duì)于單行文本框，輸入字符滿了之后文本會(huì)自行向左滾動(dòng)，對(duì)于多行文本框，一行輸滿之后會(huì)自動(dòng)換行：
對(duì)于能知道操作已完成的百分比的任務(wù)，使用確定的進(jìn)度條（ determinate progress bar）。
對(duì)于不知道還將持續(xù)多久的操作任務(wù)，使用不確定的進(jìn)度指示條（ indeterminate progress indicator），有兩種樣式：動(dòng)態(tài)條（activity bar）和動(dòng)態(tài)圓圈（activity circle），根據(jù)空間大小來(lái)選擇合適的。
有三種開(kāi)關(guān)：復(fù)選框（Checkboxes）、單選按鈕（Radio Buttions）、On/off開(kāi)關(guān)（On/off Switches）。
對(duì)于單選按鈕，如果需要用戶看到所有的可選項(xiàng)，只能使用單選按鈕，但是如果沒(méi)有這個(gè)需要，可以使用占用空間更小的下拉菜單（Spinners）。
對(duì)話框包含可選標(biāo)題區(qū)（如圖中1所示）、內(nèi)容區(qū)（如圖中2所示）和操作按鈕（如圖中3所示）。對(duì)于操作按鈕，一般把否定的操作放左邊，肯定的操作放右邊。
對(duì)于警告，大多數(shù)警告是不需要標(biāo)題的，這種警告一般是不會(huì)有嚴(yán)重的影響的。但是對(duì)于數(shù)據(jù)丟失、額外收費(fèi)等高風(fēng)險(xiǎn)的操作，可以使用帶標(biāo)題欄的警告，警告內(nèi)容要盡量簡(jiǎn)短。
聯(lián)系客服
