Android40UI設(shè)計(jì)規(guī)范培訓(xùn)

Android4.0設(shè)計(jì)標(biāo)準(zhǔn)2021年1月數(shù)據(jù)中心小組目錄Android4.0設(shè)計(jì)10大變化設(shè)計(jì)概述設(shè)計(jì)風(fēng)格設(shè)計(jì)模式控件Android4.0設(shè)計(jì)10大變化導(dǎo)航欄操作欄多面板布局選擇返回和向上主題樣式Widgets兼容性強(qiáng)調(diào)純粹的Android應(yīng)用設(shè)計(jì)其他細(xì)節(jié)1.導(dǎo)航欄由之前的物理按鍵導(dǎo)航〔返回、菜單、搜索、主頁(yè)〕變成了嵌入屏幕的虛擬按鍵〔返回、主頁(yè)、最近任務(wù)〕。把菜單收起的同時(shí)，在軟件界面的操作欄上增加了“更多操作〞，如以下圖中的黃色圓點(diǎn)所示。早期版本4.0及以上版本目前為了兼容之前版本及照顧用戶(hù)之前的操作習(xí)慣，多采用隱藏底部導(dǎo)航欄，仍使用實(shí)體按鍵的方式。在很多時(shí)候，原菜單鍵的功能與“更多操作〞功能接近2.操作欄操作欄從之前的app圖標(biāo)＋操作，變成如以下圖所示：1.向上＋2.Spinner＋3.重要操作＋4.更多操作。4.更多操作〔actionoverflow〕是集合操作欄中不常用的和非重要操作的地方。1.向上按鈕，點(diǎn)擊后是去到當(dāng)前界面的上一個(gè)層級(jí)，非第一層級(jí)界面有此按鈕，第一層級(jí)界面那么無(wú)向上按鈕；2.Spinner是用于展示內(nèi)容的下拉菜單，其內(nèi)容包括視圖的快速切換和顯示相關(guān)內(nèi)容的完整信息；2.操作欄操作欄可以拆分成如圖中1主操作欄2頂部欄3底部欄如果需要，頂部欄可以承載選項(xiàng)卡tabs，底部欄可以承載主要操作和被收起的更多操作〔actionoverflow〕。2.操作欄在空間足夠的橫向屏幕展示界面時(shí)，被拆分的操作欄，可以靈活合并在一起。如以下圖中的端橫豎屏操作欄所示。3.多面板布局多面板布局更多的是針對(duì)平板電腦，把端的目錄視圖和詳情視圖兩個(gè)層級(jí)的界面，甚至更多的頁(yè)面，復(fù)合展示在同一個(gè)界面中，有效地利用平板電腦的屏幕空間，扁平化層級(jí)結(jié)構(gòu)，簡(jiǎn)化導(dǎo)航。4.選擇長(zhǎng)按Android2.3及更早期系統(tǒng)版本的內(nèi)容項(xiàng)時(shí)，出現(xiàn)情境菜單的浮出層。長(zhǎng)按Android4.0系統(tǒng)版本的內(nèi)容項(xiàng)時(shí)，情境菜單欄覆蓋在操作欄上。4.選擇在情境菜單環(huán)境下，支持批量操作。5.返回和向上返回按鍵用在全局的虛擬導(dǎo)航欄中，基于用戶(hù)最近查看的界面歷史，采用時(shí)間倒序的方式，連接界面間的關(guān)系。向上按鈕用在操作欄的左側(cè)，基于層級(jí)結(jié)構(gòu)，點(diǎn)擊后是去到當(dāng)前界面的上一個(gè)層級(jí)，假設(shè)當(dāng)前界面已經(jīng)是最高一級(jí)，那么沒(méi)有向上按鈕。黃色局部為點(diǎn)擊向上按鈕后的頁(yè)面路徑，紅色局部為點(diǎn)擊返回按鈕后的頁(yè)面路徑6.主題樣式推出三套默認(rèn)主題：Holo淺色主題、Holo深色主題、Holo淺色底+深色操作欄主題。主推app在這三套默認(rèn)主題的根底上做設(shè)計(jì)，以加快app研發(fā)效率，但只是建議使用，并沒(méi)有完全強(qiáng)制。7.widgets在原apps頁(yè)里，用選項(xiàng)卡tabs的方式增加了widgets內(nèi)容。一改用隱晦方式添加widget的操作和把widgets零散放在桌面呈現(xiàn)的方式。在app設(shè)計(jì)中，應(yīng)該提高對(duì)widget設(shè)計(jì)的重視程度。8.兼容性向后兼容，考慮到物理導(dǎo)航按鍵如何兼容Android4.0系統(tǒng)和虛擬導(dǎo)航如何兼容Android2.3和更早期版本的apps。在物理導(dǎo)航按鍵上安裝android4.0系統(tǒng)，點(diǎn)擊物理按鍵，在屏幕下方出現(xiàn)更多菜單actionoverflow的內(nèi)容。8.兼容性向后兼容，考慮到物理導(dǎo)航按鍵如何兼容Android4.0系統(tǒng)和虛擬導(dǎo)航如何兼容Android2.3和更早期版本的apps。在新的虛擬導(dǎo)航上安裝為android2.3及更早版本系統(tǒng)設(shè)計(jì)的app，會(huì)在屏幕下方的虛擬導(dǎo)航的右側(cè)出現(xiàn)actionoverflow按鈕〔如上圖的黃色局部〕。9.強(qiáng)調(diào)純粹的android設(shè)計(jì)在Android4.0app設(shè)計(jì)準(zhǔn)那么中，特別強(qiáng)調(diào)為Android設(shè)計(jì)純粹的Androidapp，切勿使用其他平臺(tái)特定元素的本卷須知，有以下5個(gè)方面：〔1〕強(qiáng)調(diào)視覺(jué)元素的樣式要符合android系統(tǒng)；〔2〕不用其它平臺(tái)特有的圖標(biāo)；〔3〕不在界面的下方使用選項(xiàng)卡tabs；〔4〕區(qū)分向上和返回，不在操作欄上使用返回樣式的按鈕；〔5〕不在內(nèi)容列表里使用向右箭頭。10.其他細(xì)節(jié)增加許多新的交互細(xì)節(jié)、信息展示和視覺(jué)樣式等標(biāo)準(zhǔn)。有幾點(diǎn)在此強(qiáng)調(diào)下：〔1〕新增了橫滑移除內(nèi)容的交互手勢(shì)。在局部模塊中，支持向左或向右橫滑移除內(nèi)容的操作，如最近任務(wù)和消息通知抽屜?！?〕視覺(jué)的平面化，柵格風(fēng)正在4.0中上演?！?〕在writingstyle中明確指出寫(xiě)wording時(shí)，要直接使用第二人稱(chēng)“你〞。Android4.0設(shè)計(jì)概述創(chuàng)新的視覺(jué)設(shè)計(jì)原那么UI概覽創(chuàng)新的視覺(jué)1.迷惑我吧漂亮不只是外表上的。Androidapps在多個(gè)層次上都漂亮且具有美感。它的轉(zhuǎn)場(chǎng)快速清晰；排版和樣式干脆利落及具有意義。App圖標(biāo)本身就是件藝術(shù)品。就像一個(gè)制造精良的工具，你的app應(yīng)該追求漂亮、簡(jiǎn)潔，并創(chuàng)造一種神奇的體驗(yàn)，這些都可以使你所向無(wú)敵。2.簡(jiǎn)化我的生活A(yù)ndroidapps能讓生活更簡(jiǎn)單且容易理解。當(dāng)人們第一次使用你的app時(shí)，他們應(yīng)該憑直覺(jué)就能了解到最重要的功能是什么。但不能只為用戶(hù)的第一次使用而設(shè)計(jì)，Androidapps把正在進(jìn)行的后臺(tái)雜務(wù)如文件管理和同步都隱藏。簡(jiǎn)單的任務(wù)從來(lái)不要求復(fù)雜的步驟，而復(fù)雜的任務(wù)會(huì)為人量身定做。任何年齡與文化的人都可以感覺(jué)到很好的操縱感，不會(huì)因過(guò)多項(xiàng)選擇擇和無(wú)關(guān)緊要的動(dòng)畫(huà)而感到不知所措。3.讓我感到驚艷只是讓App易于使用還缺乏夠，Androidapps希望人們能不斷嘗試新東西和用創(chuàng)意的方式來(lái)使用app。Android讓人們通過(guò)多任務(wù)、通知和跨app分享，把a(bǔ)pps結(jié)合到新的工作流中。同時(shí)，你的app還應(yīng)該是很個(gè)人化的，讓人們通過(guò)清晰和優(yōu)雅的方式享受到偉大的科技。設(shè)計(jì)原那么1.迷惑我吧驚喜一個(gè)漂亮的界面，一個(gè)精心準(zhǔn)備的動(dòng)畫(huà)，或一個(gè)適時(shí)的聲音效果都是體驗(yàn)的樂(lè)趣。微妙的效果都可以奉獻(xiàn)出強(qiáng)大的力量。個(gè)性化人們喜歡增加個(gè)人的東西，它們讓人感覺(jué)更有親切感及控制感。提供實(shí)用、漂亮、有趣、可自定義，且不阻礙主要任務(wù)的的默認(rèn)設(shè)置。設(shè)計(jì)原那么1.迷惑我吧真實(shí)對(duì)象比按鈕和菜單更有趣讓人們直接觸摸操作你app里的對(duì)象。它可以減少執(zhí)行任務(wù)的認(rèn)知負(fù)擔(dān)，同時(shí)可以更多地滿(mǎn)足情感需求。記住人們的習(xí)慣學(xué)習(xí)人們的使用習(xí)慣。跟隨用戶(hù)的使用行為，比一遍又一遍的重復(fù)問(wèn)要好。設(shè)計(jì)原那么2.簡(jiǎn)化我的生活盡量表達(dá)簡(jiǎn)潔使用簡(jiǎn)單詞、短句子。人們看到長(zhǎng)句會(huì)不自覺(jué)的跳過(guò)。圖片比文字好理解使用圖片來(lái)解釋想法。圖片獲得人們更多的注意力，比文字更有效率。設(shè)計(jì)原那么2.簡(jiǎn)化我的生活為我作決定，但要讓我有決定權(quán)盡最大努力去猜而不是什么都問(wèn)用戶(hù)。太多的選擇和決定會(huì)讓人們不爽。為了預(yù)防你的猜測(cè)是錯(cuò)的，要提供后退。。只在需要的時(shí)候顯示我需要的內(nèi)容人們看到太多項(xiàng)選擇擇會(huì)不知所措。把任務(wù)和信息打散成一個(gè)個(gè)小的、容易操作的內(nèi)容。隱藏此時(shí)不必要的操作選項(xiàng)。設(shè)計(jì)原那么2.簡(jiǎn)化我的生活讓我知道我在哪知道自己在哪可以給人們自信。讓你的app每頁(yè)看上去都有區(qū)別，使用轉(zhuǎn)場(chǎng)顯示各個(gè)屏之間的關(guān)系。在任務(wù)進(jìn)程中提供清晰的反響。永不喪失我的東西為人們保存他們花時(shí)間創(chuàng)立的東西，并在任何地方都可以獲取它們。記住設(shè)置，個(gè)性化觸控，及創(chuàng)立、平板電腦和電腦之間的同步。這可以使升級(jí)成為世界上最容易的事。設(shè)計(jì)原那么2.簡(jiǎn)化我的生活如果看上去一樣，就應(yīng)該操作也一樣為了更好的分辨功能，讓他們視覺(jué)上的區(qū)別更大一些。防止那些看上去差不多的樣式但操作起來(lái)卻不一樣。真的很重要時(shí)才打斷我你要像一位貼心的助理一樣，幫用戶(hù)擋住那些不重要的騷擾。因?yàn)榇驍鄷?huì)令人費(fèi)心且沮喪，所以人們希望保持專(zhuān)注，除非是非常重要和講求時(shí)效的事情，才愿意被打斷。設(shè)計(jì)風(fēng)格設(shè)備和顯示主題樣式觸摸反響標(biāo)準(zhǔn)和網(wǎng)格字體顏色圖標(biāo)寫(xiě)作風(fēng)格1.設(shè)備和顯示Android賦予了成千上萬(wàn)的、平板電腦和其它設(shè)備動(dòng)力，它們包含了各種各樣的屏幕大小和構(gòu)成元素。利用Android靈活的排布系統(tǒng)，你可以創(chuàng)立從大屏幕大到小屏幕優(yōu)雅轉(zhuǎn)換的apps。1.設(shè)備和顯示靈活擴(kuò)展和縮小你的布局來(lái)適應(yīng)不同的高度和寬度。優(yōu)化布局在大設(shè)備上時(shí)，利用額外的屏幕版面。創(chuàng)立包含多視圖的復(fù)合視圖，以展示更多的內(nèi)容和更便捷的導(dǎo)航。為全部設(shè)備做好準(zhǔn)備為不同屏幕分辨率提供資源，保證你的app在任何設(shè)備上都漂漂亮亮。策略當(dāng)你為不同屏幕設(shè)計(jì)時(shí)，從哪開(kāi)始？一個(gè)方法是：在標(biāo)準(zhǔn)根底〔MDPI〕上開(kāi)始，然后放大或縮小，以適應(yīng)到其它尺寸。另一個(gè)方法是從設(shè)備的最大尺寸開(kāi)始，然后縮小，并適應(yīng)到你需要的小屏幕尺寸。2.主題樣式主題樣式是Android為了保持app或操作行為的視覺(jué)風(fēng)格一致而創(chuàng)造的機(jī)制。風(fēng)格指定了組成用戶(hù)界面元素的視覺(jué)屬性，如顏色，高度，空白及字體大小。為了各個(gè)app在平臺(tái)上到達(dá)更好的統(tǒng)一效果，這次Android雪糕三明治系統(tǒng)為你的app提供了3套系統(tǒng)主題：Holo淺色主題Holo深色主題Holo淺色底+深色操作欄主題3.觸摸反響狀態(tài)使用顏色和光作為觸摸的反響，加強(qiáng)手勢(shì)行為的結(jié)果，暗示哪些操作能用，哪些操作被禁用。無(wú)論何時(shí)用戶(hù)觸摸了一個(gè)可操作區(qū)域，你的app都要提供視覺(jué)反響。使用戶(hù)知道哪些可操作。3.觸摸反響溝通當(dāng)有更復(fù)雜的手勢(shì)時(shí)，幫助用戶(hù)理解操作的結(jié)果。例如，在最近任務(wù)里，當(dāng)你開(kāi)始橫劃縮略圖時(shí)，它會(huì)變暗淡。這幫助用戶(hù)理解橫劃會(huì)引起對(duì)象的移除。3.觸摸反響邊界當(dāng)用戶(hù)嘗試滾動(dòng)超過(guò)內(nèi)容邊界時(shí)，要給出一個(gè)明確的視覺(jué)線(xiàn)索。例如，如果一個(gè)用戶(hù)在第一個(gè)home屏繼續(xù)往左滾動(dòng)，屏幕的內(nèi)容就會(huì)向右傾斜，讓用戶(hù)知道再往這個(gè)方向的導(dǎo)航不可用。很多Android可滾動(dòng)的UI部件〔如列表和網(wǎng)格列表〕都已經(jīng)內(nèi)置支持邊界反響。如果你要自定義，記得要做邊界反響。4.標(biāo)準(zhǔn)和網(wǎng)格設(shè)備不僅有屏幕物理大小的不同，還有屏幕密度的不同〔DPI，dotsperinch〕。屏幕物理大小是〔小于600DP〕或平板電腦〔大于或等于600dp〕的物理尺寸。屏幕密度是LDPI，MDPI，HDPI，XHDPI。通過(guò)為不同屏幕大小設(shè)計(jì)不同的布局，為不同屏幕密度提供不同的位圖圖像，來(lái)優(yōu)化您的app的用戶(hù)界面。4.標(biāo)準(zhǔn)和網(wǎng)格48dp規(guī)律通常把48dp作為可觸摸的UI元件的標(biāo)準(zhǔn)。為什么是48dp？一般來(lái)說(shuō)，48dp轉(zhuǎn)化為一個(gè)物理尺寸約9毫米。建議的目標(biāo)大小為7-10毫米的范圍，這是一個(gè)用戶(hù)手指能準(zhǔn)確并且舒適觸摸的區(qū)域。如果你設(shè)計(jì)的元素高和寬至少48dp，你就可以保證：1.觸摸目標(biāo)絕不會(huì)比建議的最低目標(biāo)〔7mm〕小，無(wú)論在什么屏幕上顯示。2.在整體信息密度和觸摸目標(biāo)大小之間取得了一個(gè)很好的平衡。4.標(biāo)準(zhǔn)和網(wǎng)格注意空白每個(gè)UI元素之間的間距是8pd。5.字體為了更好支持排版，Android冰淇淋三明治介紹一種新的字體：Roboto，專(zhuān)門(mén)為高分辨率屏幕下的UI而設(shè)。目前TextView的框架默認(rèn)支持常規(guī)，粗體，斜體，粗斜體。5.字體默認(rèn)文字顏色AndroidUI使用了以下默認(rèn)顏色樣式：textColorPrimary和textColorSecondary。淺色主題使用textColorPrimaryInverse和textColorSecondaryInverse.。框架里的文本顏色樣式同樣支持使用時(shí)不同的觸摸反響狀態(tài)。字體大小使用不同大小字體比照，可以創(chuàng)立有序的，易理解的布局。然而，在相同的用戶(hù)界面有太多不同大小的字體，會(huì)很亂。Android框架使用以下的大小：6.顏色使用顏色是為了強(qiáng)調(diào)內(nèi)容。選擇適合你品牌的顏色，可以為視覺(jué)元素提供更好的比照。注意的是紅綠顏色對(duì)紅綠色盲不適用。調(diào)色板藍(lán)色是android調(diào)色板里的標(biāo)準(zhǔn)顏色。每個(gè)顏色都有對(duì)應(yīng)的一系列飽和度，供需要的時(shí)候使用。7.圖標(biāo)圖標(biāo)在屏幕中雖然只占一小塊地方，但它為操作、狀態(tài)和app提供了一個(gè)快速且直觀的表現(xiàn)形式。啟動(dòng)圖標(biāo)啟動(dòng)圖標(biāo)是放在home或全部app界面上代表你的app的視覺(jué)表現(xiàn)。由于用戶(hù)可以改變home頁(yè)的壁紙，所以要確保你的啟動(dòng)圖標(biāo)在任意壁紙上都清晰可見(jiàn)。7.圖標(biāo)啟動(dòng)圖標(biāo)尺寸和縮放在移動(dòng)設(shè)備上的啟動(dòng)圖標(biāo)必須是48x48dp。在應(yīng)用市場(chǎng)上啟動(dòng)圖標(biāo)必須是512x512dp。啟動(dòng)圖標(biāo)大小整體大小為48x48dp啟動(dòng)圖標(biāo)風(fēng)格可以使用一個(gè)獨(dú)特的剪影。三維，前視角帶有一點(diǎn)點(diǎn)從上往下的透視，讓用戶(hù)可以感覺(jué)到有一定深度。7.圖標(biāo)操作欄圖標(biāo)操作欄圖標(biāo)是平面的按鈕，代表用戶(hù)在你的app中可以使用到的最重要的操作。每一個(gè)圖標(biāo)都應(yīng)該用簡(jiǎn)單的比喻來(lái)傳達(dá)一個(gè)單純的概念，并讓大局部人都能一目了然。7.圖標(biāo)操作欄圖標(biāo)尺寸和縮放的操作欄圖標(biāo)是32x32dp。焦點(diǎn)區(qū)域和大小整體大小32x32dp圖形區(qū)域24X24dp風(fēng)格象形，平面，不用過(guò)于細(xì)節(jié)，流暢的曲線(xiàn)或鋒利的形狀。如果你的圖形太長(zhǎng)條〔如、書(shū)寫(xiě)筆〕，向左或向右旋轉(zhuǎn)45°，以填補(bǔ)空間的焦點(diǎn)。描邊和空白之間的間距應(yīng)至少2dp。顏色顏色:#333333可用60%透明度禁用:30%透明度顏色:#FFFFFF可用:80%透明度禁用:30%透明度7.圖標(biāo)小/場(chǎng)景圖標(biāo)在你的app中，使用小圖標(biāo)提供操作或特定工程的狀態(tài)。例如，Gmailapp，消息前的星形圖標(biāo)，標(biāo)記為重要消息。7.圖標(biāo)小/場(chǎng)景圖標(biāo)尺寸和縮放小圖標(biāo)為16x16dp風(fēng)格中性，平面，簡(jiǎn)潔。使用填充形狀比細(xì)描邊更容易看到。使用單一的視覺(jué)隱喻，使用戶(hù)可以很容易地識(shí)別和理解它的目的。顏色帶目的性的使用顏色。例如，Gmail使用黃色的星形圖標(biāo)表示標(biāo)記消息。如果圖標(biāo)是可操作的，選擇一個(gè)與背景比照大的顏色。焦點(diǎn)區(qū)域和大小整體大小16x16dp可視區(qū)域12X12dp7.圖標(biāo)通知圖標(biāo)如果你的app有通知，要提供一個(gè)每當(dāng)有新通知時(shí)顯示在狀態(tài)欄的通知圖標(biāo)。7.圖標(biāo)尺寸和縮放的操作欄圖標(biāo)是24x24dp。焦點(diǎn)區(qū)域和大小整體大小24x24dp可視區(qū)域22X22dp風(fēng)格保持風(fēng)格的平面化和簡(jiǎn)潔，使用與啟動(dòng)圖標(biāo)相同的視覺(jué)隱喻。顏色通知圖標(biāo)必須是完全白色。而且，系統(tǒng)可能會(huì)縮小或變暗圖標(biāo)。8.寫(xiě)作風(fēng)格保持簡(jiǎn)短。簡(jiǎn)明，簡(jiǎn)單，準(zhǔn)確。從限制使用30個(gè)字符〔包括空格〕開(kāi)始，除非必要絕對(duì)不增加字符。保持簡(jiǎn)單。假裝你正在與一個(gè)精明能干的人說(shuō)話(huà)，但他不懂技術(shù)術(shù)語(yǔ)、英語(yǔ)不是很好。使用簡(jiǎn)短的話(huà)，主動(dòng)動(dòng)詞，和普通名詞。保持友好。使用縮寫(xiě)。直接使用第二人稱(chēng)〔“你〞〕。如果這不是你休閑對(duì)話(huà)時(shí)會(huì)用的句子，那大概它也不適用于此。防止唐突和騷擾，使用戶(hù)感到平安，愉快，充滿(mǎn)活力。8.寫(xiě)作風(fēng)格先講最重要的事情。前兩個(gè)單詞〔約11個(gè)字符，包括空格〕至少應(yīng)包括一個(gè)最重要的信息。如果不是這樣，重新開(kāi)始。僅描述必要的。不要試圖解釋細(xì)微的差異。防止重復(fù)。如果一個(gè)重要的詞在一個(gè)界面或一段文本內(nèi)不斷重復(fù)，想方法只用它一次。設(shè)計(jì)模式新的android4.0手勢(shì)應(yīng)用結(jié)構(gòu)導(dǎo)航操作欄多面板布局橫劃視圖選擇通知兼容性Android就是android1.新的Android4.0導(dǎo)航欄Android4.0去除了傳統(tǒng)物理按鍵的需求，以虛擬按鍵代替。虛擬按鍵包括返回，Home和最近任務(wù)。通過(guò)閱讀本章中的“兼容性〞可以了解操作系統(tǒng)如何適應(yīng)的物理按鍵，以及如何支持android3.0以前的舊版本——那些導(dǎo)航按鍵包括menu的apps。操作欄在android的app中，操作欄是最重要的結(jié)構(gòu)元素。它提供了跨整個(gè)平臺(tái)的一致性導(dǎo)航，并展示你的app的重要操作。1.新的Android4.0多面板布局設(shè)計(jì)app時(shí)，適配不同設(shè)備和屏幕大小對(duì)android來(lái)說(shuō)非常重要。多面板布局，允許你將在小屏幕上單獨(dú)展示的界面，以富態(tài)視圖的方式一同展示在平板電腦的同一個(gè)界面上。選擇長(zhǎng)按的手勢(shì)，在傳統(tǒng)操作中是用來(lái)展示內(nèi)容項(xiàng)的情境菜單，現(xiàn)在用于內(nèi)容項(xiàng)的選擇。中選擇內(nèi)容項(xiàng)的時(shí)候，情境操作欄可以展示你app的重點(diǎn)操作功能。2.手勢(shì)觸摸觸發(fā)指定項(xiàng)的默認(rèn)功能動(dòng)作：按下抬起長(zhǎng)按進(jìn)入內(nèi)容項(xiàng)選擇模式。允許你在一個(gè)視圖中選擇一個(gè)或更多的項(xiàng)，用情境操作欄對(duì)所選資料進(jìn)行操作。防止使用長(zhǎng)按來(lái)展示情境菜單。動(dòng)作：按下等待抬起2.手勢(shì)橫劃滾動(dòng)滿(mǎn)屏的內(nèi)容，或者在同一層級(jí)中轉(zhuǎn)換導(dǎo)航間的視圖。動(dòng)作：按下移動(dòng)抬起拖動(dòng)在視圖中重新排布資料的位置，或者移動(dòng)資料到容器中〔如，Home界面中的文件夾〕動(dòng)作：長(zhǎng)按移動(dòng)抬起3.應(yīng)用結(jié)構(gòu)app結(jié)構(gòu)app多種多樣，以滿(mǎn)足各種不同的需求。比方：計(jì)算器或照相機(jī)，這種在一個(gè)屏幕里圍繞一個(gè)核心功能的app，其主要目的就是在不同的操作中切換，而不是有更深層次導(dǎo)航的appGmail或應(yīng)用市場(chǎng)，這種結(jié)合了一系列深層級(jí)內(nèi)容視圖的app你的app的結(jié)構(gòu)，主要取決于你想展示給用戶(hù)的內(nèi)容和任務(wù)。3.應(yīng)用結(jié)構(gòu)常用結(jié)構(gòu)一個(gè)典型的androidapp包括頂級(jí)視圖和詳情/編輯視圖。如果導(dǎo)航的層級(jí)結(jié)構(gòu)是深而復(fù)雜的，那么目錄視圖可以用于連接頂級(jí)視圖和詳情視圖。頂級(jí)視圖App的頂級(jí)通常包括其支持的不同視圖。視圖既可以是展示相同內(nèi)容的不同呈現(xiàn)方式，又可以是展示你的app的不同功能模塊。目錄視圖目錄視圖允許你進(jìn)入更深層級(jí)的內(nèi)容。詳情/編輯視圖詳情或編輯視圖是你享受或創(chuàng)造內(nèi)容的地方。3.應(yīng)用結(jié)構(gòu)頂級(jí)啟動(dòng)界面的布局需要特別注意。這是用戶(hù)啟動(dòng)app后看到的第一個(gè)界面，所以，首屏應(yīng)該同時(shí)滿(mǎn)足老用戶(hù)和新用戶(hù)。問(wèn)問(wèn)自己，“我的典型用戶(hù)在app中最想做些什么？〞，并根據(jù)這個(gè)來(lái)設(shè)計(jì)首屏的體驗(yàn)結(jié)構(gòu)。市場(chǎng)啟動(dòng)界面首先展示了進(jìn)入app、音樂(lè)、圖書(shū)和電影的導(dǎo)航入口。同時(shí)定制了用戶(hù)可能感興趣的豐富的推薦內(nèi)容。并在操作欄上給出了快速搜索的入口。3.應(yīng)用結(jié)構(gòu)把推薦內(nèi)容置前許多app把焦點(diǎn)集中在推薦內(nèi)容的展示上。防止只在界面上出現(xiàn)導(dǎo)航，要讓用戶(hù)在你的首屏中快速獲得他們想要的內(nèi)容。選擇具有視覺(jué)吸引力，且適當(dāng)?shù)膬?nèi)容類(lèi)型和屏幕大小的布局。為導(dǎo)航和操作進(jìn)行操作欄設(shè)置在app所有的界面中，都應(yīng)該顯示操作欄，提供一致的導(dǎo)航和展示重要的操作。層級(jí)操作欄應(yīng)該考慮：使用操作欄展示你的app圖標(biāo)或標(biāo)題。如果你的第一層級(jí)包括多種視圖，或在多個(gè)賬戶(hù)中切換是一個(gè)重要的使用情景，確保用戶(hù)在增加視圖控制的操作欄上操作容易。如果你的app允許用戶(hù)創(chuàng)立內(nèi)容，考慮在第一層級(jí)就給出創(chuàng)立內(nèi)容的入口。如果你的內(nèi)容可以被搜索，就要在操作欄中包含搜索操作。人們可以通過(guò)搜索打破導(dǎo)航層級(jí)結(jié)構(gòu)，進(jìn)行全局性搜索。3.應(yīng)用結(jié)構(gòu)讓人們一眼就能認(rèn)出你的app為你的app創(chuàng)造識(shí)別性的重要性超越了操作欄。你的app通過(guò)它的內(nèi)容版式和交互方式形成自己的一個(gè)識(shí)別點(diǎn)。尤其是富媒體應(yīng)用，嘗試創(chuàng)造出獨(dú)特的布局，展示你的內(nèi)容和超越單調(diào)的列表視圖方式。3.應(yīng)用結(jié)構(gòu)分類(lèi)一般來(lái)說(shuō)，一個(gè)層級(jí)深的、數(shù)據(jù)驅(qū)動(dòng)的app的目的是通過(guò)有組織的分類(lèi)，引導(dǎo)用戶(hù)可以進(jìn)入查看和管理。扁平化你的app層級(jí)可以減輕用戶(hù)對(duì)導(dǎo)航層級(jí)的負(fù)擔(dān)。盡管app的層級(jí)結(jié)構(gòu)取決于內(nèi)容，但有幾個(gè)方式，可以減少繁冗的導(dǎo)航認(rèn)知。使用選項(xiàng)卡〔tabs〕結(jié)合分類(lèi)選擇和內(nèi)容的展示此方法適用于分類(lèi)熟悉或者分類(lèi)數(shù)量不多的情況。這種方法的優(yōu)勢(shì)是減少了一個(gè)層級(jí)，而且內(nèi)容仍然在用戶(hù)關(guān)注的中心區(qū)域。在豐富的內(nèi)容分類(lèi)之間的橫向?qū)Ш健踩缫韵聢D〕更像是一種隨意的瀏覽，而不是有明確步驟的導(dǎo)航。如果分類(lèi)是熟悉的、可預(yù)見(jiàn)的、或者是密切相關(guān)的，使用滾動(dòng)選項(xiàng)卡scrollingtabs〔并非所有的項(xiàng)同時(shí)展示〕。控制滾動(dòng)選項(xiàng)卡數(shù)量，減少導(dǎo)航的滾動(dòng)。經(jīng)驗(yàn)法那么：不超過(guò)5-7個(gè)選項(xiàng)卡。3.應(yīng)用結(jié)構(gòu)應(yīng)用市場(chǎng)用選項(xiàng)卡同時(shí)顯示類(lèi)別的選擇和內(nèi)容。用戶(hù)可以通過(guò)在內(nèi)容上左右橫劃來(lái)選擇分類(lèi)。如果在選項(xiàng)卡中的類(lèi)別不密切相關(guān)，偏向于用固定選項(xiàng)卡，以便同時(shí)查看所有類(lèi)別。YouTube使用固定選項(xiàng)卡來(lái)切換不同的、相對(duì)無(wú)關(guān)的功能區(qū)域。3.應(yīng)用結(jié)構(gòu)允許穿越層級(jí)的操作利用快捷鍵讓用戶(hù)更快到達(dá)目的。允許用戶(hù)在第一層級(jí)調(diào)用對(duì)二級(jí)內(nèi)容直接進(jìn)行操作的列表項(xiàng)，如以下圖。這讓人們直接對(duì)內(nèi)容進(jìn)行操作，而不必一路遵循導(dǎo)航層級(jí)結(jié)構(gòu)。音樂(lè)允許用戶(hù)在分類(lèi)視圖〔專(zhuān)輯〕里對(duì)歌曲項(xiàng)直接操作，從而去掉了進(jìn)入歌曲詳情頁(yè)進(jìn)行操作的導(dǎo)航需求。3.應(yīng)用結(jié)構(gòu)作用于多個(gè)內(nèi)容項(xiàng)盡管目錄視圖大多為引導(dǎo)人們進(jìn)入內(nèi)容詳情頁(yè)效勞，但請(qǐng)記住，它也常?？梢杂糜趯?duì)內(nèi)容集進(jìn)行批量操作。例如，如果允許人們?cè)谠斍橐晥D中刪除工程，那就應(yīng)該允許他們?cè)谀夸浺晥D中刪除多個(gè)工程。詳情視圖里的操作同樣適用于內(nèi)容集。使用多項(xiàng)選擇讓app可以多內(nèi)容項(xiàng)的目錄視圖中，同時(shí)對(duì)多個(gè)項(xiàng)進(jìn)行功能操作。3.應(yīng)用結(jié)構(gòu)詳情頁(yè)詳情視圖允許你查看和操作你的內(nèi)容。詳情視圖的布局展示取決于內(nèi)容的類(lèi)型，在不同的app之間相差甚遠(yuǎn)。3.應(yīng)用結(jié)構(gòu)布局考慮人們將在詳情視圖中執(zhí)行的操作，并安排相應(yīng)的布局。針對(duì)沉浸式內(nèi)容，利用關(guān)燈模式允許用戶(hù)全屏專(zhuān)心查看內(nèi)容。Google圖書(shū)的詳情視圖復(fù)制人們讀書(shū)的真實(shí)經(jīng)驗(yàn)。翻頁(yè)的動(dòng)畫(huà)強(qiáng)調(diào)了這種讀書(shū)真實(shí)經(jīng)驗(yàn)的概念。利用app進(jìn)入關(guān)燈模式，即隱藏所有系統(tǒng)界面的方式，營(yíng)造一種沉浸式的體驗(yàn)。Peopleapp詳情頁(yè)的目的，就是為了展示通訊選項(xiàng)。列表視圖利于高效掃視和快速訪(fǎng)問(wèn)號(hào)碼、郵件地址和其他信息項(xiàng)。號(hào)碼呼叫和信息發(fā)送被合并到同一行中。3.應(yīng)用結(jié)構(gòu)讓詳情頁(yè)之間的導(dǎo)航高效如果你的用戶(hù)想要查看多個(gè)工程，請(qǐng)?jiān)试S他們?cè)谠斍橐晥D間切換。使用橫劃查看或其他技術(shù)，如幻燈片模式，來(lái)到達(dá)這個(gè)目的。Gmail使用橫劃的查看方式，來(lái)實(shí)現(xiàn)詳情頁(yè)間的切換。3.應(yīng)用結(jié)構(gòu)清單在你的首屏中，找到一種方式展示有用的內(nèi)容。使用操作欄提供一致的導(dǎo)航。使用橫排導(dǎo)航和快捷方式，扁平化你的層級(jí)結(jié)構(gòu)。使用多項(xiàng)選擇來(lái)允許用戶(hù)對(duì)內(nèi)容集進(jìn)行操作。允許通過(guò)橫劃查看的方式，在詳情頁(yè)中快速切換。除了支持橫劃手勢(shì)讓圖片由左至右切換外，Gallery還提供幻燈片的控制模式讓用戶(hù)快速跳轉(zhuǎn)到指定圖片。4.導(dǎo)航“向上〔去到上一級(jí)〕〞和“返回“導(dǎo)航一致的導(dǎo)航是整體用戶(hù)體驗(yàn)的重要局部。一些與用戶(hù)行為不一致和出乎用戶(hù)意料的操作，會(huì)讓用戶(hù)感到沮喪。Android3.0介紹了一些全局導(dǎo)航操作的重要變化。遵循以下“返回〞和“向上〔去到上一級(jí)〕〞的設(shè)計(jì)原那么，讓你的app的導(dǎo)航符合用戶(hù)的預(yù)期和操作。Android2.3和更早期的系統(tǒng)依賴(lài)于返回按鈕去支持app中的導(dǎo)航。在android3.0操作欄的介紹中，第二個(gè)導(dǎo)航機(jī)制出現(xiàn)：“向上〞的按鈕，包括一個(gè)app的圖標(biāo)和向左的符號(hào)。3.導(dǎo)航比照“向上〞和“返回〞操作app中的向上按鈕，用在基于層級(jí)結(jié)構(gòu)的界面關(guān)系間的導(dǎo)航。例如，如果界面A展示的是一個(gè)列表項(xiàng)，選擇其中的一個(gè)項(xiàng)，會(huì)進(jìn)入到界面B〔意味著界面B會(huì)展示更多的細(xì)節(jié)〕，那么在界面B應(yīng)該提供一個(gè)“向上〞按鈕去到界面A。如果此界面是一個(gè)app中最高的一個(gè)層級(jí)〔如，首頁(yè)〕，那就不應(yīng)該出現(xiàn)“向上〞按鈕。系統(tǒng)“返回〞按鍵，是基于用戶(hù)最近查看的界面歷史的導(dǎo)航，采用時(shí)間倒敘的方式連接界面間的關(guān)系。當(dāng)上一個(gè)視圖界面與當(dāng)前界面有上下層級(jí)結(jié)構(gòu)關(guān)系時(shí)，點(diǎn)擊“返回〞按鍵和點(diǎn)擊“向上〞按鈕會(huì)有著同樣的結(jié)果，這是一個(gè)常見(jiàn)的現(xiàn)象。然而，不同的是，“向上〞按鈕可以確保用戶(hù)停留在同一個(gè)app中，而“返回〞按鈕可以讓用戶(hù)回到首屏，或者回到另一個(gè)app，具有一個(gè)跳躍性。4.導(dǎo)航比照“向上〞和“返回〞操作返回按鈕也能支持一些無(wú)直接聯(lián)系的界面間的導(dǎo)航：消除浮出窗〔對(duì)話(huà)窗口、彈出層〕消除情境操作欄，以及把選中態(tài)從選中項(xiàng)中移除隱藏屏幕上的鍵盤(pán)層級(jí)序列時(shí)間序列4.導(dǎo)航app中的導(dǎo)航通過(guò)多個(gè)入口導(dǎo)航進(jìn)入到界面有時(shí)一個(gè)界面在app的層級(jí)結(jié)構(gòu)中，不會(huì)有一個(gè)嚴(yán)格的位置，用戶(hù)能夠從不同的入口進(jìn)入到這個(gè)界面，比方，可以從app的任何一個(gè)界面中進(jìn)入到設(shè)置界面。在這種情況下，“向上〞按鈕應(yīng)該選擇去到觸發(fā)進(jìn)入設(shè)置入口的相關(guān)界面，與“返回〞的動(dòng)作一致。改變界面視圖改變界面視圖的選擇不會(huì)影響“向上〞和“返回〞的操作：界面仍然在app層級(jí)結(jié)構(gòu)的同一個(gè)地方，并且沒(méi)有創(chuàng)造新的導(dǎo)航歷史。改變視圖的案例如下：*通過(guò)使用選項(xiàng)卡〔tabs〕或左右橫劃切換視圖*通過(guò)下拉列表〔又稱(chēng)折疊選項(xiàng)卡〕切換視圖*列表篩選

*列表分類(lèi)*更改顯示特性〔如，放大〕4.導(dǎo)航在同一層級(jí)的界面間導(dǎo)航當(dāng)你的app支持從一個(gè)列表項(xiàng)〔目錄視圖〕導(dǎo)航到其中一個(gè)項(xiàng)的詳情視圖，它通常需要支持到從列表的其中一個(gè)項(xiàng)中去到列表順序中的另一個(gè)項(xiàng)。例如，在Gmail中，通過(guò)左右橫劃手勢(shì)可以很容易地在同一個(gè)郵箱中，查看前后郵件的內(nèi)容。如同改變屏幕的視圖一樣，這種導(dǎo)航不會(huì)改變向上或返回的動(dòng)作。3.導(dǎo)航然而，當(dāng)用戶(hù)瀏覽的詳情視圖沒(méi)有綁定在一個(gè)統(tǒng)一的相關(guān)列表中時(shí)，會(huì)出現(xiàn)一個(gè)值得關(guān)注的問(wèn)題，例如，瀏覽應(yīng)用市場(chǎng)里同一個(gè)開(kāi)發(fā)商的apps，或者同一個(gè)歌手的專(zhuān)輯。這種情況下，點(diǎn)擊鏈接會(huì)創(chuàng)造歷史，導(dǎo)致“返回〞按鈕會(huì)逐個(gè)貫穿用戶(hù)所查看過(guò)的相關(guān)內(nèi)容界面。使用“向上〞按鈕應(yīng)該繞過(guò)這些相關(guān)的界面，直接去到最近查看內(nèi)容的上一級(jí)界面。3.導(dǎo)航你完全可以基于你對(duì)詳情視圖的了解，使去到上一級(jí)的操作行為更聰明便捷。如果我們從應(yīng)用市場(chǎng)的案例擴(kuò)展，假設(shè)用戶(hù)從最后的圖書(shū)視圖去到電影作品的詳情視圖。這種情況下，向上按鈕能夠去到電影界面的上一級(jí)，一個(gè)用戶(hù)從未到過(guò)的界面。4.導(dǎo)航app外的導(dǎo)航有兩種類(lèi)別的導(dǎo)航能通過(guò)app的層級(jí)結(jié)構(gòu)，從你的app之外到達(dá)你的app之內(nèi)的界面：app間的導(dǎo)航，例如通過(guò)有目的的操作來(lái)實(shí)現(xiàn)。從系統(tǒng)到app的導(dǎo)航，例如通過(guò)通知和系統(tǒng)主界面的插件。Gmail提供了一些對(duì)應(yīng)的案例。app間導(dǎo)航的案例是，點(diǎn)擊某個(gè)app的“分享〞后直接跳轉(zhuǎn)到Gmail的編寫(xiě)界面。從系統(tǒng)到app導(dǎo)航的案例是，新消息通知和主界面的插件都能夠進(jìn)入到收件箱界面，把用戶(hù)直接帶到對(duì)話(huà)視圖中。4.導(dǎo)航app間的導(dǎo)航當(dāng)直接通過(guò)一些有目的的操作，從另一個(gè)app深入到你的app的層級(jí)結(jié)構(gòu)中時(shí)，“返回〞鍵將會(huì)返回到觸發(fā)進(jìn)入當(dāng)前視圖的界面。例如，在應(yīng)用市場(chǎng)中選擇一本書(shū)并分享，用戶(hù)會(huì)被直接引導(dǎo)到Gmail的編寫(xiě)界面。在那里，向上操作是返回到收件箱〔正好同時(shí)是編寫(xiě)界面的上一級(jí)和app的首頁(yè)〕，返回操作那么是去到應(yīng)用市場(chǎng)。4.導(dǎo)航從系統(tǒng)到app的導(dǎo)航如果是通過(guò)系統(tǒng)的通知機(jī)制或主界面的插件到達(dá)你的app，向上行為在這里的描述與上述的app間導(dǎo)航的一致，都是去到當(dāng)前所在界面的上一個(gè)層級(jí)。對(duì)于“返回〞按鍵，需要給到用戶(hù)一個(gè)心理預(yù)期，點(diǎn)擊“返回〞按鈕的時(shí)候，可以遵循任務(wù)返回路徑去到app的第一層級(jí)界面。這樣，在退出之前，忘記如何進(jìn)入你的app的用戶(hù)可以平安的去到app的第一層級(jí)界面。例如，Gmail在Home界面的小插件有一個(gè)按鈕可以直接去到他的編輯界面。操作并去到編輯頁(yè)面后，返回按鍵首先會(huì)返回到收件箱，然后緊接著返回到Home界面。5.操作欄操作欄可以說(shuō)是androidapp中最重要的結(jié)構(gòu)元素。它在每個(gè)屏幕的的頂部都有一塊專(zhuān)用的區(qū)域，通常會(huì)貫穿整個(gè)app。操作欄的主要目的是：突出重要的操作〔如搜索〕并用可預(yù)見(jiàn)的方式訪(fǎng)問(wèn)。支持一致的導(dǎo)航和app內(nèi)視圖的切換。通過(guò)把少用的操作收起到更多操作里，以減少混亂。為你的app提供一個(gè)專(zhuān)用的空間。5.操作欄常規(guī)的組織結(jié)構(gòu)操作欄被分為適應(yīng)于大多數(shù)app的四個(gè)不同的功能區(qū)域。1.app圖標(biāo)app圖標(biāo)用app的圖標(biāo)建立起你的app的識(shí)別。如果你愿意，它可以被各種logo或品牌圖標(biāo)代替。重要：如果app當(dāng)前不是在第一層級(jí)的界面，需要保證向上一級(jí)的符號(hào)展示在app圖標(biāo)的左邊，讓用戶(hù)能去到上一個(gè)層級(jí)。更多關(guān)于向上一級(jí)的導(dǎo)航的討論，見(jiàn)“導(dǎo)航〞模塊。app圖標(biāo)中沒(méi)有和有向上一級(jí)操作的展示如上圖。5.操作欄視圖控件如果你的app可以用不同的方式展示內(nèi)容，操作欄里的這個(gè)局部可以允許用戶(hù)切換視圖。視圖切換控件的樣式有下拉菜單或選項(xiàng)卡控件。如果你的app不能支持視圖切換，你也可以用這個(gè)空間來(lái)展示非互動(dòng)的內(nèi)容，如一個(gè)app的標(biāo)題或更長(zhǎng)的品牌信息。操作按鈕在操作欄里，展示出你的app中最重要的操作。不能展示在操作欄里的操作，可以自動(dòng)移到“更多操作〞里。更多操作把不常用的操作放到更多操作里。1.app圖標(biāo)5.操作欄適應(yīng)橫豎屏旋轉(zhuǎn)和不同的屏幕尺寸最重要的界面問(wèn)題之一，是需要在創(chuàng)立app的時(shí)候考慮如何在不同的屏幕尺寸下適應(yīng)方向的旋轉(zhuǎn)。你可以通過(guò)使用次操作欄的方式適應(yīng)這些改變，允許你在主操作欄的下方或屏幕底部的多個(gè)欄中拆分操作欄的內(nèi)容。1.app圖標(biāo)5.操作欄操作欄的布局本卷須知在多操作欄上拆分操作內(nèi)容時(shí)，你通?？赡苡腥齻€(gè)放操作欄內(nèi)容的位置：1.主操作欄2.頂部欄3.底部欄如果用戶(hù)能從特定的界面去到層級(jí)結(jié)構(gòu)的上一層，主操作欄至少要包括向上的符號(hào)。通過(guò)使用選項(xiàng)卡tabs或頂部欄中的下拉菜單spinner，來(lái)允許用戶(hù)快速切換你的app中提供的各種視圖。如果需要的話(huà)，可以在底部欄展示操作和更多操作。1.app圖標(biāo)5.操作欄情境操作欄〔CAB〕情境操作欄〔CAB〕是一個(gè)在操作特定子任務(wù)期間，重疊在app操作欄上的臨時(shí)操作欄。CABs是通常用于涉及內(nèi)容或文字選擇的任務(wù)。1.app圖標(biāo)在瀏覽器和Gmail中的情境操作欄5.操作欄選擇一個(gè)內(nèi)容項(xiàng)長(zhǎng)按后會(huì)出現(xiàn)選擇情境操作欄〔CAB〕，并觸發(fā)選擇模式。從這里，用戶(hù)可以：通過(guò)觸摸內(nèi)容項(xiàng)，選擇添加元素。從情境操作欄觸發(fā)一個(gè)操作，會(huì)應(yīng)用于所有被選擇的內(nèi)容項(xiàng)。然后，情境菜單欄會(huì)自動(dòng)關(guān)閉。通過(guò)點(diǎn)擊導(dǎo)航欄里的返回按鈕或者情境操作欄里的復(fù)選標(biāo)記按鈕，可以關(guān)閉情境操作欄。這將移除情境操作欄中所有的選中態(tài)高光。允許你的用戶(hù)通過(guò)長(zhǎng)按被選內(nèi)容來(lái)使用情境操作欄。你可以控制一個(gè)情境操作欄里的操作內(nèi)容，以便插入你想要用戶(hù)執(zhí)行的操作。1.app圖標(biāo)5.操作欄操作欄的元素選項(xiàng)卡tabs選項(xiàng)卡展示app視圖的同時(shí)，使其易于瀏覽和切換。如果你希望用戶(hù)頻繁切換視圖，就使用選項(xiàng)卡的樣式吧。有兩種類(lèi)型的選項(xiàng)卡：滾動(dòng)的和固定的。1.app圖標(biāo)固定選項(xiàng)卡滾動(dòng)選項(xiàng)卡5.操作欄Spinners下拉菜單Spinner是用戶(hù)切換app視圖的下拉菜單。以下情況使用下拉菜單而非主操作欄：你不想放棄垂直屏幕上專(zhuān)屬的選項(xiàng)卡欄。你期待使用你的app的用戶(hù)頻繁切換視圖。1.app圖標(biāo)5.操作欄操作按鈕用操作欄中的操作按鈕，展示你的app中最重要的功能。思考哪些按鈕會(huì)最常使用，并相應(yīng)的排列順序。由于可用的屏幕大小有限，系統(tǒng)只會(huì)顯示最重要的操作，把其它放在“更多操作〞里。1.app圖標(biāo)使用FIT作為優(yōu)先展示操作按鈕的準(zhǔn)那么。F-頻繁*你的用戶(hù)是否在訪(fǎng)問(wèn)這個(gè)界面的時(shí)候，十次中有七次會(huì)使用這個(gè)操作？*他們通常會(huì)連續(xù)使用幾次嗎？*每次使用都會(huì)繁復(fù)地增加額外操作嗎？I-重要*你希望大家都發(fā)現(xiàn)這個(gè)操作，因?yàn)樗貏e酷或有賣(mài)點(diǎn)嗎？*是否在某些情況下需要很容易就能操作？T-典型*在相似的apps中是否把這個(gè)操作作為典型第一層級(jí)操作？*在使用場(chǎng)景中，如果把它收在更多操作里，用戶(hù)會(huì)感到驚訝嗎？如果符合F,I或T，就放在操作欄里，否那么，它屬于更多操作。5.操作欄更多操作actionoverflow操作欄里的更多操作為你的app中不常使用的操作提供入口。更多操作的圖標(biāo)只會(huì)出現(xiàn)在沒(méi)有硬件按鍵menu的上。主操作欄上可以放多少個(gè)操作？操作欄的容量取決于以下規(guī)那么：主操作欄上的操作按鈕不會(huì)占用超過(guò)整欄寬度的50％。底部欄上的操作按鈕可以占用整欄。屏幕寬度決定將有幾個(gè)操作項(xiàng)可以放在主操作欄上：小于360dp＝2個(gè)圖標(biāo)360－499dp＝3個(gè)圖標(biāo)500－599dp＝4個(gè)圖標(biāo)大于600dp＝5個(gè)圖標(biāo)1.app圖標(biāo)5.操作欄分享內(nèi)容每當(dāng)你的app分享內(nèi)容如圖片或影片，在操作欄上使用一個(gè)分享操作接口。設(shè)計(jì)分享操作接口是為了通過(guò)展示最近使用的分享效勞來(lái)到達(dá)快速分享的目的，這個(gè)接口放在下拉菜單spinner按鈕的旁邊，內(nèi)容還包括其它的分享選擇。1.app圖標(biāo)5.操作欄操作欄清單當(dāng)你打算拆分你的操作欄，問(wèn)自己以下問(wèn)題：a.對(duì)于這個(gè)任務(wù)，查看導(dǎo)航有多重要？如果查看導(dǎo)航對(duì)于你的app來(lái)說(shuō)很重要，那么使用選項(xiàng)卡tabs〔為了快速切換視圖〕或spinners.b.app中哪些操作需要直接放在操作欄上，哪些可以移到更多操作里？使用FIT準(zhǔn)那么來(lái)決定操作是展示在操作欄的頂層上還是收起放在更多操作里。如果頂層的操作數(shù)量超過(guò)了主操作欄可以容納的數(shù)量，那么可以把操作放在底部欄里。c.還有哪些足夠重要的內(nèi)容需要長(zhǎng)期展示？有時(shí)，顯示情境信息對(duì)于你的app來(lái)說(shuō)也很重要。比方，收件箱中的未讀郵件數(shù)量，播放器里的正在播放歌曲信息。精心地方案那些你想展示的重要信息，并根據(jù)方案調(diào)整你的操作欄結(jié)構(gòu)。1.app圖標(biāo)6.多面板布局在創(chuàng)立Android應(yīng)用時(shí)，要記住Android設(shè)備有許多不同的屏幕尺寸和類(lèi)型。要確保你的應(yīng)用能通過(guò)調(diào)整其內(nèi)容來(lái)適應(yīng)不同的屏幕尺寸和方向，以到達(dá)一致的平衡和美觀的布局。多面板是一種讓你的應(yīng)用到達(dá)這種目標(biāo)的很好方式。他們?cè)试S你在橫屏有更多空間時(shí)將多個(gè)視圖結(jié)合為一個(gè)復(fù)合視圖，而在空間比較少時(shí)那么將他們分開(kāi)。1.app圖標(biāo)6.多面板布局將多個(gè)視圖結(jié)合為一個(gè)在較少小的設(shè)備上你的內(nèi)容通常被分為一個(gè)主表格或列表視圖和一個(gè)詳情視圖。觸碰主視圖的條目會(huì)翻開(kāi)一個(gè)顯示條目詳細(xì)信息的界面。1.app圖標(biāo)6.多面板布局因?yàn)槠桨灞扔懈嗟钠聊豢臻g，你能夠使用面板來(lái)將相關(guān)的列表和詳細(xì)列表融合到一個(gè)復(fù)合視圖中。這就更有效地利用了空間并使得這個(gè)應(yīng)用的導(dǎo)航更為簡(jiǎn)單。1.app圖標(biāo)通常，使用右邊的面板來(lái)顯示你在左邊面板選擇的條目的詳細(xì)信息。為建立面板之間的關(guān)系，要保持左邊面板條目的選中狀態(tài)。6.多面板布局復(fù)合視圖和朝向變換不管朝向如何改變，屏幕應(yīng)該有相同的功能。如果你在某一個(gè)朝向使用了復(fù)合視圖，當(dāng)用戶(hù)旋轉(zhuǎn)屏幕時(shí)不要分解它。這里有一些技術(shù)幫助你在朝向改變之后調(diào)整布局以保持功能不變。1.app圖標(biāo)拉伸/壓縮調(diào)整左邊面板列的寬度讓兩個(gè)朝向保持布局的平衡6.多面板布局1.app圖標(biāo)堆疊重新排列屏幕上的面板來(lái)適應(yīng)朝向。展開(kāi)/折疊當(dāng)設(shè)備旋轉(zhuǎn)時(shí)，折疊左邊的面板視圖，使其只顯示最重要的信息。提供給用戶(hù)可以將左邊面板內(nèi)容展開(kāi)恢復(fù)為原有寬度的控件，反之亦然。6.多面板布局1.app圖標(biāo)顯示/隱藏在旋轉(zhuǎn)視圖之后，以全屏視圖顯示右側(cè)的面板。使用在操作欄上的“向上〞圖標(biāo)顯示左側(cè)面板并可以導(dǎo)航到另一封電子郵件。通過(guò)觸碰詳細(xì)面板的內(nèi)容來(lái)隱藏左側(cè)面板。清單提前方案你的應(yīng)用該如何適應(yīng)不同的屏幕尺寸和屏幕朝向。在屏幕朝向改變時(shí)找到最好的方法重新組織復(fù)合視圖的面板。尋找時(shí)機(jī)將你的視圖整合到具有多面板的復(fù)合視圖中。確保你的屏幕在朝向改變后保持相同的功能。7.橫滑視圖1.app圖標(biāo)有效率的導(dǎo)航是設(shè)計(jì)良好app的基石之一。雖然app通常以分層方式建立，但橫向?qū)Ш揭材軌虮馄交怪睂哟谓Y(jié)構(gòu)，并使得訪(fǎng)問(wèn)相關(guān)內(nèi)容項(xiàng)更便捷。橫劃視圖可使用戶(hù)通過(guò)一個(gè)簡(jiǎn)單的手勢(shì)高效率地在內(nèi)容項(xiàng)間切換，并因此帶來(lái)瀏覽和享受更流暢的體驗(yàn)。在詳情視圖間橫劃一個(gè)app的數(shù)據(jù)通常被組織成“主列表/詳情〞的關(guān)系：用戶(hù)能夠看到一列相關(guān)內(nèi)容項(xiàng)，比方說(shuō)圖片，聊天記錄或電子郵件，然后選擇其中的一個(gè)內(nèi)容項(xiàng)并在另一個(gè)界面查看詳細(xì)內(nèi)容。7.橫滑視圖1.app圖標(biāo)在上，因?yàn)椤爸髁斜悫暫汀霸斍楱曇晥D雖然在不同的界面，這通常要求用戶(hù)在列表和詳情視圖間來(lái)回切換，也被稱(chēng)為“pogo-sticking〞。在用戶(hù)想要以連續(xù)的方式查看多個(gè)詳情內(nèi)容項(xiàng)時(shí)，要防止使用“pogo-sticking〞，而是通過(guò)橫劃手勢(shì)來(lái)導(dǎo)航到“下一個(gè)〞/“前一個(gè)〞詳情視圖。用橫劃手勢(shì)在連續(xù)的電子郵件消息之間導(dǎo)航7.橫滑視圖1.app圖標(biāo)在選項(xiàng)卡tabs之間橫劃如果你的app使用了操作欄tabs，請(qǐng)用橫劃在不同的視圖間導(dǎo)航。清單用橫劃在詳情視圖或tabs之間快速導(dǎo)航。視圖間的過(guò)渡要伴隨著用戶(hù)的橫劃手勢(shì)。不要等到手勢(shì)完成才執(zhí)行視圖間的切換。如果你之前用按鈕來(lái)完成“前一個(gè)〞/“下一個(gè)〞的導(dǎo)航，那么用橫劃來(lái)代替這種方式?？紤]在你的詳情視圖中添加情景信息讓用戶(hù)知道當(dāng)前可見(jiàn)的內(nèi)容在列表中的位置關(guān)系。8.選擇1.app圖標(biāo)Android3.0引入了長(zhǎng)按手勢(shì)，即是觸碰位置一段時(shí)間，作為選擇數(shù)據(jù)的全局手勢(shì)。這個(gè)手勢(shì)會(huì)影響到你在app中如何處理多項(xiàng)選擇和情境操作。有什么改變？在之前的Android版本中，長(zhǎng)按手勢(shì)統(tǒng)一被用來(lái)調(diào)用被選內(nèi)容項(xiàng)的情境操作。這種模式在Android3.0中發(fā)生了改變。通過(guò)把情境操作和選擇管理集成到一個(gè)被稱(chēng)為情境操作欄(contextualactionbar,CAB)的新元素中，長(zhǎng)按操作現(xiàn)在被用來(lái)選擇內(nèi)容。8.選擇1.app圖標(biāo)使用情境操作欄(CAB)傳統(tǒng)的長(zhǎng)按操作用來(lái)顯示情境操作菜單CAB是當(dāng)數(shù)據(jù)被選擇時(shí)覆蓋在你的app的當(dāng)前操作欄上的一個(gè)臨時(shí)操作欄。它在用戶(hù)長(zhǎng)按某個(gè)可被選擇的內(nèi)容項(xiàng)后出現(xiàn)。從這兒用戶(hù)能夠：通過(guò)觸碰選擇多個(gè)數(shù)據(jù)項(xiàng)。通過(guò)CAB觸發(fā)一個(gè)操作應(yīng)用到所有高亮的數(shù)據(jù)項(xiàng)上。之后CAB會(huì)自動(dòng)消失。通過(guò)導(dǎo)航欄上的返回按鈕或CAB上的√(checkmark)按鈕取消CAB。這會(huì)移除CAB和所有選擇內(nèi)容的高亮。8.選擇1.app圖標(biāo)選擇CAB操作你可以決定哪些操作和元素在CAB中出現(xiàn)。根據(jù)操作欄中的指南來(lái)決定哪些操作項(xiàng)要在頂級(jí)呈現(xiàn)，而哪些可以移到更多操作中。動(dòng)態(tài)調(diào)整CAB的操作項(xiàng)在大多數(shù)情況下，當(dāng)用戶(hù)添加更多的內(nèi)容項(xiàng)到選中狀態(tài)時(shí)，你需要?jiǎng)討B(tài)調(diào)整CAB中操作項(xiàng)。應(yīng)用于單個(gè)被選內(nèi)容項(xiàng)的操作不必適用于多個(gè)被選內(nèi)容項(xiàng)。清單如果你的app支持多個(gè)內(nèi)容項(xiàng)選擇，好好利用情境操作欄(CAB)。將長(zhǎng)按手勢(shì)專(zhuān)門(mén)保存用于選擇操作，而不要用它來(lái)顯示傳統(tǒng)的情境菜單。如果你不支持一個(gè)列表中的多項(xiàng)選擇操作，長(zhǎng)按應(yīng)該不起任何效果。用安排app的操作欄的操作項(xiàng)的方式來(lái)安排在CAB中要呈現(xiàn)的操作項(xiàng)。9.通知1.app圖標(biāo)你的app可以通過(guò)通知系統(tǒng)將重要事件信息告知用戶(hù)，例如聊天應(yīng)用或日歷事件的新消息。要?jiǎng)?chuàng)立一個(gè)流暢、舒適、友好的app，認(rèn)真地設(shè)計(jì)你的通知系統(tǒng)很重要。通知代表著你的app的聲音，并且促進(jìn)了app的個(gè)性化。不想要或不重要的通知會(huì)煩擾用戶(hù)，謹(jǐn)記要明智使用。9.通知1.app圖標(biāo)何時(shí)顯示通知要?jiǎng)?chuàng)立一個(gè)人們喜愛(ài)的應(yīng)用，很重要的一點(diǎn)是要認(rèn)識(shí)到用戶(hù)的注意力和焦點(diǎn)必須被小心保護(hù)。用一個(gè)可能會(huì)引起軟件開(kāi)發(fā)人員共鳴的例子來(lái)說(shuō)，用戶(hù)不是一個(gè)能被調(diào)用返回值的函數(shù)。用戶(hù)的聚焦更像是一種線(xiàn)程的資源，通知會(huì)立刻打斷用戶(hù)線(xiàn)程，用戶(hù)會(huì)處理并關(guān)閉這個(gè)阻礙性的通知。雖然Android的通知系統(tǒng)已被設(shè)計(jì)成當(dāng)用戶(hù)聚焦某個(gè)任務(wù)時(shí)能快速告知用戶(hù)，但要有負(fù)責(zé)的態(tài)度去決定是否創(chuàng)立一個(gè)通知還是很重要的。表現(xiàn)良好的app只在需要它發(fā)言時(shí)才發(fā)言，但確實(shí)有一些少量的情況是需要用一個(gè)自發(fā)的通知來(lái)打斷用戶(hù)。通知應(yīng)主要用于對(duì)時(shí)間敏感的事件，特別是當(dāng)這些同步事件涉及其他人。例如，傳入的聊天信息是一種實(shí)時(shí)和同步的交流方式，有另一個(gè)用戶(hù)正在積極地等待你的回應(yīng)。日歷事件又是另一個(gè)需要?jiǎng)?chuàng)立通知并抓住用戶(hù)注意力的好例子，因?yàn)槭录蔷o迫的，并且涉及到其他人。9.通知1.app圖標(biāo)何時(shí)防止顯示通知但仍然有一些不應(yīng)該使用通知的情況：不要通知用戶(hù)那些不是直接針對(duì)他們或不緊急的信息。例如某個(gè)社交網(wǎng)絡(luò)的異步信息就不應(yīng)該中斷用戶(hù)。如果相關(guān)的新信息目前正顯示在屏幕上，就不要?jiǎng)?chuàng)立一個(gè)通知，而是通過(guò)app本身的UI直接在情境中通知用戶(hù)有新信息。例如一個(gè)聊天應(yīng)用不應(yīng)該在用戶(hù)正在與其他人聊天時(shí)創(chuàng)立系統(tǒng)新通知。如果系統(tǒng)可以簡(jiǎn)單地維護(hù)自身而不用涉及用戶(hù)操作，就不要以一些低級(jí)的技術(shù)問(wèn)題去打斷用戶(hù)，比方保存或同步信息，或者是更新app等。如果在發(fā)生錯(cuò)誤時(shí)app可以快速地將自己從錯(cuò)誤中恢復(fù)而不需要用戶(hù)執(zhí)行任何操作，就不要用錯(cuò)誤通知去打斷用戶(hù)。不要通知一個(gè)用戶(hù)不能自行啟動(dòng)或停止的效勞。不要只是為了讓你的品牌出現(xiàn)在用戶(hù)面前就創(chuàng)立多余的通知，這樣的通知只會(huì)阻撓并可能疏遠(yuǎn)你的用戶(hù)。提供用戶(hù)少量的更新信息而又保持他們對(duì)你的應(yīng)用的注意力的最有效方式是開(kāi)發(fā)一種小插件，使用戶(hù)可以選擇放在他們的Home界面上。9.通知1.app圖標(biāo)通知設(shè)計(jì)指南使其私有化對(duì)于其他用戶(hù)發(fā)送過(guò)來(lái)的通知條目〔比方一條消息或更新?tīng)顟B(tài)〕，請(qǐng)包含用戶(hù)圖片。記住在通知里面要包含app圖標(biāo)作為第二圖標(biāo)，這樣用戶(hù)能夠區(qū)分出是哪個(gè)app發(fā)出的通知。導(dǎo)航到正確的地方當(dāng)用戶(hù)觸碰一個(gè)通知時(shí)，要把你的app在用戶(hù)可以使用的地方翻開(kāi)，并且操作的是通知里反映的內(nèi)容。在大局部情況下這會(huì)是一條單獨(dú)內(nèi)容條目的詳情視圖〔比方一條消息〕，但如果通知有多條〔詳見(jiàn)下面的多條通知〕，那么這可能是一個(gè)總結(jié)性視圖并且引用了多個(gè)內(nèi)容條目。如果是用戶(hù)被帶到了app非頂層級(jí)，要使他們可以通過(guò)系統(tǒng)導(dǎo)航欄返回鍵來(lái)到app頂層。9.通知1.app圖標(biāo)對(duì)時(shí)間敏感事件的時(shí)間戳默認(rèn)的，Android的通知系統(tǒng)包含了一個(gè)在右上角的時(shí)間戳?？紤]時(shí)間戳是否在你的通知情境中有價(jià)值。如果時(shí)間戳沒(méi)有價(jià)值，考慮事件是否足夠重要到需要用一個(gè)通知來(lái)吸引用戶(hù)的注意力。如果通知足夠重要，再?zèng)Q定你是否想要選擇不顯示時(shí)間戳。如果用戶(hù)想要知道這個(gè)通知是多久之前發(fā)生的，就包含時(shí)間戳。使用時(shí)間戳的一個(gè)好例子是通訊通知〔email，消息，聊天信息，語(yǔ)音郵件〕，用戶(hù)可能需要時(shí)間戳信息來(lái)理解消息的上下文或撰寫(xiě)一個(gè)回應(yīng)。合并多條通知當(dāng)你的app創(chuàng)立了一個(gè)通知而另一個(gè)相同類(lèi)型的通知還在待處理狀態(tài)時(shí)，不要另外再創(chuàng)立一個(gè)新通知對(duì)象，而是把他們合并顯示。一個(gè)多條的通知構(gòu)建了一個(gè)總結(jié)性的描述并且允許用戶(hù)知道多少同一類(lèi)型的通知正在等待被處理。9.通知1.app圖標(biāo)錯(cuò)誤！正確！如果你的總體信息和詳情信息顯示是不同的界面，多條通知翻開(kāi)你的app的視圖可能與單項(xiàng)通知翻開(kāi)的視圖不同。例如一個(gè)單項(xiàng)的電子郵件通知，翻開(kāi)通常應(yīng)該就是郵件的內(nèi)容，而一個(gè)多條通知翻開(kāi)后是一個(gè)收件箱的視圖。9.通知1.app圖標(biāo)自我清理就像是日歷事件，某些通知會(huì)警告用戶(hù)某個(gè)事件會(huì)在某個(gè)具體的時(shí)間點(diǎn)發(fā)生。在那個(gè)時(shí)間過(guò)去之后，這個(gè)通知可能對(duì)用戶(hù)來(lái)說(shuō)就不再重要了，你就應(yīng)該考慮自動(dòng)刪除它。這同樣適用于用戶(hù)已經(jīng)看過(guò)的聊天對(duì)話(huà)或聽(tīng)過(guò)的語(yǔ)音電子郵件，用戶(hù)不應(yīng)該需要手工單獨(dú)地去采取操作來(lái)移除這些通知。提供通知的預(yù)覽提供一個(gè)簡(jiǎn)短的文本，可以在通知到來(lái)的時(shí)候讓用戶(hù)對(duì)通知內(nèi)容有快速、簡(jiǎn)短的預(yù)覽。ticker文本只顯示很短的一段時(shí)間，然后自動(dòng)地隱藏。9.通知1.app圖標(biāo)讓通知可選用戶(hù)應(yīng)該總能控制通知。在你的app設(shè)置中添加通知設(shè)置條目，使用戶(hù)可以選擇取消通知。使用不同的圖標(biāo)用戶(hù)在通知欄看一眼就應(yīng)該能夠區(qū)分出當(dāng)前等待處理的是什么類(lèi)型的通知。要：觀察Android應(yīng)用已經(jīng)提供的通知圖標(biāo)并創(chuàng)立你的app圖標(biāo)，使其有足夠的不同。不要：使用顏色來(lái)區(qū)分你的應(yīng)用和其他的應(yīng)用。通知圖標(biāo)通常是黑白的。與通知交互通知在通知區(qū)域以圖標(biāo)表示，并且能夠通過(guò)翻開(kāi)通知抽屜的方式〔向下劃動(dòng)〕進(jìn)入。在抽屜內(nèi)，通知時(shí)間順序的排序是把最近的通知排在最頂部。觸碰一個(gè)通知會(huì)翻開(kāi)相關(guān)的app去到與該通知相關(guān)的詳細(xì)內(nèi)容。向左或向右橫劃動(dòng)一條通知會(huì)將其從抽屜中刪除。9.通知1.app圖標(biāo)在平板中，通知區(qū)域集成在屏幕底部的系統(tǒng)欄中，通過(guò)觸碰通知區(qū)域的任意位置來(lái)翻開(kāi)通知抽屜。進(jìn)行中的通知進(jìn)行中的通知讓用戶(hù)知道正在后臺(tái)運(yùn)行的進(jìn)程。例如一個(gè)音樂(lè)播放器會(huì)在通知系統(tǒng)里宣布當(dāng)前正在播放的曲目，并且在用戶(hù)停止它之前持續(xù)如此。它們也能夠展現(xiàn)一個(gè)長(zhǎng)任務(wù)的反響，比方下載一個(gè)文件或是對(duì)一個(gè)視頻編碼。進(jìn)行中的通知不能夠被手工刪除。9.通知1.app圖標(biāo)對(duì)話(huà)框和信息提示條〔