提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
“操作欄”對于 Android 應用來說是最重要的設計元素。它通常在應用運行的所有時間都待在屏幕頂部。
如果你是編寫 Android 應用的新手,請注意操作欄是需要實現(xiàn)的最重要的設計元素。根據(jù)下面的指導設計你的應用,使其和 Android 核心應用達到統(tǒng)一的界面體驗。
對于大多數(shù)應用,操作欄可以分割為 4 個不同的功能區(qū)域。
應用圖標是應用的標志。在應用圖標位置擺放你自己的 logo。注意: 如果當時應用不在頂層界面,那么在圖標左邊放置一個向左的箭頭,表示“向上”按鈕,使用戶可以回到上一級界面?!跋蛏稀卑粹o的更多細節(jié),請查看 導航 一節(jié)。
應用圖標以及有和沒有“向上”按鈕的狀態(tài)。
如果你的應用通過多個不同的視圖顯示數(shù)據(jù),這個區(qū)域將允許用戶切換視圖??梢允褂孟吕藛位蛘邩撕灴丶韺崿F(xiàn)。
如果你的應用沒有多個視圖,你可以在這里顯示不可操作的內(nèi)容,例如標題或者品牌信息。
顯示應用中最重的操作。如果圖標放不下了,就自動移入“更多操作”菜單。
將較少被用到的操作放在這個菜單里。
UI 設計最重要的一件事就是讓其自動適應旋轉和不同的屏幕尺寸。
你可以使用“副操作欄”來做到。你可以在“副操作欄”中放置一些操作,“副操作欄”可以根據(jù)需要放在操作欄下面或者屏幕底部。
當你要把操作放在多個操作欄中的時候,一般有三個選擇:
如果用戶可以導航到應用的上一級屏幕,那么操作欄中至少要放置“向上”按鈕。
為了讓用戶可以快速切換屏幕和視圖,在頂部欄中放置標簽或者下拉菜單 (spinner)。
當沒有足夠的空間顯示操作圖標時,使用底部欄。
操作欄按鈕展示應用中的重要功能??紤]一下哪些功能最常用,把它們放在操作欄上。由于屏幕尺寸的限制,系統(tǒng)會把一部分按鈕移到“更多操作”菜單中,所以想好這些功能的排列順序。
一組操作欄按鈕例子,來自 Gmail 應用。
按照 FIT 標準來選擇和展示操作欄按鈕。
F — 常用
I — 重要
T — 典型
如果符合 FIT 中的一條,它就可以進入操作欄,否則還是放在“更多操作”菜單里吧。
內(nèi)置的圖標應當用來表示一些確定的通用操作,例如“刷新”和“分享”。下面的下載鏈接提供了一個圖標包,其中的圖標可以縮放到多種屏幕分辨率,并且適合于淺色和深色的 Holo 主題。圖標包中還有沒有樣式化的圖標,可以和你自己的主題搭配,并且提供了 Adobe? Illustrator? 源文件,你可以自己修改。下載操作欄圖標包
“更多操作”為用戶選擇那些不常用的操作提供了一條途徑。該按鈕只會在沒有“菜單”鍵的手機上顯示,如果有硬件“菜單”鍵,用戶需要按該按鈕打開“更多操作”菜單。
“更多操作”總是在最右邊。
操作欄中能放得下多少圖標呢?按下面的規(guī)則來吧:
上面的表格中,“o”表示一個操作欄圖標,“=”表示“更多操作”菜單按鈕。
如果你的應用可以分享圖片或影片,那么在操作欄上放置一個分享按鈕。該按鈕會顯示最近使用的分享服務,以達到快速分享。這個按鈕應當出現(xiàn)在選擇時的上下文操作欄中,放在選擇提示的旁邊,點擊后會彈出菜單,包括了分享的選項。
相冊應用提供了擴展的分享選項。
“上下文操作欄” (contextual action bar,CAB) 是一個浮于操作欄上的臨時操作欄,用來放置一些特定的子任務?!吧舷挛牟僮鳈凇币话阍陧椖窟x擇和文字選擇時出現(xiàn)。
瀏覽器和 Gmail 應用中的上下文操作欄
長按可選擇的內(nèi)容,進入選擇模式,顯示上下文操作欄。
此時用戶可以:
當你讓用戶長按來選擇項目時,需要使用上下文操作欄。你可以控制上下文操作欄中的圖標,使用戶可以執(zhí)行不同的操作。
更多信息,請參考 選擇 一節(jié)。
當設計操作欄時,考慮以下問題:
如果視圖切換對你的應用很重要,那么使用標簽或者下拉菜單。
按照 FIT 原則,考慮哪些操作放在操作欄上,哪些放在“更多操作”菜單中。如果操作欄中的圖標太多了,使用底部的副操作欄。
有時一些上下文信息對于你的應用很重要。比如收件箱中未讀信息數(shù)量或者正在播放的歌曲信息。仔細考慮操作欄的布局安排。
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊