Skip to content

【編輯設計】小資族也可以成為平面設計大師的10種排版編輯設計學!

  • 19 Comments

在上班的時候,有些人會因為要在上班的時候去經營公司網站或者粉絲專業等,問題來了,要將宣傳資訊圖片放到網路上,要如何將圖片裡面的資訊用的好看又舒服,不會讓人感到厭惡? (延伸閱讀:不會編輯設計排版?教你基本認識編輯設計概念)

編輯設計前的守則

在確立要做平面設計之前,必須要知道對方會給的文案、標題等一些規定,不管何時,其實都需要一個視覺表現方式,擬訂計畫、再來做了什麼、說了什麼,接著再運用其它元素,像是色彩、文字、圖像等放到所需的設計領域。

說穿了,就是你要達到什麼樣的編輯設計效果才是舒服的。

Photo by Hal Gatewood on Unsplash

(以下1至10操作將使用blindtextgenerator假字及unsplash圖片做示範)

1.

分割法

如果說,在這麼多的文字內容裡,要讓讀者產生共鳴,只要界定範圍給讀者去引導你這個內容再說什麼。

若有數張圖片搭配文字那將是你最好的引導視覺動線。

2.

格線法

以切齊方式下去做排版,對齊再對齊是設計師愛用的方法。一來美觀;二來有視覺去做引導。

3.

顏色法

使用顏色可以讓讀者明確表示這裡有資訊分割,再來也可以運用留白方式讓視覺停留休息,又或者給讀者期待下個將要閱讀的資訊。

4.

大小法

你可以運用大小法,將視覺形成動態感,圖片的重點順序以及文字上搭配,以此形成平面動態編輯設計。

5.

壓圖法

將圖片拉至滿版可以將視覺聚焦,文字上的說明壓至圖片上,也能創造美感。

使用單一張可以讓圖片說話
6.

壓圖法2

延伸第五個壓圖法下來,一樣的將圖片拉至滿版,然後將文字擠進一個範圍裡。

7.

元素法

前面說到將圖片以及文字等運用,不管是大小法、顏色法、壓圖法等方法,你也可以自行在背景加入元素,像是圓形、橢圓形、八邊形、又或者加入一些小圖示等等。

這也要思考這樣做是否必要做為編輯設計裡的一部分。這樣能使畫面中形成歡樂動態感。

8.

滿版法

將圖片及文字等放入該範圍,可將做法達到視覺震撼效果,偶爾也可以大膽一點,又或者也可以全都放文字以及色彩,區別與空間效果、不同大小也可以是流動感、順暢感喔!

9.

系統法

這個方法有些跟分割法、格線法很像,系統法也可以運用格線方式。

艾倫.勒普頓是瑞士格線先驅提倡者,他曾點出瑞士設計在複雜結構中,創造驚喜變化,這樣的效果能同時緊密、寬鬆一併被安排。

10.

直覺法

花了不少時間學了格線設計,如果說要拋開這些你可能會不願意。

這個方法主要是依據你直覺下去做,多做點功課、多讀點設計史,去思考為什麼這樣的流派會引起設計運動,這是我在這個網站想強調的。

像這張使用蒙德里安的紅黃藍,雖然說婚禮些微不適用荷蘭風格派,但主要是示範,透過這樣的示範來了解前人的風格加入你的直覺想法,可以展現你的獨特性。(延伸閱讀:創造經典X與Y象限的萌芽—荷蘭風格派運動)

研究點編排內容,欄位設計,清晰易讀,慎選字體並微調,方能創造極強獨特風格。


設計首要原則就是搭配主題,了解階層關係,文字編排整理。

無論活潑或者沉穩傳統,編輯設計主要決定了你跟讀者一切傳達行為,了解設計原則,但不時打破設計規則也很重要,編輯設計的成功取決你在各種元素搭配,不要為了做而做。

如果你想學習更多關於編輯設計的秘密,那麼以下這本書將推薦你,書籍裡頭講的與我所做的些微不同,但概念上一樣,因為已經將這本書說的格線規則內化並且運用,這本書可能將是讓你成為「編輯設計達人」。

本書特色

★適用於各種類型設計案

★運用範圍從平面到數位,包括書籍、雜誌、DM、年度報表、文宣、研究報告、產品型錄、展覽手冊、節目單、選票單、發票、時刻表、圖表、統計資料、訂購單、行事曆、EDM、指示牌、年表、網站頁面等等

100種設計原則,涵蓋字型的選擇、字距與行距的設定、版面的平衡與節奏、顏色與圖像配置等的運用

★以實際案例來說明,包括法國與日本知名設計雜誌、各大美術館出版品或目錄、英美知名出版設書籍、國際知名設計網站(新加坡DESIGN TAXI)、知名藝術家設計之作品

★另有選自國際知名平面設計大師作品,包括Beatrice WardeMarian Bantjes(美國知名藝術家Stefan Sagmeister稱她為「當代最具獨創性的文字編排設計者」)等人

★案例包含西方橫排與東方直排版面,特別適合中文使用者

★編排簡明易懂,內容深入淺出,由基礎說明開始,到複雜的運用


creativeminishop

本站有部分連結與商家有合作關係,若透過我的連結購買,我會獲得少數佣金,讓我可以持續營運網站,但並不會影響您的任何權益,詳情查看免責聲明及使用條款


如果你經常大量使用圖片的話,本網站推薦三個好用的平台:

  • 重度Adobe使用者,不需要把圖片下載到桌面,直接線上儲存:Adobe stock
  • 目前全球最知名專業的圖庫平台,若你只需要圖像來使用的話:Shutterstock
  • CP值高的素材平台,每月付一次錢就可以下載各式各樣素材:Envato element

看更多素材文章內容....



文章引用請來信索取授權,否則將保留法律追訴權。

19 thoughts on “【編輯設計】小資族也可以成為平面設計大師的10種排版編輯設計學!”

    1. 排版書籍的話《圖解歐文字體排印學》、《文字排印設計系統》可以專研,至於《Typography 字誌 01-05》是比較紅的字體書籍。
      但你說要認識設計領域的話,主要還是要了解設計史比較重要,因為可以讓你思考與了解設計是什麼,再來創新。

發佈回覆給「Anna Jo」的留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *