jcolor-image
我想詢價
幫助中心
會員註冊
會員登入
jcolor-image
全部商品印刷助手部落格設計開箱工具分享
情境專區
招生宣傳
招生宣傳
讓學生一眼記住你
年節專區
年節專區
喜氣年節贈品
大型活動宣傳
大型活動宣傳
大型活動一條龍印刷方案
日常辦公
日常辦公
幫助工作得心應手
塑造餐飲品牌
塑造餐飲品牌
誘惑吃貨味蕾
防疫作戰
防疫作戰
一同守護台灣的健康
新品上架
新品上架
2025 新品專區
快速下單

部落格

何謂磚牆式版面|零基礎也能看得懂的 HTML & CSS 網頁設計
分類:好書推薦,發表於 2021/02/19


何謂磚牆式版面

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


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


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


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



磚牆式版面的範例。


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


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




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


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

提供您最專業的線上印刷服務,印刷品種類完整全台直送,是您最可靠的印刷夥伴
www.jcolor.com.tw
jcolor-image
產品資訊
客服時間
週一至週五
09:00 - 19:00
取貨時間
週一至週五
08:00 - 12:00
13:00 - 17:00
聯絡我們
電子郵件:service@jcolor.com.tw
專人報價:點此詢價
聯絡電話:02-8273-2111 (週一至週五)
傳真電話:02-8273-2333
取貨地址:新北市土城區中央路一段365巷7號
首頁
訂單管理
購物車
設計總匯
更多