在《版面設計基礎系列》的第一篇《版面設計基礎：鑑古推今構造出網格系統》中，我介紹了網格系統的緣起與應用。在第二篇《版面設計基礎：紙本閱讀的節奏感》中，則探討版面設計工作流程中的前兩階段（一）增加易用性和（二）引人入勝。
本篇文章將關注工作流程的第三個階段 ——（三） 保持一致，並說明保持一致的重要性，需注意的細節，以及如何定義清晰的設計規範，以提高工作效率。
（三）保持一致 consistency
保持一致指在設計中使用相似的風格、顏色、字體、排版等元素，以建立一個具有整體性的形象。這樣做有幾項好處：
增加知名度和銷售量
尤其在商業設計上，整體性的形象能夠承載公司的價值和可信度，透過視覺來貫穿於每個顧客接觸點，幫助建立品牌識別度，使得設計更容易被人們記憶，進而提高知名度和銷售量。
例如，維也納 Albertina 博物館的海報中，儘管藝術家們的風格多元、展覽各具特色，但海報的版面皆維持大小相同的 Albertina LOGO 於下方，讓觀者能直覺地將展覽與展覽地點 Albertina 博物館做連結。
維也納 Albertina 博物館海報。Photo Credit: shop.albertina.at
若設計缺乏一致性，可能會讓觀者感到與內容或過去印象相左，而感到困惑、不認同。在書籍內頁的版面設計中，讀者則需要花更多的時間和精力去理解每一頁的設計，進而影響設計的傳達效果。
著名的失敗案例之一是美國新聞周刊Newsweek，他們在2014年進行了品牌升級，包括新的標誌和排版風格。然而，這次的設計卻引起了讀者和設計師的廣泛批評，新的排版風格被認為閱讀性差，而新的 LOGO 則被認為過於簡單，沒有獨特性和代表性。因此，在不到一年的時間內，Newsweek又回到了舊的設計風格。
Photo Credit: 1000logos.net/newsweek-logo/
當然，這例子並非表示公司不能進行品牌升級，而是在進行時，需要考慮是否符合公司長期以來提供的價值以及受眾的期望與需求，以確保設計的一致性。
2014 年的品牌升級。Photo Credit: newsweek.com
換回舊有的設計風格。Photo Credit: newsweek.com
利於多人協作
隨著現代的工作方式改變，多人協作已成為許多團隊的常態。在這樣的情況下，為設計制定設計規範（Design Guideline）可以使不同的設計師在協作的過程中能夠遵循統一的風格和標準，從而確保最終的設計成果符合一致的形象和視覺需求。避免因各自不同的風格而導致不一致和混亂。
更重要的是，制定設計規範可以加快工作流程。如果所有設計師都遵循相同的風格，他們就可以更快地應用和編輯，從而提高協作效率和品質。
總結來說，保持一致可以提高品牌識別度、增加易讀性、提升協作效率與品質。因此為設計制定明確的「設計規範」可以確保協作過程順利且產出品質一致的成果。
如何確保設計一致性？
要實現一致風格，可從幾個關鍵元素著手，並制定設計規範。包括顏色、圖像元素、資訊層級和排版等。
顏色
顏色是一種強大的工具，是勾起人們視覺印象的重要部分。因此，必須確保顏色在所有設計中的使用一致，從而增加品牌的識別度。設計師確立配色方案後，接下來就是為這些顏色標示標準色號，以便應用在各種衍生設計元素上。
若想施加一些變化，可為相同的顏色調整出不同的明度和飽和度，使視覺更具多樣性。
｜設計規範參考：色彩計畫｜
Airbnb 的色彩計畫清楚地定義了所使用的標準色號及說明其意義，讓協作設計師能將設計規範中的色彩應用在其他製作物上，打造一致的視覺印象。
Airbnb 的主色在應用時，可以有不同明度與飽和度的變化。Photo Credit: Airbnb
所有宣傳品皆使用設計規範中的色彩。Photo Credit: design.studio/work/air-bnb
所有宣傳品皆使用設計規範中的色彩。Photo Credit: www.ci-portal.de
反映風格的圖像元素
版面上重複出現的圖像元素，能夠帶出風格和特點。圖像元素包括照片、插畫、幾何圖形、線條與材質等。不同風格的元素會給人截然不同的感受和印象。
｜設計規範參考：建立清單與使用說明｜
越南的 InFact Coffee & Workspace 品牌形象非常親切活潑。為了維持品牌辨識度，設計師建立了圖像清單以及使用說明，讓無論是平面、數位或空間中的視覺設計，都能保持一致的風格。
Photo Credit: behance.net/gallery/95289503/Innovation-Factory
InFact Coffee & Workspace 的空間視覺設計。Photo Credit: infactcoffee
InFact Coffee & Workspace 的社群媒體貼文設計。Photo Credit: infactcoffee
資訊層級與排版
清晰一致的資訊層級與排版能夠降低觀者的困惑和不適應，提供親切和熟悉的感受，提高信任度和興趣，對設計的視覺效果和美感具有重要影響。
在書籍內頁的版面設計中，使用一致的排版，也能夠減少讀者重新適應版面所需的時間。
然而，在進行系列設計時，儘管需要統一版面設計，但也可以根據不同內容進行適當的調整。例如，在一個系列的海報設計中，標題可以保持相同的位置和字體，但內容排列的方式則根據海報內容進行適當的調整。這樣可以保持系列設計的統一性，同時又能夠達到不同內容的最佳呈現效果。
維也納 mumok 現代藝術博物館海報。邊框設計和內容排列依據展覽風格有所不同，但皆保持 mumok LOGO 在相同位置。Photo Credit: mumok_vienna
｜設計規範參考：訂定樣式｜ 首先，設計師可以先為資訊層級制定「樣式」，包括版面上的字體、大小、行距、行寬等元素，並創建一套樣式表，以協助設計師和協作者在設計過程中能快速且精確地應用，確保所有設計符合一致的形象和風格。
例如，紐約市公共運輸局 NYCTA 的設計規範中就明確地設定了所需使用的文字樣式。
Photo Credit: standardsmanual.com
｜設計規範參考：網格系統（Grid system）模板／母片｜ 接著，設計師可以建立網格系統作為排版依據，讓內文、圖片等元素的排列方式和彼此之間的空間關係保持的統一性。且透過網格系統，也有利於協作者進行定位。
例如，首爾國立現代美術館 MMCA 的行銷物，設計公司制定了網格系統模板，並詳細說明文字樣式，以供協作者參考並快速應用。
首爾國立現代美術館 MMCA 的行銷物。Photo Credit: studiofnt.com
首爾國立現代美術館 MMCA 的行銷物。Photo Credit: studiofnt.com
綜上所述，依據影響一致性的關鍵元素制定明確的設計規範，可以確保協作過程順利且產出品質一致的成果。此外，也建議當協作設計師提交設計時，應共同檢討成果，發現和解決潛在的問題，給予具體的反饋，幫助大家理解品牌形象和風格的要求，從而進一步確保所有設計都符合形象和風格。
結語
設計是一個結合藝術和功能的學科，而在系列設計中更需要注意整體的一致性。為了確保設計的成功，設計師需要仔細計劃色彩、設計圖像元素、建立資訊層級和排板等方面。
樣式表、網格系統等工具和技巧的使用，可以幫助設計師創建出符合統一形象和風格的作品，讓觀眾獲得更好的視覺體驗，以達到最佳的設計效果。
最後，建立有利於多人協作的設計規範後，還需要進行定期的溝通、相互理解和不斷調整。通過以上方法，不同的設計師可以共同努力，打造出風格一致的高品質作品。
Read more
《版型研究室：學會平面設計中難懂的數學題＆美學邏輯，最基礎的版型理論》
作者： Gavin Ambrose, Paul Harris
出版社：原點
👉🏻點擊了解更多
《文字排印設計系統》 作者：Kimberly Elam 出版社：臉譜 👉🏻點擊了解更多
Comments