網頁設計結構樣式水平滾動對很多設計師來說,水平滾動網頁的概念根本不會考慮——這種想法從來就不曾進入過他們的大腦。或許他們這樣做的理由很充分,即這樣違背了用戶根深蒂固的上下滾動網頁的習慣。然而,已經有不少水平滾動網頁大獲成功.ClaireBaxter的個人主頁(圖1)就是這樣的一個典范。在Claire的主頁上,你可以看到一個單頁網站如何變成一個快速響應的網站,盡管看上去很像傳統的多頁網站,但可以實現頁面到頁面的順暢切換。這樣的網站你肯定會喜歡的.它反應超快、流暢而且清晰。令人驚訝的是.這樣的網站并沒有因為左右滾動而帶來哪怕一點點的混亂。一些展示攝影作品的網站,比如MelissaMarieHemandez的攝影作品集網站(圖2).就非常受益于這種水平滾動網頁的方式。攝影作品特別適合運用這種方式,因為這樣的排列形式對它們而言是最佳的,可以形成一條美麗的圖像長廊。Melissa網站對攝影作品尺寸大小和流動方式的獨特設計使得你在瀏覽當前圖片時,下一幅圖片剛好探出身子.從而誘使你去不斷地點擊觀看。這種吊人胃口的暗示促使我把這條長長的畫廊看了個遍.而這當然是網頁設計者希望潛在客戶去傲的。在房地產行業的網站中水平滾動的網頁更是難得一見,PinchotForest網站l圖3)卻是個例外。除了同樣具有平滑順暢的水平滾動方式外.該網站還增加了一個有趣的特性,那就是靜態菜單欄。很多此類網站在移動頁面時.每幀畫面上會重復同樣的導航,還有一些網站則會要求你返回首頁才能進一步探尋更多的內容。和那些網站不同,該網站在展示不同網頁內容時,網站1090和導航都已經固定在合適的位置。這是水平滾動方式的一個絕佳運用,不僅不會減損網頁的可用性,還會給用戶帶來獨一無二的體驗。單頁網站用途很廣,很難說清楚怎么做就一定能使其別具一格。然而本節給出的示例都非同凡響,因為它們的確給人耳目一新的感覺。許多單頁網站設計的例子都依靠整體極簡的風格,這種風格配上單頁網站的極簡主義,可謂完美無缺。這些單頁網站本來可以輕松拆成幾個網頁,然后設計師可以把內容弄得更松散一些,以填滿這些空間。然而,出于對效率還有易用性的專注,他們選擇了不一樣的處理方式.最終結果使得網頁內容更易于閱讀,加載更快速,并且提供的信息也盡是用戶所需要的。JackBloom的個人作品集網站l圖1)就是這樣的一個范例。這個單頁網站有很多亮點。首先,它采用的無疑是半極簡風格,之所以說。半。.是因為上面還是有一些裝飾和點綴,但總體上仍然是極簡的。比如文本的呈現方式就很漂亮而且很有創意,這樣的文本既提供了內容,又可以起到很好的裝飾作用。把所有內容集中到—個頁面還有另外一條有效途徑。NineFlavors網站(圖2)就是單頁的,它采用了內嵌的滾動方式來更迭內容。乍一看,這確實有點小聰明,并且讓人感覺不錯。但這勢必會帶來一個疑問:為什么不直接杷每部分內容放在自己單獨的頁面上呢?這個問題就見仁見智了,而我傾向的答案可能有些與眾不同。作為設計公司,很難保證用戶一定會翻看所有的內容、案例還有公司發展歷程,并進而信任你這家公司。但在這個網站上,如果用戶邁出第一步,點開了一個鏈接,他可能會驚喜于所搜尋內容的突然出現,這會讓他覺得比瀏覽多個頁面花費的時間少多了。這樣用戶會被誘導打開所有的鏈接,把所有內容瀏覽一個遍。因此這是一種很棒的方法,可以使人輕輕松松就快速瀏覽網頁內容.同時也減輕了用戶被迫打開大堆網頁,急切尋找目標的焦灼感。