建站常識

翻轉頁面導航

2009-11-10 11:35:00

在UItrends上看到一個新的導航趨勢的應用：翻轉頁面導航。其實這個早期一直是photoshop表現(xiàn)視覺效果的手法，就像kate曾經(jīng)提到過的，這種效果僅僅用來代表視覺隱喻，沒有什么實際內容。

早期由于這種設計只有一種固定的模式，缺乏動態(tài)效果，另外冗余的樣式對頁面的加載速度也有不小的影響，其應用并不廣泛。后來隨著帶寬的提升和web應用的多樣化，這種表現(xiàn)手法被越多地方用到交互應用中，在形式上類似于開關的切換，而在功能上實現(xiàn)了兩個tab頁的跳轉（只不過其中一個tab被弱化或隱藏起來）。它的交互缺陷為：只有用戶點擊了以后才知道頁面下面隱藏的內容。

在什么地方使用這種導航形式呢？下面談談我的理解：（為了區(qū)分，暫且把顯示在頁面上的叫tab1，隱藏在下面的頁面叫tab2）

1.在展現(xiàn)信息上，tab1顯示的優(yōu)先級一定高于tab2，而且tab2所實現(xiàn)的功能一定是建立在tab1的內容之上的－－通常作為附加應用（高級應用）而存在。

07年的yahoo注冊就使用了翻轉頁面，點擊右上方的翻轉tab可設置進行密碼保護設置（基于登錄的安全性擴展）。

2.強化該功能，吸引用戶關注更多的信息。在tab2所呈現(xiàn)的內容較多時，tab1下單屏顯示會造成頁面布局擁擠，用這種導航方式不僅能視覺上引起注意，還解決了新的合理布局。同時需要注意的是，這種導航僅使用于比較簡單的頁面，強化的重點一個足以，否則將會產生視覺噪點。

Chrome Themes 上線以后，改版頁面最大的亮點就是下方那個卷起來的頁腳，讓人禁不住想點進去看看。這也能看出來google把Themes這個功能作為重點推薦的戰(zhàn)略意義（對Chrome 倒感覺不出沒什么，對Chrome OS 的意義就完全不一樣了），估計以后也會搞得像iGoogle 的主題一樣，做成開放性的庫，讓全球不同的藝術細胞自由交流...有點跑題了...