美感養成設計指南

無痛學習簡易的版面概念

關於版面率、留白率、網格等基本觀念

非付費會員點我 👉 免費閱讀此文章

Design by Jhane Chou

不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。

大綱
1. 排版是什麼?
2. 版面率
3. 留白率
4. 網格系統
5. 打破網格

排版是什麼?

不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即讓版面更加美觀的畫面配置。考量畫面中的所有元素的配置,包含文案的取捨、配色、位置安排、資訊呈現等等。

Design by Jhane Chou / 文字排版

明確的設計目標,正確傳達訊息

想傳達的感受?是否契合主題?符合受眾?所有考量都在明確的設計目標中,運用視覺手法傳達訊息。

可考慮以下條件,做出適合的版面規劃:

  • 此設計的目的是什麼?
  • 最有效的版面配置?
  • 是否好閱讀資訊?
2019–2020 Poster Collection by Ying-Yu Lu

版面率

版面率的高低可影響整體視覺的感受。

by Bloglovin

版面率:版心在整個頁面中佔的比例

首先,我們需要理解何謂「版心」及「頁邊距」。

  • 版心:頁面內容的擺放空間
  • 頁邊距:版心到整個頁面的空間

--

--

Jhane Chou (⁎⁍̴̛ᴗ⁍̴̛⁎)
Deerlight Design 曝鹿設計專欄

Freelancer.Design Tutor.LINE Theme Creator. 自由接案&設計家教,不定期分享設計領域及自由工作的相關經驗 ✹ https://deerlight.design/