思考消費者會如何選購商品

一個好的產品包裝，除了調性需與品牌理念相符之外，其包裝主視覺也必然與商品本身的市場定位息息相關。由於每個人的價值觀都不一樣，要如何讓消費者從包裝的外觀，就知道產品有哪些功用、又與其它商品有哪些差異，都在在考驗著設計師的能力。

這也意味著，包裝與一般平面宣傳品的設計，存在著相當的差異；商品包裝除了需融合品牌理念與產品功用的意象之外，更也肩負著市場的競爭壓力，考驗著如何透過包裝設計在茫茫競品中脫穎而出。

另外，相較於平面宣傳品只有單方面目的/理念的輸出，包裝設計牽涉著更進一步的互動過程，也就是消費者對於產品本身的共鳴度。例如，這項商品能為我解決什麼問題？是否符合目前所需等等？都會是消費者在選購商品時，免不了的考量與抉擇。

構想能打動人心的產品包裝

曾被美國《彭博商業周刊》(Bloomberg Businessweek) 譽為全球最具影響力設計師之一的唐納德 · A ·諾曼 (Donald A · Norman)，於其第三本著作-《設計心理學 3：情感化設計》中，提出了所謂的「情感化設計」(Emotional Design) 理論。

在「情感化設計」中包含由低到高的三種設計階段，即「本能層次設計」(Visceral Design)、「行為層次設計」(Behavior Design) 與「反思水平設計」(Reflective Design)。

1. 本能層次設計

「本能層次設計」即是指包裝外觀給消費者的第一印象，這當中包含配色本身所傳達出來的色彩情感，與和商品功能相關的視覺符號應用。

2. 行為層次設計

「行為層次設計」則推進到消費者理解的階段，即包裝外觀是否與過往的經驗相符，不需花太多時間即能知道這項商品的功用與使用方式等等；因此如何降低理解商品的門檻，並營造出對商品的好感，就會是這階段的重點。

3. 反思水平設計

最後在「反思水平設計」中，消費者會開始思考產商品是否符合「自我形象」中理想化的樣貌，或者是否能營造出滿足「個人成就」的愉悅體驗。

契合「自我形象」最好的例子，莫過於兼具科技、美觀與良好使用體驗的蘋果 (Apple) 旗下商品；其特點在於能讓消費者在使用商品的過程中，強烈地感受到自己正站在科技尖端上，享受著獨有的新潮與便利感；而其極簡、優雅的外觀，更也滿足了人們一直以來對於時尚、美觀的追隨。

而就創造「個人成就」的案例，是以 IKEA 最為經典；藉由讓消費者從零開始建構出傢俱的型態，每一次遇到的難關、到每一步突破後的成就感，都會成為人們日後回憶中的苦笑與喜悅。

這樣的組裝體驗，能使即使是同類型的傢俱，在每一個人的手中都會轉變成獨一無二的存在，這更也是其它品牌難以超越的體驗感受。

從理論中思考保健食品的樣貌

這次包裝設計提案中，是不老藤將推出的新商品－自燃食消，其特點在於能抑制食欲並促進人體代謝。這些功用聽起來跟許多市面上的商品很像，也因此在設計前期，就會開始設想要如何設計才能有效彰顯商品的特點，並進一步達到建立市場差異化的效果。

也因此，前面所提到的「情感化設計」，便成為設計時最佳的參考與自我檢視的準則；讓設計不單只是讓商品外觀變美的工具，而是能成為解決問題、滿足心裡期待的生活必需品。

設計出具商業感的包裝外觀

收集、比較市面上的產品包裝

在開始設計前，先於公司附近的康是美市場調查一番。從上面的照片可以發現，市面上相關的競品可說是相當的多；有些商品利用視覺符號傳遞訴求，有些商品以高明度的配色來吸引目光，更有些商品直接放大商品名稱來直接傳達其功用。

但無論哪個方法，對於消費者來說，感受到的卻是一片琳瑯滿目的光景，讓挑選商品成了一場意外的挑戰。其中在這些商品中，第一眼最先讓我注目到的是有著斗大商品名與視覺元素的紅豆水，接著則是一樣有著斗大商品名的胺基纖。

不過，雖然說紅豆水與胺基纖都能瞬間讓人注目到，但這種視覺設計手法卻也很容易被複製；往後新興的商品若同樣將商品名與視覺元素放大的話，那麼原本受矚目的優勢也將不復存。

這就有點像以前讀教科書的時候，若將每個自以為是重點的文句都畫上記號，那麼重點都不重點了說 XD

構想包裝的視覺風格

不過這次的實地訪查，也為接下來的包裝設計提供了重要的參考。目前市面上大多的商品，多利用大量的文案與視覺元素來凸顯商品的功用，也因此當我們一眼望去的時候，會感受到相當的繁雜且無序。

那麼如果朝著簡單、清楚的風格來設計，是否就能在一片絢麗的包裝光景中脫穎而出呢！？就自己的想法來說，是認為可行的。此外，若以簡單、清楚的視覺為基礎，再加上有著輕盈感的視覺符號，感覺就能符合這款商品所想傳遞的瘦身並帶來健康的感受。

想好市場的突破口後，就以「簡單」、「清楚」與「輕盈」作為接下來風格定調的關鍵字，開始著手接下來的設計。

包裝設計要求

自燃食消這款商品，在業主的構想上還可以各自成兩種商品，一款是抑制食慾、不易形成體脂肪的自燃，另一款是幫助排便、整腸的食消。自燃與食消這兩種商品可以合一起成為同款商品，也可以各自獨立成一款商品。

因此在包裝設計前，就必須先想好如何讓包裝的主視覺，是可以融合這種商品的特性，且即使各自獨立成一款商品，也還能維持原有的風格而不顯得突兀。

提案一

就自燃食消的功用來看，是以瘦身為主要功能的商品。因此在主視覺的呈現上，就構想到以人體纖瘦輪廓的線條來象徵商品的功用。以兩側的圓弧畫出類似人體腰部部位的輪廓，再以往內逐漸靠攏的線條來表達體態逐漸變得纖瘦的過程。

接著，再以顏色來區分自燃、食消這兩種商品；以橘色來模擬燃燒的意象，象徵著抑制食慾、不易形成體脂肪的「自燃」；以綠色來代表天然健康的感覺，象徵著幫助排便、整腸的「食消」。同時，漸層色的應用，亦也代表著體態逐漸變得纖瘦的過程。

不過，第一版的包裝設計似乎看起來有點複雜，不太符合預先設想的「簡單」、「清楚」與「輕盈」的風格。因此，接下來就試著嘗試縮減那些過多、繁複的視覺元素。

接著，試著把關於商品功用的介紹文縮減，並捨去漸層色改以單色呈現。

如此看起來，雖然有符合「簡單」、「清楚」的風格定位，但整體看起來似乎又太「乾淨」了，不太像商品的感覺。且圖型也有點過於抽象，可能讓人無法一眼看包裝，就知道商品所想要表達的理念是什麼。而這點就無法符合「行為層次設計」中，對於降低理解商品門檻的要求。

於是，接下來調整的方向，便是將描繪身體輪廓的線條變得更為具象，讓用於象徵人體型態的圖型變得更為清晰。同時，也延續第一版漸變的線條與漸層色來表達體態變得更為纖瘦的過程。

另外，商品英文名 — Fat Down 的背景幾何圖型，是以由大到小的圓型來表示脂肪逐漸消散的過程，以偏抽象的方式來暗示商品的功用。

透過線條與幾何圖型的應用，讓消費者可以從包裝的外觀就知道這是一款跟瘦身有關的商品，而這也是「行為層次設計」中所強調的消費者理解階段，即不需花太多時間就能知道商品的功用與使用方式等等。

在確定主視覺的樣貌後，接著就進行細部的精修。

首先，將線條的陰影調淡，讓黑色陰影不至於過於搶眼，畫面也能顯得更為乾淨。接著，再把商標、包裝數與商品附註等字樣從灰色調成白色；在亮度增加的情況下，讓閱讀時顯得清晰、也更為舒服些。

接著下篇，則會接續記錄另一款包裝設計提案，其將著重於字體的設計與主視覺的規劃。

以上關於包裝設計的分享，希望大家會喜歡 :D

保健食品之包裝設計-透過視覺傳遞商品的定位與理念 (上) was originally published in About Visual Design on Medium, where people are continuing the conversation by highlighting and responding to this story.

在上篇 〈品牌標誌規範 — 關於合康投資的設計心得與紀錄 ( 上 )〉的設計紀錄中，談到了商標從發想到完稿的過程；接下來，將提及商標要如何藉由規範的制定，讓商標在任何傳播媒介上都能完美且統一地呈現。

在品牌標誌規範中，可以再細分成「品牌使用規範」與「品牌事務用品」；前者著重在品牌是由哪些視覺元素所構成及其使用的方法；後者則將品牌實際應用在名片、傳真籤、摺頁等事務用品上，展示品牌實際應用出來後的效果。

透過這些規範的訂定，除了可以讓案主更清楚知道要如何使用這個商標之外，日後即使其它設計公司接手合康投資的設計案，也能透過這份標誌規範設計出符合品牌形象的視覺應用。這個概念即是美國平面設計大師保羅・蘭德 (Paul Rand)所強調的「適應性」與「普適性」設計原則。

品牌標誌使用規範

1. 品牌全銜標示

圖形標誌與標準字的結合，即是品牌的「識別標誌」，也可稱為「品牌標誌 (Logo)」。為讓商標能應用在不同尺寸的媒介上，在品牌全銜標示這頁中便會規範商標橫式與直式的視覺呈現樣式。

2. 圖形商標

透過 1: 1.618 的黃金比例，讓標誌圖形的樣式與弧度，在任何情況都能維持著一致的視覺體驗。接著，再藉由標示比例圖的界定，規範出圖形商標的標準規格。

3. 品牌標準字

合康投資的商標標準字是從思源黑體做為發想，經由一些筆畫上的微調，刻意地讓筆畫之間不相連，以營造出清新的視覺辨識度。同時，標準字也藉由圓弧與格線來規範其外型、間距與字體間的相對位置。

4. 品牌標準色

標準色扮演著形塑品牌形象的重要角色。透過確立特定的 CMYK、RGB 與色票編號，確保商標在任何媒介中，都能呈現出一致的色彩體驗。

5. 商標最小淨空範圍

於商標周圍預留「完全淨空」的空間，能使視覺順利聚焦在商標本身。因此在淨空範圍內，任何圖樣都不可以出現；在使用商標時，淨空範圍即是指商標與文件或折線邊緣的最小距離。

6. 商標最小與最大使用尺寸

規範標誌與商標的最小與最大使用尺寸，是為了確保商標在輸出時在各種材質下皆能維持一定的識別度，以讓標誌呈現出一致性的清晰與完整度。

7. 合康標誌使用錯誤態樣

為確保標誌在日後使用上都能維持正確的視覺形象，在品牌標誌規範中會特別列出一些需要避免的標誌誤用形式，以維持品牌的既有風格。

8. 合康商標使用錯誤態樣

同樣的，商標也有可能會有使用不當的地方，因此也需事先在規範中訂定出需要避免的誤用形式。

9. 商標與背景色使用

考量到日後品牌在行銷、企劃上的應用，在還不確定會使用那些傳播媒介下，仍可以事先規劃好適合與商標搭配的背景色彩。此外，在好的背景色襯托下，也能達到凸顯商標的效果。

10. 商標與背景色的使用錯誤態樣

商標不適合以外框樣式或非白色底色來與背景色搭配，以避免商標的標準色與背景色互相影響下，產生視覺干擾、辨識不清楚的情況。

11. 品牌中文指定字體

中文採用思源黑體 (Source Han Sans) 作為品牌的指定字體。思源黑體是 Adobe 與 Google 攜手開發的可商用字型，其特點包含擁有七種字重、筆畫清晰、字面率高、辨識度佳，在標題字與內文上都很適合使用。

12. 品牌英文指定字體

英文也採用思源黑體作為品牌指定字體，其同樣有著七種字重；在字母寬度較小的情況下，可讓人在閱讀上特別感受到親切、放鬆的氛圍，其在標題字與內文上都一樣很適合使用。

品牌事務用品

1. 信紙

藉由版線來規劃信紙的版面樣式。

2. 信封

一樣以品牌的風格來做延伸。

3. 便籤

版線的規劃上，是以標誌的尺寸來制定橫向與直向的參考線位置，以用於劃分版面空間。

4. 傳真籤

將標誌尺寸當作 X，再以 X 與 X/3 的大小來劃分版面空間。

品牌手冊的內容含量，從像這樣幾十頁、或到幾百頁都有。但無論份量多寡，在設計上還是推薦使用 InDesign 來進行設計；因為 InDesign 只要透過母版，就能快速地替每一頁進行排版或修改。這算是這次在用 Ai 來設計品牌手冊時，小小的血淚經驗XD

(有點太習慣用 Ai，而忽視了 InDesign 在書籍設計上的強大之處><)

以上關於設計作品與思考上的分享，希望大家會喜歡 :D

品牌標誌規範 — 關於合康投資的設計心得與紀錄 ( 下) was originally published in About Visual Design on Medium, where people are continuing the conversation by highlighting and responding to this story.

在生活裡，品牌莫過於是僅次於空氣，最為貼近我們的存在。

環目視周，一天下來看到的品牌少說就百個以上，甚至千個也不誇張。由此可知，想要在這茫茫大海中脫穎而出，品牌對於公司會是個多麼重要的存在。

曾替 IBM 與美國廣播公司 (ABC) 設計過品牌標誌 (Logo) 的保羅・蘭德 (Paul Rand)，即認為若想設計出易於辨識的 Logo，那麼 Logo 必須具有以下七個特點：獨特性、可視性、適應性、可記憶性、普適性、經典與簡潔性。

其中，可視性是指能夠輕易發現 Logo 的存在。適應性是指 Logo 在紙上、線上介面、甚至小到 Apple Watch 上，都能夠被識別。普適性是指 Logo 所乘載的品牌理念，對於每個人看到並理解後的價值觀會是一致的。

這七個優秀 Logo 會擁有的特點，是設計時需要不斷留意、反覆詢問自己的準則。等到 Logo 視覺確定之後，就可以進一步建構 Logo 在各種使用情境下的規範，即所謂品牌標誌規範。

從手繪開始設計 Logo 的第一步

透過收集來釐清風格方向

此次品牌標誌規範設計案，是一間主要經營投資業務的合康投資股份有限公司 (其實公司名就很明顯 XD)。

由於投資業務也包含在金融產業的屬性裡，因此在了解案主喜歡什麼品牌風格之前，會先收集金融業中關於各家銀行、投資公司的 Logo 來進行提案。

透過這些視覺圖像，可以讓溝通過程更為聚焦；避免因為認知的不同，而對相同的風格有不同的定義。

收集 Logo 的範圍，不限於只在台灣的公司，國外也有許多優異、又多樣類型的 Logo 可以參考。

經由圖像溝通之下，了解到案主喜歡像元明投資、泰來投資的 Logo 那樣，有著印章樣式、復古、穩重又不失經典的感覺。

在風格確定之下，就可以進一步蒐集更多相關的樣式，此時搜尋範圍就不限於金融產業裡，只要是印章類的 Logo，都可以是我們與案主參考的標的。

在這些印章類的 Logo 中，案主表示 NEW YORK CULTURE EXCHANGE 是他們最喜歡的標誌樣式。因此再接下來設計上，就可以確定無需考慮圖案標誌與抽象標誌的 Logo 樣式，直接從合康投資的中英文字來構想文字標誌就可以了。

透過手繪來自由揮灑對於 Logo 的想像

從手繪來開始設計 Logo 的好處在於，鉛筆是我們最能靈活運用的工具，幾乎可以毫無限制地畫出心中的理想樣式。

雖然手繪比不上電繪的好看與精細，但重要的是能藉此快速記錄當下的靈感，讓想法透過筆尖自由地擴散、展現出來。

接著，手繪畫好的 Logo，可以藉由掃描或透過 Ps 裡的灰階、色階功能來調整 Logo 的清晰度，就能將手繪稿展示給內部設計團隊或案主來參考、討論了。

在這些手繪 Logo 中，有些以中文字進行設計的 Logo，有特別融入合康英文名的 HK 縮寫進去，希望創造出既有中文、又有英文字的創意感。

只不過這構想有點難畫出來 ( 所以後來這想法，後來沒受到案主的採納 XD )。若大家有興趣的話，可以試著找找 XD

藉由電繪來修飾最終 Logo 的細節

從這些 Logo 手繪稿中挑出滿意或可以延伸的圖像，進到 Ai 裡來進一步調整。由於案主喜歡最有 HK 字樣的設計，因此接下來就接著調整其細節的地方。

透過調整、變化各個細節，找出適合表現出 HK 字樣的 Logo 圖型。

在這 5 個 Logo 中，最後選擇第 5 個 Logo，原因在於：

1, 2 Logo

沒選第 1, 2 個 Logo 的原因在於， 雖然垂直線段（分別為 15.148 pt, 15.436 pt）都比水平線段（15 pt）來得寬，不過斜線線段卻也是 15 pt。

在眼睛對於高度比較靈敏的情況下， 斜線線段應要水平線段來得粗，才能達到視覺上的平衡。

另外，雖然每個線段兩端的切面都是順著圓形外框，但各線段的終點切面都不一樣，視覺上會有些許的雜亂。

3 Logo

沒選第 3 個 Logo 的原因，斜線線段跟水平線段不應該一樣寬之外， 斜線線段的切面跟另外兩條垂直線段的切面並無方向上的一致性，看起來一樣會有些許不平衡的問題。

4, 5 Logo

第 4, 5 個 Logo，都改善了前面所說的線段切面方向上不一致的問題，透過水平切齊線段的方式，營造較為一致性、且舒服的視覺感受。

另外， 斜線線段也都比水平線段來得寬一些，補償了眼睛對於物體高度的敏銳度遠大於寬度的問題。

只不過第 4 個 Logo 的斜線線段只有 15.038 pt 寬，相較於 第 5 個 Logo 的 15.113 pt 的寬度，對於改善視覺平衡的效果仍較為有限，因此最後決定選第 5 個 Logo。

上述 5 個 Logo，其實都帶入 1.618：1 之黃金比例來進行設計。透過黃金比例的輔助，可以讓調整 Logo 時有著可以依循的方向，而不是單純只憑感覺來調整各線段位置。

寫在最後｜設計前期時，大量收集 Logo 很是重要

在設計 Logo 時，大量地參考各家 Logo 的作品，會是有效產生靈感的方法；尤其當設計卡關的時候，更是如此。

像在設計合康投資的時候，就找了超過百個 Logo 與字體；而這些圖像就如同靈感資料庫一樣，只要畫不出新的 Logo 樣式時，自己就會回頭看看這資料庫，以補充可能早已耗竭的設計靈感。

另外，收集 Logo 時，也可以稍微分類各種類型的 Logo，以方便日後參考。

接著下篇，則會接續記錄 Logo 所延生出來的標準字、標準色與應用設計等品牌標誌規範，與在訂定規範時一些設計想法與心得。

以上關於 Logo 設計的分享，希望大家會喜歡 :D

品牌標誌規範 - 關於合康投資的設計心得與紀錄 ( 上 ) was originally published in About Visual Design on Medium, where people are continuing the conversation by highlighting and responding to this story.

自從投入到設計領域裡，最常碰到的案子莫過於海報與 Banner 為首。雖然這些版式設計案，並不像品牌識別設計可能需耗時一個月那麼久。

但每個設計案都會有不同的風格要求，如何在短時間內設計出案主滿意、自己也喜歡的作品，在在都考驗著自己的設計底蘊。

多看，可能會是個不錯的方法；但總覺得多做，才是進步最快的方式。

剛好工作的關係，有機會能夠不斷嘗試不同的設計方法。因此接下來，就記錄著那些可能完美與不完美的作品，希望讓想法沉澱出往後更多設計的可能與靈感。

透過幾何圖形來構築畫面

關於幾何的面

幾何構圖是自己最喜歡的表現形式，它無需像 PS 特效那樣需要繁複的技法，只需運用點線面來勾勒畫面，就能有效營造有衝擊感的畫面、匯聚觀眾的視覺焦點。

幾何圖形之所以吸引人，覺得很大的原因在於它的形式多變，任何圓形、矩形、或三角形的搭配，都能讓簡單的圖文內容顯得生動。

雖然各種幾何圖形沒有所謂的使用規範，但在目的上卻是一致的，那就是讓畫面顯得更豐富並讓資訊能有明確的視覺導引。

像上圖的 Banner，雖然在幾何圖形填滿空間下，畫面顯得充實許多。但在幾何圖形分割下所產生左右兩條負形線條，卻也讓整個結構看起來有點鬆散、與那麼一點不和諧感。

那換個方式呢？

不刻意留下負形空間，透過相近的色調讓幾何圖形自然地與圖片相互融入；再藉由幾何圖形所構成的外框，引領視線聚焦在資訊本身。接著，利用 「滴管工具」吸取圖片中的橘色色調，作為內容上的強調與畫面上的點綴。

如此嘗試之下，Banner 終於看起來更有秩序感，整幅畫面結構上也顯得更為穩定。這幅 Banner 也算是自己現階段，對於幾何圖形的運用最滿意的作品 (自己覺得 XD)。

關於幾何的點

點線面所營造出來的視覺感受，其實都相當的不同。

面由於本身就有一定面積，因此會比點與線帶來更強烈的視覺感受；面所構築的滿版畫面，往往讓人很難不注意到，這也是面特有的視覺衝擊風格。

與面不一樣的是，點所塑造的風格，又全然是另一種視覺觀感。

如左圖的海報，規律且朝著特定方向集中的點，可以營造出一種秩序且具有規律的視覺感受。

特定方向排列的點，同時也引導著人們的視覺路線；由左下而右上順著點集中，自然地就關注到海報最主要的重點資訊。

但有人可能會好奇，這明明就是一個個人的樣子，怎麼看也不像點？其實就廣義而言，任何小到不足以構成面積的型態，都可以稱為點。

例如，像這幅電商廣告，就利用花來當作點綴元素，扮演著襯托資訊、修飾背景的角色。

關於幾何的線

線的應用，則又是全然新的感覺。

不規則的線條排列，可以讓畫面顯得更為生動，也更容易達到視覺吸睛的效果。

雖然無序性線條的排列方式，無法達到導引視線的效果；不過藉由放大字體並應用輔助色的方式，仍可以指引觀眾注意到主要資訊。

看到這裡，應該可以發現幾何圖形的應用真的很多元。

幾乎可以說，沒有做不到的，只有想不到的。若要從中梳理出一套設計規則，自己覺得還蠻難的，但至少，靠著實作還是能掌握對於美感的敏銳度。

有時後會覺得，設計的感覺，總是一種靈光一現。也因此，留下記錄是很重要的。藉由整理、思考自己的設計脈絡，有時候反而能意外發現另一種設計方法與變化的可能。

藉由排版來塑造畫面

垂直水平構圖

垂直水平的構圖方式，是將圖文內容劃分左右兩邊或上下兩邊的方法。雖然這聽起來似乎有點呆板，但這種方式在圖片素材不過多的前提下，反而能讓畫面看起來更簡潔，更容易讓觀眾閱讀主題內容。

另外，為能讓觀眾更易了解資訊的閱讀順序，建立明確的視覺階層亦是另一個設計重點。

這時，就可以透過字體大小的對比、行距、色彩、或元素的點綴，來劃分標題、小標題與內文之間的層級關係。

其中，點綴元素可以是點、線、或是小圖示，其應用可以讓單純的文字排版不顯得過於單調，也能達到指引視線的效果。

相較於水平構圖，Banner 由於高度較低，因此是最常、或者說最適合使用垂直構圖的平面。如果要嘗試水平分割，可能要在資訊量較小的情況下，才適合設計。

雖然說每次海報能製作的時間，並不一定都能夠很充裕；但在時間允許的前提下，若能畫上一些圖示來輔助內容，倒是能讓人更快速掌握重點。

圖文搭配可謂是最吸引人的設計手法，但繪製時間較耗時也是其缺點。

自己的解決方法是，平時就做好整理圖示的習慣；等需要用到時，就能根據這資料庫進行快速的修改或組合應用。

傾斜構圖

傾斜設計的方式，則是將幾何圖形、圖片等元素做一定角度的傾斜；如此除了能讓畫面看起來更為生動，也傳遞出親近、活潑的感覺。

除了將色塊、圖片做傾斜設計之外，其實也會看到一些設計作品是連同文字做傾斜設計。

自己是不太習慣傾斜文字的做法，覺得這做法雖能讓畫面看起來有趣，但有時候反而會干擾閱讀。

也許比較好的做法是，文字傾斜角度不要刻意過大，或者只有資訊量較少的時候才嘗試。

總之，覺得傾斜構圖是個蠻特別的設計方法，等之後做更多關於傾斜構圖的設計，再來好好分享這部分。

有時候會覺得，Banner 是比海報更具有挑戰性的平面設計。畢竟 Banner 屬於狹長型的平面，光試想內容要怎麼擺放，有時就會思考很久。

雖然前面有提到垂直構圖，還蠻適合應用在 Banner 設計上。但總覺得，若每次都用同樣的設計手法，是不容易進步的。這時候，若用傾斜構圖再搭配上幾何圖形，就能變化出許多樣式，設計思考上也會靈活許多。

透過圖形與幾何圖形的切面，來斜向劃分平面，其組合形式可謂相當的多，變化程度又比垂直構圖有趣的多。雖然說，傾斜構圖還蠻考驗設計靈感的；但覺得多參考、多實作，終究還是能想到更多的變化方式。

寫在最後｜讓設計方法更完美的細節－對齊

在版式設計的方法中，除了幾何構圖、垂直水平構圖及傾斜構圖之外，其實還有著重心構圖、曲線構圖、對稱構圖等多種方式。

雖然各種設計方法各有其優缺點和適合的搭配主題，但只要能夠清楚傳遞出資訊，就會是好的設計方式。

另外，覺得另一個重點是，不管是用哪一種的設計方法，其實只要有將內容、圖片、或圖文之間對齊好，就能讓畫面變得好看許多。

想知道對齊的好用之處，將作品拿來前後對照就是最好的方式。

在未對齊前的海報中，內容與圖示都有點刻意想要呈現出滿版的畫面，結果就會讓主圖-駭客圖像顯得有點突兀；且由於內容都分得太開，閱讀上反而會顯得不連貫。

經過對齊調整後，可以發現由上而下的閱讀順序，顯得清楚許多。將內容聚集成一個視覺區塊，多出來的留白空間，就能讓畫面顯得輕鬆好讀許多。

而這個例子，則是因為自己有將 Logo 放到最下或最右的習慣；因此在未對齊前的海報中，可以發現整個畫面看起來，會有點那麼不協調。

接著，將 Logo 再往左移並與標題對齊後，就會發現畫面瞬間看起來舒服許多；然後，再調整一下白色斜線的寬度，讓整個視覺顯得更為統一。

看到這裡，可以發現其實只要有對齊好，整個設計感就會跑出來了。若再搭配上適合的構圖方法，就會發現設計是能靠著有邏輯的方法，產出有美感的畫面。

以上關於設計作品與思考的分享，希望大家會喜歡 :D

在版式設計中，關於海報與 Banner 的構圖形式 was originally published in About Visual Design on Medium, where people are continuing the conversation by highlighting and responding to this story.