不知道這算不算新瓶裝老酒,實際上翻轉(zhuǎn)頁面導(dǎo)航并不算一個新的理念,在之前就有網(wǎng)站用過,不過一直沒有火起來,不知道會不會像AJAX一樣重新獲得新的認(rèn)可?
在UItrends上看到一個新的導(dǎo)航趨勢的應(yīng)用:翻轉(zhuǎn)頁面導(dǎo)航。其實這個早期一直是photoshop表現(xiàn)視覺效果的手法,就像kate曾經(jīng)提到過的,這種效果僅僅用來代表視覺隱喻,沒有什么實際內(nèi)容。
早期由于這種設(shè)計只有一種固定的模式,缺乏動態(tài)效果,另外冗余的樣式對頁面的加載速度也有不小的影響,其應(yīng)用并不廣泛。后來隨著帶寬的提升和web應(yīng)用的多樣化,這種表現(xiàn)手法被越多地方用到交互應(yīng)用中,在形式上類似于開關(guān)的切換,而在功能上實現(xiàn)了兩個tab頁的跳轉(zhuǎn)(只不過其中一個tab被弱化或隱藏起來)。它的交互缺陷為:只有用戶點(diǎn)擊了以后才知道頁面下面隱藏的內(nèi)容。
在什么地方使用這種導(dǎo)航形式呢?下面談?wù)勎业睦斫猓?為了區(qū)分,暫且把顯示在頁面上的叫tab1,隱藏在下面的頁面叫tab2)
1.在展現(xiàn)信息上,tab1顯示的優(yōu)先級一定高于tab2,而且tab2所實現(xiàn)的功能一定是建立在tab1的內(nèi)容之上的--通常作為附加應(yīng)用(高級應(yīng)用)而存在。
07年的yahoo注冊就使用了翻轉(zhuǎn)頁面,點(diǎn)擊右上方的翻轉(zhuǎn)tab可設(shè)置進(jìn)行密碼保護(hù)設(shè)置(基于登錄的安全性擴(kuò)展)。
2.強(qiáng)化該功能,吸引用戶關(guān)注更多的信息。在tab2所呈現(xiàn)的內(nèi)容較多時,tab1下單屏顯示會造成頁面布局擁擠,用這種導(dǎo)航方式不僅能視覺上引起注意,還解決了新的合理布局。同時需要注意的是,這種導(dǎo)航僅使用于比較簡單的頁面,強(qiáng)化的重點(diǎn)一個足以,否則將會產(chǎn)生視覺噪點(diǎn)。
Chrome Themes 上線以后,改版頁面大的亮點(diǎn)就是下方那個卷起來的頁腳,讓人禁不住想點(diǎn)進(jìn)去看看。這也能看出來google把Themes這個功能作為重點(diǎn)推薦的戰(zhàn)略意義(對Chrome 倒感覺不出沒什么,對Chrome OS 的意義就完全不一樣了),估計以后也會搞得像iGoogle 的主題一樣,做成開放性的庫, 讓全球不同的藝術(shù)細(xì)胞自由交流...有點(diǎn)跑題了...
點(diǎn)進(jìn)去后的主題頁面。
3.移動平臺應(yīng)用等。
iphone上的google maps應(yīng)用以及Slashdot.org也將贊助商鏈接放在投票上。
本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司!
文章標(biāo)題:新的網(wǎng)頁導(dǎo)航趨勢的應(yīng)用:翻轉(zhuǎn)頁面導(dǎo)航
URL分享:http://muchs.cn/news7/310807.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、建站公司、品牌網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、網(wǎng)站策劃、商城網(wǎng)站
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)