騰訊高手出品!長圖漫畫高效設計法

前言

作為一名 UI 設計師,在偶然的機會下,接觸了長圖文漫畫設計。在項目過程中,逐漸摸索到一個可行高效的設計方法。希望能通過這篇教程幫助到對此零經驗的小伙伴,點亮長圖漫畫的設計技能。

長圖漫畫,又稱條漫、公眾號長圖文,常見于微信公眾號、微博平台等,通常以漫畫的表現形式出現,相較于文字,漫畫的視覺效果更加強烈,會讓讀者更加容易接受作者所傳遞的信息。

騰訊高手出品!長圖漫畫高效設計法

圖源網絡,侵刪

長圖漫畫的設計三步驟

騰訊高手出品!長圖漫畫高效設計法

1. 項目分析

項目開始階段,設計師首先需要和運營溝通清楚項目背景和目的,再根據文案腳本,探尋設計策略,輸出設計草圖,與多方確認。

騰訊高手出品!長圖漫畫高效設計法

洞察需求

文案——通常由運營方提供,設計師必須和運營人員當面復述溝通,確保自己清晰了解文案的內容和表達含義。

目的——這篇圖文需要達到什麼營銷目的?常見的營銷目的有加大品牌宣傳、產品功能介紹、改善用戶品牌認知等。

用戶——需要了解圖文的目標用戶。針對用戶人群的不同,使用的概念與設計手法也相應不同。了解的用戶人群越精準,傳達概念也就越靠近。

設計策略

將上述對應的內容落實到方案中,為自己的設計思路提供有理可據的創意,最後的設計方案才更能引起受眾的共鳴。

此時腦海里會形成一個初步的畫面,可以從畫面的感染力、內容是否易于觀者理解、畫面閱讀的節奏感、重點信息的凸顯程度幾個方面去不斷打磨。

輸出草圖

最後將一些關鍵的文案轉換成草圖畫面,這一步一定要和需求方反復溝通確認,以免後期設計返工,特別對于標題的字體設計、插畫等。

騰訊高手出品!長圖漫畫高效設計法

2. KV 設計

有了草圖後,首先進行 KV(key vision)的設計,KV 是長圖漫畫的開頭,是長圖漫畫的重要組成部分,後續的所有 banner 物料都以此進行延展,好的設計能夠很大程度的提起用戶的興趣。

騰訊高手出品!長圖漫畫高效設計法

KV 的設計和海報設計手法類似,需要考慮三點︰

騰訊高手出品!長圖漫畫高效設計法

版式構圖

考慮到手機端豎屏的瀏覽方式,常見的 KV 構圖有︰中心構圖、左右分割構圖、上下結構,舉個例子︰

騰訊高手出品!長圖漫畫高效設計法

色彩搭配

色彩的搭配需要注意以下四點︰

1. 整體畫面的色系不能超過四種,否則畫面會雜亂無序,沒有重點

騰訊高手出品!長圖漫畫高效設計法

2. 色彩比例︰70%主色+25%輔助色+5%點綴色(強調色)

騰訊高手出品!長圖漫畫高效設計法

3. 從品牌主色中獲取顏色的靈感,這也是最不會出錯的方法

騰訊高手出品!長圖漫畫高效設計法

4. 根據色彩情緒來選擇主色,再通過色環按比例搭配輔助色和點綴色︰

騰訊高手出品!長圖漫畫高效設計法

字體設計

設計方法大致分為以下三種︰

第一種方法︰直接使用版權字體,較為快速便捷,難點在于無法快速找到免版權且契合主題性格的字體

騰訊高手出品!長圖漫畫高效設計法

第二種方法︰字庫造字,就是利用字庫為基本形進行設計,能達到很好的個性化效果,表達字體情緒

騰訊高手出品!長圖漫畫高效設計法

第三種方法︰鋼筆造字,通過對字形的拆解,用鋼筆工具繪制橫豎筆劃,這個方式能很自由的控制字形結構,自由度更高,發揮空間更大,弊端是比較耗費時間和精力

騰訊高手出品!長圖漫畫高效設計法

漫畫繪制

主要分為動作繪制、表情繪制和漫畫分鏡三大知識點︰

騰訊高手出品!長圖漫畫高效設計法

人物動作繪制

人物動作的繪制需要完成這兩個目標︰1.簡潔性 2.協調性

1. 簡潔性︰是指畫面內沒有多余的元素,只保留最重要的內容特征。漫畫是為了能快速的讓受眾迅速的感受到你要傳達的情緒,多余的內容只會增加認知負擔。

騰訊高手出品!長圖漫畫高效設計法

圖源網絡,侵刪

2. 協調性︰漫畫的人物肢體動作需要根據現實生活中的動作來設計,可以夸張,但不能畫出違背肢體結構的動作,否者讀者會第一時間感到不適。

騰訊高手出品!長圖漫畫高效設計法

人物表情繪制

臉部的夸張表現,只要突出臉上某部分的特征,如眼楮、鼻子、嘴巴、或是額頭、顴骨、下巴等,通過不同的組合變形,呈現出的表情也會有一定的差異,會產生意想不到的效果。

同時必須要賦予角色更高的辨識度,在擁有基本屬性的基礎上,將臉部的表情進一步夸張,甚至極端,讓人一目了然,正確的傳遞情緒。

騰訊高手出品!長圖漫畫高效設計法

圖源網絡,侵刪

漫畫分鏡

分鏡,又叫故事板(Storyboard),常見的有影片分鏡、漫畫分鏡。影片分鏡用以解說一個場景將如何構成,人物以多大的比例收入鏡頭成為構圖、做出什麼動作等。而漫畫的分鏡指的是描繪漫畫時如何分配畫格、以什麼方式展現角色、要讓角色說出什麼台詞、要表達什麼情緒等。

騰訊高手出品!長圖漫畫高效設計法

圖源網絡,侵刪

如果只是為了畫場景或者是人物,那就只停留在插畫層面而已。想讓漫畫具有畫面感,可使用以下四個技巧︰

騰訊高手出品!長圖漫畫高效設計法

圖源網絡,侵刪

4. 關于風格

在設計中,還需要把握長圖的視覺風格,如果是搞笑向的圖文,那麼畫風粗糙獵奇是最適合的;如果是唯美向的圖文,那麼清新溫暖的畫風是不二之選。

騰訊高手出品!長圖漫畫高效設計法

5. 用簡單案例舉個例子︰

在某次需求中,運營方給出了以下的文案(節。︰

騰訊高手出品!長圖漫畫高效設計法

根據腳本,腦海里逐漸浮現相對應的漫畫場景︰耳機落在出租車上,車開走了才意識到自己丟了東西,因此很慌張的朝著車行駛的方向吶喊。為了夸張場景的趣味性,表現一個人同時丟了四樣物品,重要程度順序依次為耳機、行李、公文包、婚戒。

有了大概的表現畫面後,便按上述步驟展開細節設計︰

騰訊高手出品!長圖漫畫高效設計法

6. 如何持續提高畫面表現力︰

通過大量閱讀借鑒日式漫畫來提升對畫面的把控程度,臨摹其鏡頭表現力,即使無法達到專業水準也沒關系,隨著練習時間的累計,這項技能也會逐漸掌握。

騰訊高手出品!長圖漫畫高效設計法

圖源網絡,侵刪

日常中,則通過閱讀頭部優質長圖漫畫公眾號來學習借鑒,按上述流程進行分析。推薦微信公眾號︰GQ 實驗室、 陳維榕 chen、好冷鴨和芝士熊、嚇腦濕、郭九二、肥志等等….

閱讀專業的書籍︰推薦《日本漫畫為什麼有趣》、《荒木飛呂彥的漫畫術》這兩本書!

寫在最後

長圖漫畫的關鍵點即是如何將一段文案轉化為一個有趣的畫面,核心則是故事性,如果只是畫的好,但無法體現想表達的內容,那麼將會特別的尷尬無聊。

在長圖漫畫的技能中,還細分了許多的知識點,每一點都有很深的知識需要學習,希望通過以上粗略概括的講解,能幫助到大家初步了解長圖漫畫的繪制過程。

儒墨堂推薦關注“騰訊設計”官方公眾號,第一時間獲取騰訊的設計方法論

騰訊高手出品!長圖漫畫高效設計法

點贊 42
收藏 127
繼續閱讀相關资讯

發表評論 已發布 4

還可以輸入 800 個字
 
 
載入中....
4 收藏