何謂磚牆式版面

將大量影像製作成方形並且整齊排列，這種版面就稱為「磚牆式 版面」、「格線版面」或「卡片式設計」。以下就為大家介紹這種 版面的特色。

磚牆式版面的優點與構成元素

磚牆式版面可以一次展示大量影像與文字， 而且將資訊整理成同樣格式，給人井然有序、有條不紊的感覺。

磚牆式版面也很適合搭配響應式網頁設計， 像是購物網站的目錄或圖庫網站等，都常使用這種版面。

磚牆式版面的範例。

在磚牆式版面中，也可以調整每個方塊的大小，製造強弱對比，或是改變高度、填滿整個畫面。即使方塊大小不一，只要統一留白或左右線條，也能排得整齊好看。

統一元素的留白距離並對齊，即使 改變某些元素的大小，也能顯示出整齊的版面

改變單一元素大小的版面範例。

網頁美編的救星！ >>>《網頁美編的救星！ 零基礎也能看得懂的 HTML & CSS 網頁設計》