安卓開發(fā)網(wǎng)頁頁面交互簡(jiǎn)析
http://developer.android.com/intl/zh-cn/design/index.html
在14寸的筆記本上查看本網(wǎng)頁缀雳，因?yàn)閷?shí)際應(yīng)用到一些瀏覽器的比例分辨率問題氓润，網(wǎng)頁采用了比較保守的控制在1000以內(nèi)的橫屏尺寸（截圖已為最小文字顯示职车，960px脯倒，左右稍做留白）磕仅，并且在高度上也大大考慮到了顯示問題荐吉，盡量為保證圖片內(nèi)容的完整性而剛剛好頂齊到瀏覽器底部惑淳。
?左側(cè)導(dǎo)航欄采用的是經(jīng)典的樹狀圖的設(shè)計(jì)方式，總共有三級(jí)層級(jí)菜單，并且很好的在使用了父級(jí)菜單頁碴里，使其作為每一個(gè)父級(jí)菜單的引導(dǎo)沈矿，起到了概覽的作用。在顯示方式上采用的是一類展開咬腋，其他全部收起的方式羹膳；考慮到子級(jí)菜單過多，又為了避免整體網(wǎng)頁無意義的往下滾動(dòng)根竿，所以采用了左欄原生滾動(dòng)條的方式來顯示陵像，在這里也很好的避免了因菜單過長(zhǎng)，做無端的網(wǎng)頁整體向下拉伸的動(dòng)作犀填。如下圖： ?
網(wǎng)站的標(biāo)題欄也是在用戶體驗(yàn)上做了很好的提升蠢壹，因?yàn)槲恼聝?nèi)容角度，很多頁面都會(huì)一個(gè)很長(zhǎng)很長(zhǎng)的滾動(dòng)條九巡，此時(shí)是否再文章過長(zhǎng)图贸，在我們往下拖動(dòng)之后就與我們的標(biāo)題欄‘兩兩相望’了呢？當(dāng)然我們的網(wǎng)站不會(huì)這么做冕广！我們文章的內(nèi)容開始往上翻下面的內(nèi)容逐漸上來的時(shí)候疏日，就開始觸發(fā)了頁面的‘變形’模式了。Android Design的標(biāo)題欄采用了變形始終懸浮于瀏覽器窗口內(nèi)的最頂端的方式撒汉。并且原來的大導(dǎo)航變成現(xiàn)在簡(jiǎn)潔的‘面包屑導(dǎo)航’的方式沟优，這樣的方式我想死因?yàn)椴粫?huì)因?yàn)槲恼碌娜唛L(zhǎng)復(fù)雜，而不知道自己身在何處睬辐！永遠(yuǎn)有一條最簡(jiǎn)潔的通道在我們能看到的最醒目的位置上挠阁。并且最左側(cè)的Icon也變成了 這種簡(jiǎn)潔的圖標(biāo)來呈現(xiàn)，右側(cè)的搜索和輔助就像一本身邊的網(wǎng)站字典溯饵，隨時(shí)可以翻起使用侵俗。如下圖：
使用中啄巧，我感覺最讓我覺得有些不妥的地方卻恰恰是在左側(cè)的Logo上寻歧。讓我們回到這個(gè)頁面：
在這個(gè)頁面中，如果點(diǎn)擊Icon和Developers秩仆，即會(huì)馬上跳轉(zhuǎn)到首頁面码泛，而下拉按鈕是大類的導(dǎo)航。 而在頁面往下延伸之后澄耍，標(biāo)題欄被收起來以另一種方式呈現(xiàn)的時(shí)候弟晚，我們?cè)冱c(diǎn)擊同樣熟悉的Icon忘衍，卻發(fā)現(xiàn)僅僅是回到了頁面頂部逾苫！
?所以作為網(wǎng)站的訪問用戶而言卿城，我想說，這樣的設(shè)計(jì)和邏輯是否稍微有些不妥之處和欠考慮呢铅搓？
