新手如何成為設計師：排版篇

2023-09-11

撰寫者：冰凝

　　路上同時出現兩張特價海報時，人腦會判斷眼睛要接收怎樣的訊息，必定會選擇看資訊清楚的海報，左圖的數字用的黃色來凸顯，也將文字用大小區分，一眼就能看到重點；右圖所有資訊混雜，不僅有多種字體且內容文字都差不多大小，讓觀眾看不到重點在哪裡。

＊先不論設計美感，只看文字擺放。

一、雜亂變乾淨：信息整理

　　當在街上看到這兩張兒童節優惠的海報時，是不是覺得左邊的海報比較好閱讀呢？左圖在資訊傳達上，清晰明瞭；右圖雖然有很多可愛的圖案能吸引大眾，但文字擺放雜亂，讓人沒辦法快速獲得資訊，所以在設計前必須有效的整理訊息才能達成好效果。

訊息整理三步驟：

（一）理解：考慮設計的受眾是誰，目的是什麼？

（二）提取：將客戶給的資訊整理出要表達的重點。與客戶討論時常常對方會提很多想要放置的內容、模糊的概念風格，這時就必須抓到重點後再設計，避免一昧聽從客戶的所有要求，卻失去了重點。

（三）佈置：提取重點後，依照主要、次要的順序來擺放資訊。

二、將內容分類：距離關係

　　面對空蕩蕩的頁面還沒有任何設計想法嗎？可以先將整理好的資訊先放在畫布上，再將主要、次要內容分開擺放，同類訊息靠近，不同類遠離。先放文字，多於的空間再放素材，也能避免過多素材而壓縮到文字的情況，因為傳達資訊才是設計的主要目的。

　　如果少了這步驟會導致資訊散亂的堆積在一起，會讓人需要花大量時間才能閱讀完，通常人的注意力為８秒左右，在短短時間內如果沒讓觀眾感興趣而接收到資訊，就會是失敗的設計。

三、魔鬼藏在細節裡：排列與對齊

　　你有注意到每款設計軟體都有尺標與對齊工具嗎？這兩項工具是設計師不可或缺的！排列時，光用眼睛看很難達到每個物件都擺放整齊，不齊的畫面就像散落一地的玩具，讓人看了不順眼。用尺標建立參考線再搭配對齊工具，就像是把散落的玩具全部擺放整齊一樣，也能讓觀眾輕鬆閱讀資訊。

（一）對齊：讓訊息邊緣整齊排列。多利用對齊工具，可靠左、置中、靠右等，依據擺放需求來對齊可以讓整體畫面更和諧。

（二）統一：統一字體、元素的風格，過多不同的風格會讓畫面雜亂。

（三）間隔：決定不同訊息的歸納，也能將重點細分成主要、次要關係。

四、視覺觀看順序

　　當你拿到傳單時，第一直覺會先從哪裡開始看呢？通常都是從上到下，從左到右閱讀，因為我們從小養成這個閱讀習慣，所以當順序顛倒時會讓人反應不過來，需要花更多時間去理解內容，所以在編排內容時要按照人眼的慣性才不會讓觀眾搞不清楚閱讀順序。

＊錯誤的順序會讓觀眾不知道要從哪開始看才是正確的，混亂的順序、複雜素材皆會導致觀看者花了幾秒的時間看不到重點後離開。

五、避免過多、重複的元素

　　什麼元素才是適合畫面的呢？在設計時統一風格才不會讓畫面有不協調感，將設計拆開來看就可以看出畫面是由文字、素材、顏色組合而成的，所以建議每項盡量不要超過三種變化，使用過多、重複的元素會讓畫面風格不統一、拼貼感很重。為了避免不統一，可以在文案中找風格或商品中提取色彩，不管是相同色系或是撞色感，只要確保整體風格保持一致且不會搶走重點即可，如果對選顏色有疑惑的人，結尾有配色篇的文章連結可以看到更詳細的說明。

　　下圖範例可以明顯看出左圖整體顏色統一皆為藍色調，畫面呈現清透感；右圖紫色底色比商品本身搶眼，導致視線無法集中在商品上也讓整體氛圍偏重，字體超過三種沒有統一感，過多的樹葉、重複的商品讓空間壓縮而擁擠，會與清透相互衝突。