「海報」是一種信息傳播方式，一種信息傳遞的解決方案。從學校的布告欄、到馬路邊公交站的站牌廣告以及各種形式的戶外廣告，它們都是物理世界的海報。在PC互聯(lián)網與移動互聯(lián)網時代，海報被廣泛應用在網頁、移動端 App 設計等互聯(lián)網平臺，比如開屏廣告、彈窗廣告、落地頁內嵌廣告等。作為設計師，日常做一張視覺海報乃家常便飯，如何才能設計一張高質量且有價值的視覺海報呢？在本篇文章中，將和大家聊一聊該如何設計出一張“好的”視覺海報。
1.0 好的視覺海報，不止承載審美價值
海報作為一種常見信息傳遞的解決方案，首先是給人帶來審美的愉悅感，這是海報在實現(xiàn)其主要價值后延伸出來的「審美價值」。而大部分人對其理解僅停留在審美價值，認為好看就行，其實這是一個錯誤的理解，或者說是對海報本身缺乏相應的判斷標準；那么視覺海報設計它的目的/目標是什么？承載的主要價值是什么？例如：
以上這些都可以歸納為海報的目的與主要價值，僅追求視覺效果的視覺海報是沒有價值的，或者說價值是極其低的，等于自嗨式的設計；總而言之，有的是為了點擊率、有的是為了促進銷售、有的僅僅是為了改變品牌形象的而進行的宣傳，每一張視覺海報自身所承載的目的和價值都不盡相同。
2.0 好的視覺海報，都是用戶設計的
好的視覺海報的標準并不是我們制定的，不是“我們”說好就是好，也不是“需求方”，更不是某些“專家評委”說好就是好，而是根據(jù)用戶的選擇得來的；所有的設計都要圍繞著用戶來進行設計，用戶所需要的到底是什么？用戶心里所想的到底是什么？只有了解用戶，才能設計出好的視覺海報；具體將從下面三個方向講解，幫助你設計出好的海報：
2.1 目標驅動
廣告投放如果沒有目的性，就很難將產品信息傳遞給目標用戶，從而很難實現(xiàn)最大效益化，大數(shù)據(jù)時代往往能幫助我們精準地傳遞信息給有需求的用戶。對于運營同學來說，他們需要清晰的了解每一條廣告，每一種投放形式的數(shù)據(jù)反饋，那么對于我們設計師來說，根據(jù)數(shù)據(jù)對每次設計方案的結果進行復盤、優(yōu)化，是我們持續(xù)不斷提高設計產出的價值的方式。
首先，我們需要明確我們的目標用戶，明確我們數(shù)據(jù)指標，并以此進行分析，最后得出可以輔助我們做方案優(yōu)化的結論，才可以讓我們的設計不斷進化。在流程上大致可以分為兩個階段，活動前與活動后，活動前對目標用戶進行需求分析，活動后積累相關數(shù)據(jù)，分析數(shù)據(jù)進行總結，將歷史數(shù)據(jù)作為下一次設計方案的判斷依據(jù)，形成正向循環(huán)；
方案產出前：此時先以用戶需求分析為主（如果有歷史數(shù)據(jù)做輔助最好），根據(jù)目標用戶的年齡段、職業(yè)、消費水平、審美傾向、心理預期...等來判斷如何進行設計；
方案產出后：當一個活動經歷過上線驗證后，會產生數(shù)據(jù)反饋，一般是關注看：點擊率、完成率、跳出率、瀏覽時長、轉化率...等，當量積累足夠，即可根據(jù)歷史數(shù)據(jù)進行分析，得出對于類似活動方案有利的設計經驗，總結累成方法論，輔助下一次的設計；
2.1.1 用戶分析
說到需求，很多人想到馬斯洛的五大需求：生理需求、安全需求、社交需求、尊重需求和自我實現(xiàn)需求，如果用一句話簡單地概括，需求即是用戶尚未滿足又渴望被滿足的愿望。當我們在設計前，要思考視覺海報的投放渠道、產品定位等等來分析目標用戶，從而讓設計更易被目標用戶接受；
舉例：拼多多的某次活動設計，通過分析得出拼多多用戶群體的主要特點后，根據(jù)用戶針對性進行設計：
下面對比了三類電商的不同的視覺海報設計：
2.1.2 數(shù)據(jù)分析
每當你打開抖音時，推薦的你刷到的視頻大多數(shù)都是“你”喜歡的同類視頻，這就是通過數(shù)據(jù)，從而讓內容達到精準推送的效果。而設計師在設計視覺海報之前，也需要參考之前的數(shù)據(jù)結果，例如設計A類的廣告投放量、閱讀量、點擊率等等數(shù)據(jù)去分析方案的好壞，再通過大量的比對來分析出哪個些因素所產生的作用更大，從而為后面的設計做參考。
（ps：數(shù)據(jù)的反饋不僅僅在于視覺，跟產品、投放渠道等也有影響，在結果數(shù)據(jù)分析時應當注意）
以下是當年作者本人在動漫領域時，對于移動端開屏圖的數(shù)據(jù)分析（僅展示部分），通過當時的分析，對后續(xù)的設計起到一定的指導作用。
設計不是千篇一律，也不需要完全摸著石頭過河，而是需要了解用戶，有數(shù)據(jù)的支持，再根據(jù)業(yè)務目標，讓設計體傳遞用戶價值，才能達到最終的目標。
2.2 信息傳遞
設計應從用戶獲取信息的角度出發(fā)，思考如何讓用戶更加簡單更加高效地獲取信息。
2.2.1 三秒原則與可讀性
三秒原則：現(xiàn)實中我們路過廣告位的時間只有 2-3 秒，沒人會愿意站在原地等下一個廣告，無論是公交站還是地鐵上，又或是互聯(lián)網產品場景下的“輪播圖”與“開屏廣告”，視覺海報的使用場景大多是需要快速傳遞信息，所以我們需要思考如何讓用戶更快獲到取關鍵信息。
可讀性：視覺海報的核心價值是傳遞信息，信息傳遞的準確性，是決定視覺海報成敗的關鍵，信息傳遞不達預期，那么其它所有的努力都將是無效的。常規(guī)的視覺海報主要由文案與配圖（插畫/產品圖/人物形象）構成，盡量做到文案言簡意賅，這樣用戶才能快速理解其中含義，減少用戶思索時間；配圖需要與主題相關性一致，幫助用戶加強記憶和快速理解；同時視覺效果要做到舒服，內容要有信息層級，合理引導用戶的第一眼看到的信息內容。
2.2.2 行業(yè)屬性
當產品所在行業(yè)在用戶的頭腦里占據(jù)一席之地時，在設計視覺海報時要善于利用已其所在的行業(yè)風格，便于用戶更加準確的獲取信息。用固有的用戶思維，在視覺海報中融入所要表達的信息。那么如何利用其已有的行業(yè)風格呢？這里建議大家從：色彩設定、元素設定、表現(xiàn)手法三個方面入手。
以上案例都是利用用戶已有的行業(yè)印象，降低讀者的認知負擔，從而快速獲取海報信息。當然，品牌屬性也是非常重要的，如果是企業(yè)相關的視覺海報，一定是需要融入品牌屬性的。
2.3 情感設計
廣告是會讓用戶感到枯燥的，我們需要通過情感設計，引起用戶的好奇心，帶動用戶情緒，從而降低枯燥感。當我們根據(jù)目標用戶進行了分析，且設計符合信息傳遞的標準，那么就可以考慮如何讓海報進行再一次的“升華”，思考怎么樣才能讓用戶更有欲望去點擊？如何讓用戶在腦海中對內容留下深刻的印象呢？下面我們主要從「創(chuàng)意」和「氛圍」兩個方面入手：
2.3.1 創(chuàng)意-讓用戶眼前一亮
好的設計能引起用戶注意，而有趣的設計才能真正喚醒用戶的眼睛，加深用戶腦海中的印象。創(chuàng)意的思路有很多種，可以是「情理之中，意料之外」的組合，也可以通過「產品擬人化」的方式講故事，終究其目的是能讓用戶感到有趣想看下去，吸引用戶的眼睛。
2.3.2 氛圍-讓用戶沉浸其中
視覺海報在喚醒用戶眼睛的同時，如果能觸動到用戶的心里，便可以讓用戶可以瞬間沉浸其中，拉近與用戶的距離。一般是根據(jù)產品的定位，比如產品是電飯煲，我們會給用戶描述回家做飯的感覺；產品是家具，就可以給用戶描述周末溫馨的生活......以此來帶動用戶的情緒。
3.0 好的視覺海報，是符合設計原則的
我們不是一個憑感覺創(chuàng)作的工作者，設計中需要更多的理性，我們承擔的角色如同一場晚會的導演，每一個元素的位置，每一根線條的長短粗細都需要安排妥當，讓其在適合的位置發(fā)揮最大的價值；
設計原則是做設計的標準，可用于指導設計和衡量設計方案的優(yōu)劣，為設計決策提供標準，提供向導，從而幫助我們明確設計修改與調整的方向。個人總結了在視覺設計中較實用的 7 個設計原則，來幫助我們在設計時找到相應的設計標準。
3.1 對齊原則
對齊原則指的是：任何元素都不能在頁面上隨意安放，每一項都應與頁面上的某個元素存在視覺聯(lián)系。類似于地鐵站原本混亂的人群，通過相應規(guī)則的調整，最終大家都朝著一個方向有規(guī)律的行進，對齊的目的是讓頁面充滿秩序和條理。我們不能只要頁面上剛好有空間，就將元素隨意“扔”進去。元素之間不是孤立的，相互之間要有聯(lián)系，對齊有助于增強設計的邏輯性和易讀性，使人們更容易地理解和捕捉到重要信息。
版式中常見的對齊方式有：左對齊、右對齊、居中對齊，應盡量避免在頁面上混合使用多種對齊方式，要找到一條明確的「軸線」，并以之為基準。
3.2 對比原則
對比就是強調兩個或者兩個以上元素之間的差異性，通過突出視覺元素之間的差異來增強設計的層次感和吸引力，營造出核心視覺。猶如鶴立雞群，我們的視覺永遠是會被獨特的內容給吸引的。通過對比，可以引導讀者關注重要信息，提高整體設計的視覺沖擊力和傳達效果。
在平面構成中，指畫面元素形成強烈的沖突，如元素的大小、顏色、形狀等等，理論上元素所有可改變的特征，都是可以形成對比的。例如海報上的重點信息“優(yōu)惠折扣”、“活動標題”等，便可以加大其與周圍元素的視覺差異，通過顏色、字重粗細、色塊大小的對比，讓用戶快速獲取信息，同時又能增加海報的視覺豐富度。常見對比方式如下：
3.3 留白原則
留白是指頁面中沒有被文字、圖片或其它視覺元素占據(jù)的部分，也稱為負空間。留白原則強調在設計中合理地運用空白區(qū)域，恰當?shù)剡\用留白原則，可以使畫面內容清晰有層次感，提高閱讀舒適度和美感。留白運用不合理時，則會使整個畫面擁擠雜亂，影響整體的美感，也使讀者覺得雜亂無章，毫無頭緒，不利于觀者有效閱讀。例如字間距和行間距就是留白的具體表現(xiàn)，它決定著文本的可讀性。總之好的留白，可以切實提升畫面的藝術與審美價值。
留白體現(xiàn)方式：
通過以上方式進行合理的組合后，便會形成不同的風格感知，常見如“舒適的大留白”與“熱鬧的小留白”，下面帶大家感受一下：
小提示：
3.4 模塊原則
「模塊原則」其實是我們常講的「親密性原則」的進化，在這里之我所以沒有采用「親密性原則」，是因為模塊化的概念才是我們真正應用時的最終結果，也就是通過「親密性原則」的方法來達到「模塊化」的效果；總結起來就是要“整”不要“散”，類似于把在體育場零散的人群，都組成有規(guī)律的方陣。無論是文字，還是畫面上圖形的元素，又或者是背景，在視覺呈現(xiàn)上要形成整體感，整體感有利于信息的獲取，零散的畫面會導致視覺的分散，造成畫面重點的不清晰；
這里有 2 點需要注意：
3.5 聚焦原則
想要更好地傳達主題，必要前提是能夠吸引用戶的注意。一般畫面只需要一個視覺重點，其它元素需要相應弱化，當視覺焦點過多時，用戶將無法快速獲取信息。“少即是多”最適用聚焦原則，處處強調，其實就是沒有強調。在一定程度上，焦點原則更多是與對比原則的組合運用，在相似的元素組中異軍突起，想不引起你的注意都難；在設計中，經常將關鍵元素安排在最希望用戶看到的地方，比如按鈕“立即購買”，通過引起受眾的注意，達到設計目的；
通過設計方法和技巧引導觀眾注意力，突出關鍵信息和視覺重點?？梢詭椭^眾更容易地理解設計的主要目的和信息。以下是在視覺海報設計中實現(xiàn)聚焦原則的一些方式：
3.6 降噪原則
設計師經常為了增加畫面視覺的吸引力，就會使用過多的字體、顏色或者過于復雜的圖形，如果對畫面的掌控能力稍微不足，這種不斷做「加法」的行為，實際上是在增加用戶認知的“噪音”。而降噪原則可以被理解為減少視覺「噪音」，從而提高設計的可讀性、清晰度和有效性。視覺噪聲是指一種干擾，使觀眾難以理解和接收設計中的信息。以下是實現(xiàn)降噪原則的一些常用方式：
3.7 倍率原則
倍率原則與對齊原則相似，即元素大小間距等都不能隨意設置，需存在一定規(guī)則關聯(lián)。倍率關系則指的是元素之間的倍數(shù)關系，如文字畫面中的字號、距離的使用等，均是遵照一定的倍率關聯(lián)性；統(tǒng)一的比例關系可以使視覺元素更加和諧統(tǒng)一，讓畫面元素之間增加統(tǒng)一的韻律感，有助于提高設計的美感和和諧感。在實際應用中，可以采用一些經典的比例關系，如黃金分割比例，來安排視覺元素的大小和位置。
其實無論在自然界還是人為創(chuàng)造的背后都存在著邏輯關系和巧妙性，來確保一定的秩序和美感：
應用案例：
排版中的倍率關系需要依附于網格系統(tǒng)，而網格模塊分為多少取決于信息復雜程度，信息越復雜，模塊越復雜；倍率關系是網格系統(tǒng)的底層邏輯，也是網格系統(tǒng)的基礎，推薦感興趣的可以深入學習一下“網格系統(tǒng)”
小提示：
總結
設計沒有絕對的標準，為內容而設計，從內容傳遞的角度出發(fā)，在凡事強調用戶體驗的今天，我們的設計應當做到從用戶中來，到用戶中去，從用戶的角度去提出問題、思考問題、解決問題。
不斷成長，謝謝大家！覺得有收獲就點個贊吧！
作者：谷陽（vx: guyang686868）
本文由 @谷陽 原創(chuàng)發(fā)布。未經許可，禁止轉載。
Powered by Froala Editor
合作微信：guyang686868 看機會
23
作品
433
粉絲
151
關注
分享能獲取更多贊？
大牛，別默默的看了，快登錄幫我點評一下吧！:)
登錄 立即注冊