<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • Android 4.0設計初體驗

    2012-7-30    藍藍設計的小編

    轉載藍藍設計(  www.skdbbs.com )是一家專注而深入的設計機構 ,為期望卓越的國內外企業提供有效的   BS界面設計 、  cs界面設計 、  ipad界面設計  、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、  網站建設 、平面設計服務

    來源:http://www.54xiaomeng.com/?p=621

    如果您想訂閱本博客內容,每天自動發到您的郵箱中,          請點這里

     

    Android系統是目前智能移動設備中增長速度最快的平臺,但App的設計卻沒有形成自己的風格,絕大都數都是ios風格的移植適配。Google 在去年的10月份發布了Android 4.0 的界面規范,在樣式、控件上都做了非常個性化的革新,但由于Rom的多樣化,設備的不統一,新的4.0設計規范并沒有得到廣泛的普及。但以移動設備更新換代的速度,Android 4.0將會是趨勢,與ios的差異性也會越來越明顯。由于博主的性格屬于典型的喜新厭舊,所以打算結合手上的項目做一個吃螃蟹的人…

    先看看目前 Play 市場上有哪些原生的android 4.0應用:

    部分應用界面截圖: 目前按4.0規范設計的大都數是google自家的應用,國內的好像只有百度應用在做初步的嘗試。由于博主接受的任務是針對國外買家的應用,在國外4.0的界面普及程度相對好一些,所以這次嘗試用4.0的規范來設計,一是由于4.0的界面體驗非常優秀;二是因為4.0的界面是向下兼容的,只是有部分系統組件顯示效果不太一樣,但可以用自定義的方法做到呈現效果一致。

    • 先了解一下案例的大概需求:

    第一步,制作導航:

    Android 4.0遵循的是重內容輕導航的設計理念,起初我也很質疑Android的導航設計,認為切換頁面不如ios方便快速。但換個角度想,設計的目的應當優先任務流程和閱讀深度,快速的跳轉并不是我們的主要目的,所以android 4.0并不提倡使用傳統的Tab Bar:

    舍棄了Tap Bar,那需求中的根標簽該如何體現呢?Android 4.0有自己的下拉導航。(原型稿截圖,非視覺稿)

    我們可以將所有一級的頁面理解為同級的視圖,利用下拉的方式切換視圖,這和ios的底部Tab Bar功能是差不多的。

    這樣的導航設計一方面加強了自身平臺的識別性,另一方面也釋放了更多的屏幕空間。

    第二步,遵循新的界面布局:

    • Action Bar 主要元素包括:1.程序圖標(如果不是第一級頁面,需要添加向上的符號);2.標題(允許添加下拉導航);3.優先級比較高的操作按鈕(用符號表示);4.優先級低的操作和通用的設置操作(等同于2.3的Menu菜單)。
    • 表單的樣式        1.分割線
      使用分割線把列表里的內容分割成組,便于瀏覽。向下滑動時,分割線和檢索字母會浮動于頂部,直到下一組的分割線出現。
      2.行內項目
      列表可以容納很多不同類型的內容,包括單行條目,多行條目,帶圖標的條目,復選框和操作按鈕。android的表單視覺風格都是敞開式的,不同于ios包裹在圓角方框內。
      3.不要出現向右的箭頭
    • 底部操作欄 不要將底部做成ios端的tab bar, Android的底部是為當前頁面的常用操作預留的。底部只用圖標表示,不需要添加文字說明,這對icon的設計提高了更釋義的符號化要求。
    • 按鈕位置
    • android 4.0 改變了按鈕的位置,將確定操作統一放置在右側。而4.0之前是統一在左邊的位置。
    • Menu菜單 4.0將徹底弱化實體menu鍵,所有的通用設置將收納在圖中的菜單中。

    第三步,使用Android獨有的組件和交互方式:

    • 1.下拉框 4.0的界面大量使用下拉框的樣式,包括界面視圖的切換,分享操作,內容分組。下拉框中的內容也可以顯示部分和全部: 如果調用官方的API,2.3和4.0的下拉框顯示效果會不同: 為保障不同設備的顯示效果一致,下拉框的樣式最好用自定義的方法來實現。
    • 2.選項卡
      選項卡可以運用在同級視圖間的切換,優勢就是減少了層級,并讓用戶的注意力集中在內容上。大量內容的分類之間的橫向導航給人一種隨意瀏覽的體驗,而不是很強的導航步驟的感覺,選項卡的數量最好控制在7個以內。效果預覽 tabs_scrolly 4.0的選項卡和Windows Phone的樞軸視圖基本上是同一個概念,都支持點擊和滑動的操作,而ios平臺只能使用分段器或列表+新頁面的方式。
    • 3.情境操作欄CAB 在長按操作下,原有的action bar會變成編輯欄,提供批處理等操作;這樣的操作雖然方便直觀,但長按全局的操作只有3.0以后的版本才能用,考慮到向下兼容的問題,這樣的方式目前不推薦使用。

    第四步,界面風格

    • 平面化
    • 符號化
    • 棱角分明

    總結

    Android的開發現狀是設備多,Rom多,發布平臺多,屏幕尺寸難適配,所以很多公司做同一個應用都會優秀考慮ios平臺,然后直接移植到Android設備,所以Android的設計規范與標準很難執行下去。但不可否認Android 4.0有很多方便的創新,通知欄,選項卡,情境操作欄等交互方式是完勝ios的,而且以Android的發展速度,4.0設備的普及也會很快到來,作為設計師,應該是最需要提前準備的角色。

    文中如有錯誤,歡迎指出…

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 亚洲AV永久无码精品成人| 99RE6热在线精品视频观看| 亚洲精品乱码久久久久久自慰| 国产高清在线精品二区一| 亚洲国产精品成人精品无码区| 99爱在线视频这里只有精品| 亚洲精品无码av人在线观看| 精品欧美| 99久久伊人精品综合观看| 2020久久精品国产免费| 亚洲精品无码av人在线观看| 麻豆精品国产自产在线观看一区| 99热亚洲精品6码| 国产精品久久国产精麻豆99网站| 欧美精品亚洲精品日韩传电影 | 国产成人精品午夜福利| 亚州日韩精品专区久久久| 精品欧美激情在线看| 国产玖玖玖九九精品视频| 69堂午夜精品视频在线| 国产成人久久精品区一区二区| 日韩精品人妻系列无码专区| 亚洲精品国产成人影院| 欧美激情视频精品一区二区| 国产乱人伦偷精品视频不卡| 国产精品久久久久影院色| aaa级精品久久久国产片| 97久久久精品综合88久久| 国产精品乱码高清在线观看| 婷婷精品国产亚洲AV麻豆不片| 亚洲成人国产精品| 亚洲精品国产va在线观看蜜芽| 四库影院永久四虎精品国产| 拍国产乱人伦偷精品视频 | 国产精品成人不卡在线观看| 国产办公室秘书无码精品99| 久久久久国产精品熟女影院| 久久香蕉国产线看观看精品yw | 精品99又大又爽又硬少妇毛片| 国产伦精品一区二区免费| 国产综合精品久久亚洲|