|
網頁設計中，內容組織恐怕是最至關重要、最影響設計品質的方面了。如何將資訊組織到好的佈局中，是一個網站的基礎，並且應該在考慮外觀之前就決定好。沒有好的佈局，網頁資訊流就不能正確傳遞，所有東西都不能建立起合理的聯繫。
在這篇文章中，我們將討論八個佈局解決方案/技巧，這些方案和技巧將有助於你創建整潔有序的內容佈局。這八個技巧包括滑門 (sliders)、標簽式、漸進佈局(progressive layouts)、結構網格、模態窗口(modal window)、翻轉元素、手風琴效果(accordions)以及超大下拉功能表(mega drop-down-menus)。
1. 滑動樣式與傳送帶(Sliders and Carousels)
滑門(Sliders)，也可稱為傳送帶(carousels)，是一種有序的、交互性強、十分平滑地展示內容的方式。滑門樣式是一個非常流行的技 巧，大家都覺得它很好用，能讓你在固定的區塊內填充上大量內容。沒有滑門的幫助，這些內容可能就要分開放到頁面中的各個地方。而大多數時候，你在使用頁面 空間時總是捉襟見肘。或者，有些內容是你希望“用戶要求”後才出現。這有助於讓用戶一次只關注一個內容區塊，也符合他們自己的便利需求。
滑門樣式的實例導航區提供縮略圖與圖標運用滑門和幻燈樣式時，最好在導航區提供圖標或縮略圖，以便使導航更加簡單直觀。縮略圖和圖標給用戶指出明路，向他們解釋當前所在位置，以及有哪些瀏覽選項可供選擇（比如説幻燈片的導航可以是水準的，也可以是垂直的）。另外，還能方便他們快速選擇特定滑門頁。
Coda網站的 滑門頂部設計了標簽卡，他們使用的是“滑動門+標簽卡”的混合樣式。這個主意絕頂聰明，因為通過看縮略圖，用戶就能快速得知特定滑門頁的內容。而且，這些 圖標也提供了強大的、令人印象深刻的、乾淨整潔的視覺支援。除了圖標和標簽你也可以在標題前加上小圖片， 或者只用數字也行。
|
