亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設計師 (詳情)
//百度統(tǒng)計 20220402 uicn

您的意見是我們 UI 中國進步的動力!
點擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入UI中國官方反饋群進行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!

0/20
0/200

設計大賽

  • 設計大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
Android 設計指南 - 操作欄
0.0°
2014-06-24 好文轉載 規(guī)范/資料 原作者: 孫峻文 張志博 舉報 38355 177 37 0

操作欄 Original Version

“操作欄”對于 Android 應用來說是最重要的設計元素。它通常在應用運行的所有時間都待在屏幕頂部。

操作欄的主要目的是:

  • 突出重要的操作 (例如“新建”和“搜索”) 并且可以方便的使用。
  • 在應用內(nèi)提供統(tǒng)一的導航和視圖切換體驗。
  • 將較少使用的功能收集到“更多操作”菜單中,減少界面上的雜亂布局。
  • 為你的應用提供一個展示其特點的空間。

如果你是編寫 Android 應用的新手,請注意操作欄是需要實現(xiàn)的最重要的設計元素。根據(jù)下面的指導設計你的應用,使其和 Android 核心應用達到統(tǒng)一的界面體驗。

基本布局

對于大多數(shù)應用,操作欄可以分割為 4 個不同的功能區(qū)域。

  • 1. 應用圖標

    應用圖標是應用的標志。在應用圖標位置擺放你自己的 logo。注意: 如果當時應用不在頂層界面,那么在圖標左邊放置一個向左的箭頭,表示“向上”按鈕,使用戶可以回到上一級界面?!跋蛏稀卑粹o的更多細節(jié),請查看 導航 一節(jié)。

    應用圖標以及有和沒有“向上”按鈕的狀態(tài)。

  • 2. 視圖控制

    如果你的應用通過多個不同的視圖顯示數(shù)據(jù),這個區(qū)域將允許用戶切換視圖??梢允褂孟吕藛位蛘邩撕灴丶韺崿F(xiàn)。

    如果你的應用沒有多個視圖,你可以在這里顯示不可操作的內(nèi)容,例如標題或者品牌信息。

  • 3. 操作按鈕

    顯示應用中最重的操作。如果圖標放不下了,就自動移入“更多操作”菜單。

  • 4. 更多操作

    將較少被用到的操作放在這個菜單里。

適應旋轉和不同的屏幕尺寸

UI 設計最重要的一件事就是讓其自動適應旋轉和不同的屏幕尺寸。

你可以使用“副操作欄”來做到。你可以在“副操作欄”中放置一些操作,“副操作欄”可以根據(jù)需要放在操作欄下面或者屏幕底部。

副操作欄的布局

當你要把操作放在多個操作欄中的時候,一般有三個選擇:

  • 1. 操作欄
  • 2. 頂部欄
  • 3. 底部欄

如果用戶可以導航到應用的上一級屏幕,那么操作欄中至少要放置“向上”按鈕。

為了讓用戶可以快速切換屏幕和視圖,在頂部欄中放置標簽或者下拉菜單 (spinner)。

當沒有足夠的空間顯示操作圖標時,使用底部欄。

操作欄按鈕

操作欄按鈕展示應用中的重要功能??紤]一下哪些功能最常用,把它們放在操作欄上。由于屏幕尺寸的限制,系統(tǒng)會把一部分按鈕移到“更多操作”菜單中,所以想好這些功能的排列順序。

一組操作欄按鈕例子,來自 Gmail 應用。

按照 FIT 標準來選擇和展示操作欄按鈕。

F — 常用

  • 人們進入該屏幕,70% 是為了使用該功能嗎?
  • 人們經(jīng)常連續(xù)使用這些功能嗎?
  • 完成這些操作多花一些時間很煩人嗎?

I — 重要

  • 這個功能很酷或者是你應用的賣點?
  • 這個功能操作起來困難嗎?

T — 典型

  • 在類似的應用中,這是不是最主要的功能?
  • 某些情況下,人們會不會對這個操作跑到更多功能菜單中而感到驚訝?

如果符合 FIT 中的一條,它就可以進入操作欄,否則還是放在“更多操作”菜單里吧。

內(nèi)置的圖標應當用來表示一些確定的通用操作,例如“刷新”和“分享”。下面的下載鏈接提供了一個圖標包,其中的圖標可以縮放到多種屏幕分辨率,并且適合于淺色和深色的 Holo 主題。圖標包中還有沒有樣式化的圖標,可以和你自己的主題搭配,并且提供了 Adobe? Illustrator? 源文件,你可以自己修改。下載操作欄圖標包

更多操作

“更多操作”為用戶選擇那些不常用的操作提供了一條途徑。該按鈕只會在沒有“菜單”鍵的手機上顯示,如果有硬件“菜單”鍵,用戶需要按該按鈕打開“更多操作”菜單。

“更多操作”總是在最右邊。

操作欄中能放得下多少圖標呢?按下面的規(guī)則來吧:

  • 操作欄的所有圖標不能占用超過操作欄 50% 的寬度,底部操作欄則可以使用全部寬度來擺放圖標。
  • 按 (dp) 為單位,不同的屏幕寬度在操作欄內(nèi)能擺放的圖標數(shù)量如下:
    • 小于 360 dp = 2 個圖標
    • 360-499 dp = 3 個圖標
    • 500-599 dp = 4 個圖標
    • 600 dp 或更寬 = 5 個圖標

上面的表格中,“o”表示一個操作欄圖標,“=”表示“更多操作”菜單按鈕。

分享

如果你的應用可以分享圖片或影片,那么在操作欄上放置一個分享按鈕。該按鈕會顯示最近使用的分享服務,以達到快速分享。這個按鈕應當出現(xiàn)在選擇時的上下文操作欄中,放在選擇提示的旁邊,點擊后會彈出菜單,包括了分享的選項。

相冊應用提供了擴展的分享選項。

上下文操作欄

“上下文操作欄” (contextual action bar,CAB) 是一個浮于操作欄上的臨時操作欄,用來放置一些特定的子任務?!吧舷挛牟僮鳈凇币话阍陧椖窟x擇和文字選擇時出現(xiàn)。

瀏覽器和 Gmail 應用中的上下文操作欄

長按可選擇的內(nèi)容,進入選擇模式,顯示上下文操作欄。

此時用戶可以:

  • 通過觸摸選擇項目。
  • 在上下文操作欄中選擇操作,并應用于所有已選項目。之后上下文操作欄自動消失。
  • 通過導航欄的“返回”按鈕關閉上下文操作欄,也可以通過點擊上下文操作欄的選擇圖標關閉它。關閉上下文操作欄的同時要取消所有的選擇。

當你讓用戶長按來選擇項目時,需要使用上下文操作欄。你可以控制上下文操作欄中的圖標,使用戶可以執(zhí)行不同的操作。

更多信息,請參考 選擇 一節(jié)。

操作欄清單

當設計操作欄時,考慮以下問題:

對于當前的任務,視圖切換很重要嗎?

如果視圖切換對你的應用很重要,那么使用標簽或者下拉菜單。

哪些操作應當一直出現(xiàn)在操作欄上,哪些可以放在“更多操作”菜單中?

按照 FIT 原則,考慮哪些操作放在操作欄上,哪些放在“更多操作”菜單中。如果操作欄中的圖標太多了,使用底部的副操作欄。

哪些內(nèi)容足夠重要需要一直顯示?

有時一些上下文信息對于你的應用很重要。比如收件箱中未讀信息數(shù)量或者正在播放的歌曲信息。仔細考慮操作欄的布局安排。

更新:2014-06-24

收藏

177人已收藏

空空小巫

噓...

  • 44

    作品

  • 714

    粉絲

  • 4

    關注

  • 挖墳 OS X「七」- 鮮為人知的細節(jié)設計 TOP 10
  • 在網(wǎng)頁設計中最被低估的是什么?
  • 以更好的方式引導用戶為應用打分
  • 通過有意義的動效解釋應用的交互機制

    猜你喜歡

      2014-06-24 好文轉載 規(guī)范/資料 原作者: 孫峻文 張志博 舉報 38355 177 37 0

      Android 設計指南 - 操作欄

      0.0°

      你確定要舉報Android 設計指南 - 操作欄?

      如果查出惡意舉報,十天內(nèi)禁止提交任何舉報申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點擊上傳附件

      對誰可見:

      全部設計師
      • 全部設計師
      • 推薦設計師和認證設計師

      您確認要推薦?

      該作品發(fā)布時間:2014年06月20日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      37
      177
      0

      賬號或密碼錯誤,請重新輸入

      賬號或密碼錯誤,請重新輸入

      登錄

      手機號

      發(fā)送驗證碼 120s 驗證碼錯誤

      登錄
      第三方賬號登錄