android系統(tǒng)是目前智能移動(dòng)設(shè)備中增長(zhǎng)速度最快的平臺(tái),但app的設(shè)計(jì)卻沒有形成自己的風(fēng)格,絕大都數(shù)都是ios風(fēng)格的移植適配。google 在去年的10月份發(fā)布了android 4.0 的界面規(guī)范,在樣式、控件上都做了非常個(gè)性化的革新,但由于rom的多樣化,設(shè)備的不統(tǒng)一,新的4.0設(shè)計(jì)規(guī)范并沒有得到廣泛的普及。但以移動(dòng)設(shè)備更新?lián)Q代的速度,android 4.0將會(huì)是趨勢(shì),與ios的差異性也會(huì)越來越明顯。由于博主的性格屬于典型的喜新厭舊,所以打算結(jié)合手上的項(xiàng)目做一個(gè)吃螃蟹的人…
先看看目前 play 市場(chǎng)上有哪些原生的android 4.0應(yīng)用:
部分應(yīng)用界面截圖:
目前按4.0規(guī)范設(shè)計(jì)的大都數(shù)是google自家的應(yīng)用,國(guó)內(nèi)的好像只有百度應(yīng)用在做初步的嘗試。由于博主接受的任務(wù)是針對(duì)國(guó)外買家的應(yīng)用,在國(guó)外4.0的界面普及程度相對(duì)好一些,所以這次嘗試用4.0的規(guī)范來設(shè)計(jì),一是由于4.0的界面體驗(yàn)非常優(yōu)秀;二是因?yàn)?.0的界面是向下兼容的,只是有部分系統(tǒng)組件顯示效果不太一樣,但可以用自定義的方法做到呈現(xiàn)效果一致。
先了解一下案例的大概需求:
第一步,制作導(dǎo)航:
android 4.0遵循的是重內(nèi)容輕導(dǎo)航的設(shè)計(jì)理念,起初我也很質(zhì)疑android的導(dǎo)航設(shè)計(jì),認(rèn)為切換頁(yè)面不如ios方便快速。但換個(gè)角度想,設(shè)計(jì)的目的應(yīng)當(dāng)優(yōu)先任務(wù)流程和閱讀深度,快速的跳轉(zhuǎn)并不是我們的主要目的,所以android 4.0并不提倡使用傳統(tǒng)的tab bar:
舍棄了tap bar,那需求中的根標(biāo)簽該如何體現(xiàn)呢?android 4.0有自己的下拉導(dǎo)航。(原型稿截圖,非視覺稿):
我們可以將所有一級(jí)的頁(yè)面理解為同級(jí)的視圖,利用下拉的方式切換視圖,這和ios的底部tab bar功能是差不多的。
這樣的導(dǎo)航設(shè)計(jì)一方面加強(qiáng)了自身平臺(tái)的識(shí)別性,另一方面也釋放了更多的屏幕空間。