【排版設計】圖多?文字多?咋排版?

平時所設計出來的,往往與想象相差很遠

除了擁擠還是擁擠

這時候也許你會補一句

【排版設計】圖多?文字多?咋排版?



【排版設計】圖多?文字多?咋排版?



所以文字太多,版面排得滿滿的

你也不會覺得有問題?

反而自我感覺良好,收工完事了嗎?

問題來了,如何解決以上的問題

如何打破這種多文字而又不呆板的局面呢?

Set

The Type Page

學會設置合適的版心

-

版心的作用:其一讓信息內容在安全的區域範圍內;其二讓畫面看起來更加舒適,更加符合讀者閱讀。四周留有適當的頁邊距,這樣既能保持一定的比例關係,又能取得引人入勝的效果和營造出透氣的留白感。

將書籍頁面的版心和頁邊距劃分為較為舒適的比例。但是要注意,設置版心的前提,要清楚知道所設計的項目主題及其文字信息,確定信息層級關係和圖文數量,這樣才能設置出更加實用的版心和版式。(以下版心的原理僅供參考,請按實際情況使用)

1) 版心可以運用“范德格拉夫原理“所創造的邊距比例為2:3:4:6(內邊距:上邊距:外邊距:下邊距)來設置。(如下圖)



【排版設計】圖多?文字多?咋排版?


2) 你也可以選擇“維拉爾圖表法”繪製不同的版心面積,且繪製出來的這些版心區域各個邊距的比率都為2:3:4:6。(如下圖)



【排版設計】圖多?文字多?咋排版?


另外還能通過維拉爾系統繪製出六等分/九等分/十二等分(6×6,9×9和12×12)在內的各種網格系統,網格中的每一個小單元網格都和版心區域為等比例關係的,所以它們相互之間都顯得格外協調。這可以讓設計師在排版時不用猜測摸索,仍然能做出賞心悅目的作品。(如下圖)

【排版設計】圖多?文字多?咋排版?


【排版設計】圖多?文字多?咋排版?



Set

The Column Grid

按內容來設置分欄網格

-

網格是一種在作品中用來定位形形色色設計元素的基本設計輔助工具,其主要作用:輔助對齊,保持整齊性,信息區域的劃分及便於閱讀。

分欄是通過將整體版式垂直進行劃分所得到的一種格式,文字內容一般編排在分欄網格之中。如何處理分欄對文字的可讀性有著舉足輕重的影響。以下是針對多文字編排的版面進行多欄網格的示意圖。如果是多信息的內容編排,一般情況我都會分6欄網格,這樣能更好的進行合併與拆分更靈活的網格。



【排版設計】圖多?文字多?咋排版?


【排版設計】圖多?文字多?咋排版?



Reasonable Division

of Information

信息區域合理劃分

-

關於信息區域劃分,其實與分欄網格有關係。也就是根據信息歸納和分類靈活合併或拆分欄數,從而形成區域合理劃分。當文本過長,將其分割成較短的文本塊,形成欄。

要留意,欄寬越窄,所容納的字數越少。千萬不要因為分欄而分欄,要注意信息之間的關聯性。我們所做的任務,首先保證信息能完整和順利地傳遞給消費者。



【排版設計】圖多?文字多?咋排版?



Learn To

Leave White

不要總想填滿空白處

-

利用下移文本欄和空白欄,標題與文本欄的距離,頁邊距的空白,甚至細微到文本的行距也能打造版面的留白感。留白的關鍵在於掌握畫面的平衡,即便簡單的點線面構圖,也能創造出好的留白。

留白並不代表什麼都沒有,一個好的構圖也能形成留白感。留白創造出設計作品中的冷靜區域,讓作品有了呼吸透氣的餘地,而不是死氣沉沉沒有生機。它還能實現許多功能,比如可以豐富畫面視覺層次。



【排版設計】圖多?文字多?咋排版?


【排版設計】圖多?文字多?咋排版?



Try To Indent

A Paragraph

不如嘗試段落縮進

-

縮進是指在自然段落的段首位置插入不同長度的空白間距。如果版面能巧妙地藉助段落縮進,能很好展現豐富的層級感,從而打造出文字區域的不同視覺感受。

【排版設計】圖多?文字多?咋排版?


The Color is

A Magic Power

運用好色彩也是一種魔力

-

如果以上的技巧還不能滿足你,那麼加上色彩的運用會不會更加分。色彩除了有裝飾感,還有功能性。

其中功能之一是所帶來的節奏和層次的變化,還有區分突出的作用。所以即便是文字添加色彩,還是區域添加色塊,都能給版面帶來視覺感受。



【排版設計】圖多?文字多?咋排版?


免責申明:文章來源於公開網絡,僅供設計師學習,版權歸原創者所有!無對涉及版權問題負責,如有原作者認侵,聯繫必刪

福利互動

為答謝客官閱讀完此文支持,特准備設計新人整套課程贈送領取

下方是領取方式

2,評論文章,不限字數,一個字都行

下方是課程內容

【排版設計】圖多?文字多?咋排版?

【排版設計】圖多?文字多?咋排版?


分享到:


相關文章: