為什麼大多數網頁設計都是縱向瀏覽模式?

縱向和橫向瀏覽模式各自都有哪些優缺點?


    縱向排版:
  • 網頁理論上在縱向的延伸方面是無限的。

  • 無論是4:3、16:9、16:10等比例,橫向的排版超過一定寬度時需要分欄。人眼的視覺比例雖然是橫向的,超過一定寬度時會造成視覺疲勞,橫向寬度過寬時沒有明顯的休息過渡時間。
  • 網頁排版有參照紙質讀物的優點,典型的例子就是報紙。報紙往往會對內容作「豆腐塊」式的分欄處理,減少閱讀時的心理壓力,減少視覺疲勞,可以快速選擇重點選擇性閱讀。
  • 整個網頁使用分欄(縱向)能使整體看起來更與層次,更有趣味性。

橫向排版(不限於網頁):

  • 純橫向排版比較少見,對於網頁來說,邊欄的利用是高效的選擇。邊欄可以分配給導航、推薦條目、甚至於留白均可。
  • 軟體對於寬屏兩側的利用方式很棒,如LightRoom、AutoCAD等,都會把工具欄、浮動工具/信息欄放置於兩側。這樣在不頻繁移動眼球時能快速直觀的操作和觀察,但用於4:3等方屏時會造成主操作區域過小及造成干擾。

這個問題里的一些觀點或許也能說明一下問題:MacBook Air 和 MacBook Pro 為什麼仍舊堅持不用已經是主流的 16:9 屏幕? http://www.zhihu.com/question/20107676/answer/14004110


因為文字是橫排的,所以網頁是豎排的。


想像一段長文字,如果橫向瀏覽,那就只有一行,技術上可比自動適應屏幕折行容易太多了。不過屏幕絕大部分空間都浪費了。

如果一屏之內自動折行向下推了,那麼更多的容易縱向滾動,行為模式就是一致的,符合使用者的心智模型。


個人感覺還有一個原因,就是當初大家的顯示器寬度都比較統一(800*600或者1024*768,發展到後來的1280寬度),而瀏覽器能佔用的高度則非常不一致(包括瀏覽器不同的緣故,以及當年IE各種碉堡了的工具欄),使得橫向設計很難存活下來。當然滾輪和閱讀習慣應該是更重要的原因


縱向布局的網頁只需動一根手指去滾動滾輪就能全部瀏覽,而且眼睛也只需要在一個相對較小的區域進行掃描;如果是橫向布局的話則要動整個手腕去拖拽頁面,而且眼睛橫向掃描的區域會更大。LZ不信可以找個橫向布局的網頁,會發現看的比較累。


看了前面一些答案。

同意來自紙媒的影響。書籍、文案等都是豎向長,符合閱讀習慣,而這樣的排版也利於節約空間,因為書寫有折行的情況。

滾屏產生的需求來源就是為了閱讀書籍文字吧。影視、遊戲等基本都不需要滾屏。

不同意滑鼠說。顯然是先有滾屏後有滾輪。如果當初是橫向滾屏,現在的滾輪也就變成橫向了,雖然可能不太便利,但用拇指橫向滾應該是沒問題的。


  1. 記得蠻早之前看過一本叫《禪意花園》的書,相配套的網站裡面就有橫向的網頁。不記得當時的原文了,裡面的意思大致是因為用戶習慣導致橫向的比較少;
  2. 前面已經說了,滑鼠沒有橫向的滾輪……


你把文字豎排,網頁就可以搞成橫向了。


主要是人的閱讀習慣是從上到下,從左到右的瀏覽。所以這樣設計符合大多數人的閱讀習慣。


我感覺有一點:橫向瀏覽可能會加重排版任務量:縱向時只需要注意左右兩側,而橫向則需對上下左右4個方向作出規劃設計。


感覺跟滑鼠滾輪兒的設計有關。

還有就是人看書的習慣是從上至下的。


推薦閱讀:

等燈等燈??~設計師的新玩具!
sMrZhao紋身推薦(第 69 期)| 黑白 · 寫實 · 復古回憶照片
五枚UI設計の靈感神器~
傢具的系列化設計——柜子(上)
海報設計配色、字體以及海報設計相關的美學知識有哪些?

TAG:藝術 | 網頁設計 | 設計 | 交互設計 | 視覺 | 視覺設計 | Web視覺設計 |