蜂巢的設(shè)計(jì)比之后的版本有很大的改進(jìn)，更為簡(jiǎn)潔美觀(guān)，同時(shí)有利于應(yīng)用程序的架構(gòu)、界面一致性和兼容多分辨率，雖然3.0版本還沒(méi)有對(duì)外開(kāi)源，但是已經(jīng)體現(xiàn)在地圖、圖書(shū)、G+、Google I/O、網(wǎng)頁(yè)Gmail、Google搜索首頁(yè)和電子市場(chǎng)等界面設(shè)計(jì)中。

在3.0之前，標(biāo)題欄顯示小號(hào)字體，沒(méi)有任何操作。控件欄位置相當(dāng)于ios的標(biāo)題欄，但是其交互更為優(yōu)秀。文字標(biāo)題居左顯示，留給右邊更多的空間，可以顯示1-3個(gè)按鈕。文字標(biāo)題可以整合返回按鈕或者主頁(yè)按鈕，簡(jiǎn)化了常見(jiàn)“返回”按鈕，這對(duì)形成閉環(huán)操作非常有利。如果為了節(jié)約設(shè)計(jì)成本，非要將ios和android兩個(gè)版本的應(yīng)用程序設(shè)計(jì)成相似的視覺(jué)樣式，3.0可以滿(mǎn)足這種需求。

右邊的控件可以放置對(duì)當(dāng)前界面的操作，如刷新，也可以是全局的操作，如搜索功能和下列菜單，為了減少視覺(jué)變化，全局操作的控件盡量放置最右邊。

平板的控件欄可以包含標(biāo)簽，在手機(jī)上顯示成兩個(gè)部分。之前的標(biāo)簽與按鈕相似，3.0的標(biāo)簽視覺(jué)較弱，避免標(biāo)簽欄分為兩個(gè)部分之后頂部過(guò)于復(fù)雜。

切換標(biāo)簽可以像WP7一樣左右滑動(dòng)，滑動(dòng)手勢(shì)沒(méi)有精準(zhǔn)性要求，比起點(diǎn)擊標(biāo)簽更為方便。Google+將標(biāo)簽欄文字使用小號(hào)字體取代，擴(kuò)大了正文顯示空間，但是不適合標(biāo)簽過(guò)多的界面，比如電子市場(chǎng)中的8個(gè)標(biāo)簽頁(yè)。對(duì)于界面通常超過(guò)兩頁(yè)的應(yīng)用建議使用這種方式對(duì)分頁(yè)處理。

3.0對(duì)輸入框也進(jìn)行了簡(jiǎn)化，究其原因：一方面是設(shè)計(jì)風(fēng)格所需，另一方面簡(jiǎn)化的設(shè)計(jì)和可拉伸的色塊可以隨意兼容多種分辨率。

iPhone 4使用了高精度的顯示屏之后，需要兩套大小的圖片資源，但iPad版本需要單獨(dú)開(kāi)發(fā)，這增加了開(kāi)發(fā)成本，而一個(gè)Android應(yīng)用程序之后使用三套資源圖片兼容多種分辨率，顯示在手機(jī)和平臺(tái)時(shí)根據(jù)分辨率調(diào)整界面布局，程序只有一個(gè)。

對(duì)于橫豎屏，不只是像iPad那樣兩欄和單欄之間的切換，變化種類(lèi)更為多樣化。

作者：曉生

文章來(lái)源：daichuanqing.com/index.php/archives/2783

標(biāo)簽： 蜂巢設(shè)計(jì) 界面設(shè)計(jì) Android設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀(guān)點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。