在版式設計中，關於海報與 Banner 的構圖形式
前言
自從投入到設計領域裡，最常碰到的案子莫過於海報與 Banner 為首。雖然這些版式設計案，並不像品牌識別設計可能需耗時一個月那麼久。
但每個設計案都會有不同的風格要求，如何在短時間內設計出案主滿意、自己也喜歡的作品，在在都考驗著自己的設計底蘊。
多看，可能會是個不錯的方法；但總覺得多做，才是進步最快的方式。
剛好工作的關係，有機會能夠不斷嘗試不同的設計方法。因此接下來，就記錄著那些可能完美與不完美的作品，希望讓想法沉澱出往後更多設計的可能與靈感。
透過幾何圖形來構築畫面
關於幾何的面
幾何構圖是自己最喜歡的表現形式，它無需像 PS 特效那樣需要繁複的技法，只需運用點線面來勾勒畫面，就能有效營造有衝擊感的畫面、匯聚觀眾的視覺焦點。
幾何圖形之所以吸引人，覺得很大的原因在於它的形式多變，任何圓形、矩形、或三角形的搭配，都能讓簡單的圖文內容顯得生動。
雖然各種幾何圖形沒有所謂的使用規範，但在目的上卻是一致的，那就是讓畫面顯得更豐富並讓資訊能有明確的視覺導引。
像上圖的 Banner，雖然在幾何圖形填滿空間下，畫面顯得充實許多。但在幾何圖形分割下所產生左右兩條負形線條，卻也讓整個結構看起來有點鬆散、與那麼一點不和諧感。
那換個方式呢？
不刻意留下負形空間，透過相近的色調讓幾何圖形自然地與圖片相互融入；再藉由幾何圖形所構成的外框，引領視線聚焦在資訊本身。接著，利用 「滴管工具」吸取圖片中的橘色色調，作為內容上的強調與畫面上的點綴。
如此嘗試之下，Banner 終於看起來更有秩序感，整幅畫面結構上也顯得更為穩定。這幅 Banner 也算是自己現階段，對於幾何圖形的運用最滿意的作品 (自己覺得 XD)。
關於幾何的點
點線面所營造出來的視覺感受，其實都相當的不同。
面由於本身就有一定面積，因此會比點與線帶來更強烈的視覺感受；面所構築的滿版畫面，往往讓人很難不注意到，這也是面特有的視覺衝擊風格。
與面不一樣的是，點所塑造的風格，又全然是另一種視覺觀感。
如左圖的海報，規律且朝著特定方向集中的點，可以營造出一種秩序且具有規律的視覺感受。
特定方向排列的點，同時也引導著人們的視覺路線；由左下而右上順著點集中，自然地就關注到海報最主要的重點資訊。
但有人可能會好奇，這明明就是一個個人的樣子，怎麼看也不像點？其實就廣義而言，任何小到不足以構成面積的型態，都可以稱為點。
例如，像這幅電商廣告，就利用花來當作點綴元素，扮演著襯托資訊、修飾背景的角色。
關於幾何的線
線的應用，則又是全然新的感覺。
不規則的線條排列，可以讓畫面顯得更為生動，也更容易達到視覺吸睛的效果。
雖然無序性線條的排列方式，無法達到導引視線的效果；不過藉由放大字體並應用輔助色的方式，仍可以指引觀眾注意到主要資訊。
看到這裡，應該可以發現幾何圖形的應用真的很多元。
幾乎可以說，沒有做不到的，只有想不到的。若要從中梳理出一套設計規則，自己覺得還蠻難的，但至少，靠著實作還是能掌握對於美感的敏銳度。
有時後會覺得，設計的感覺，總是一種靈光一現。也因此，留下記錄是很重要的。藉由整理、思考自己的設計脈絡，有時候反而能意外發現另一種設計方法與變化的可能。
藉由排版來塑造畫面
垂直水平構圖
垂直水平的構圖方式，是將圖文內容劃分左右兩邊或上下兩邊的方法。雖然這聽起來似乎有點呆板，但這種方式在圖片素材不過多的前提下，反而能讓畫面看起來更簡潔，更容易讓觀眾閱讀主題內容。
另外，為能讓觀眾更易了解資訊的閱讀順序，建立明確的視覺階層亦是另一個設計重點。
這時，就可以透過字體大小的對比、行距、色彩、或元素的點綴，來劃分標題、小標題與內文之間的層級關係。
其中，點綴元素可以是點、線、或是小圖示，其應用可以讓單純的文字排版不顯得過於單調，也能達到指引視線的效果。
相較於水平構圖，Banner 由於高度較低，因此是最常、或者說最適合使用垂直構圖的平面。如果要嘗試水平分割，可能要在資訊量較小的情況下，才適合設計。
雖然說每次海報能製作的時間，並不一定都能夠很充裕；但在時間允許的前提下，若能畫上一些圖示來輔助內容，倒是能讓人更快速掌握重點。
圖文搭配可謂是最吸引人的設計手法，但繪製時間較耗時也是其缺點。
自己的解決方法是，平時就做好整理圖示的習慣；等需要用到時，就能根據這資料庫進行快速的修改或組合應用。
傾斜構圖
傾斜設計的方式，則是將幾何圖形、圖片等元素做一定角度的傾斜；如此除了能讓畫面看起來更為生動，也傳遞出親近、活潑的感覺。
除了將色塊、圖片做傾斜設計之外，其實也會看到一些設計作品是連同文字做傾斜設計。
自己是不太習慣傾斜文字的做法，覺得這做法雖能讓畫面看起來有趣，但有時候反而會干擾閱讀。
也許比較好的做法是，文字傾斜角度不要刻意過大，或者只有資訊量較少的時候才嘗試。
總之，覺得傾斜構圖是個蠻特別的設計方法，等之後做更多關於傾斜構圖的設計，再來好好分享這部分。
有時候會覺得，Banner 是比海報更具有挑戰性的平面設計。畢竟 Banner 屬於狹長型的平面，光試想內容要怎麼擺放，有時就會思考很久。
雖然前面有提到垂直構圖，還蠻適合應用在 Banner 設計上。但總覺得，若每次都用同樣的設計手法，是不容易進步的。這時候，若用傾斜構圖再搭配上幾何圖形，就能變化出許多樣式，設計思考上也會靈活許多。
透過圖形與幾何圖形的切面，來斜向劃分平面，其組合形式可謂相當的多，變化程度又比垂直構圖有趣的多。雖然說，傾斜構圖還蠻考驗設計靈感的；但覺得多參考、多實作，終究還是能想到更多的變化方式。
寫在最後｜讓設計方法更完美的細節－對齊
在版式設計的方法中，除了幾何構圖、垂直水平構圖及傾斜構圖之外，其實還有著重心構圖、曲線構圖、對稱構圖等多種方式。
雖然各種設計方法各有其優缺點和適合的搭配主題，但只要能夠清楚傳遞出資訊，就會是好的設計方式。
另外，覺得另一個重點是，不管是用哪一種的設計方法，其實只要有將內容、圖片、或圖文之間對齊好，就能讓畫面變得好看許多。
想知道對齊的好用之處，將作品拿來前後對照就是最好的方式。
在未對齊前的海報中，內容與圖示都有點刻意想要呈現出滿版的畫面，結果就會讓主圖-駭客圖像顯得有點突兀；且由於內容都分得太開，閱讀上反而會顯得不連貫。
經過對齊調整後，可以發現由上而下的閱讀順序，顯得清楚許多。將內容聚集成一個視覺區塊，多出來的留白空間，就能讓畫面顯得輕鬆好讀許多。
而這個例子，則是因為自己有將 Logo 放到最下或最右的習慣；因此在未對齊前的海報中，可以發現整個畫面看起來，會有點那麼不協調。
接著，將 Logo 再往左移並與標題對齊後，就會發現畫面瞬間看起來舒服許多；然後，再調整一下白色斜線的寬度，讓整個視覺顯得更為統一。
看到這裡，可以發現其實只要有對齊好，整個設計感就會跑出來了。若再搭配上適合的構圖方法，就會發現設計是能靠著有邏輯的方法，產出有美感的畫面。
以上關於設計作品與思考的分享，希望大家會喜歡 :D
