Horizontal Scrolling Website

說是研究，卻也是因為自我興趣趣味的關係，作一個記錄，說到橫向展示網頁型式，想先從SectionSeven這個設計公司的作品網站談起。

以個人設計概念與偏好來看，不是很喜歡網站出現一堆捲軸，然而，橫向式網站免不了最底下都有橫向捲軸，也因此使用FLASH或者jQuery可以解決這個視覺的芒刺，使用箭頭或者滑鼠互動進行瀏覽，SectionSeven就是這樣的作法最好的示範，再加上它運用了翻頁的3D技術，添增了一些趣味點，這個很早就出現的作品網站，到現在來看，越來越佩服該網站設計者的前瞻性與設計敏銳。

如果以Horizontal Scrolling關鍵字你就可以搜尋到一堆資料，甚至有些網站是幫你收集一些作的不賴的相關網站資源，例如這裡，它也說明了一些這樣橫向設計網站的特點，說是特別，特定的使用法，有別以往的瀏覽方式，卻相當適合作品的呈現，是啊！就是在構思自己作品網站的時候，才開始想研究這樣橫向式的作法，尤其又要以現在的設計技術去思考這樣的視覺呈現，放在你視線的正前方進行作品瀏覽，以便達到視覺思考的延續性，這是以作品呈現的最佳表現方式去進行的相關研究！

當然，橫向式的網站它勢必會有些弱勢，例如文字的閱讀方便，大家已經習慣了直式的捲軸瀏覽，不過，如果有很好的文字編輯概念，請想想你現在閱讀的紙本，它們都有一個範圍，如果懂得編輯出適當的閱讀字數高度與寬度，對於這樣的橫向式作法，會更接近閱讀最佳化的概念，真的要思考設計細節，真的思考不完！

橫向式的趣味在於類似紙本閱讀以及展覽觀賞的瀏覽經驗，它似乎會把你帶回一種實際的狀況下，進行現實與虛擬的融合，像是展開一整張的DM，攤開一本書，左右逛逛美術館的一整面牆，或者是一種地圖式的引導，這段我寫得好像太官腔了，重點就是你不用再額外適應複雜的作品瀏覽方式，只是回歸到你已經訓練已久的觀看作品或文本的方式，雖然好像很無趣，不過我想套句無印良品說的，這樣，就好！重點還是必須要回歸到你的內容，而不是過多的效果！(好像又說了一次這樣的話，感覺好像變成口號！)

就好比直式照片與橫式照片的擺放，高度一致的橫向式瀏覽比較不會出現心理缺口，寬度一致的直向式瀏覽會造成直式照片太大產生視覺張力過大(如果是刻意的就沒關係了)，不過橫向式的最大問題就是，你得知道觀賞者的瀏覽機器寬度到底會到多寬，有些作品你並不想這樣就露餡，或許你想要一張然後下一張這樣的觀賞方式，而不是併排都列出，螢幕的解析度一直是載體產生的最大挑戰，而且還可以花很多時間在微調這適應解析度的許多細節，在設計開頭的地方，已然是各設計師思考細膩度的展現了。