腾讯高手出品!长图漫画高效设计法

前言

作为一名 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、好冷鸭和芝士熊、吓脑湿、郭九二、肥志等等….

阅读专业的书籍:推荐《日本漫画为什么有趣》、《荒木飞吕彦的漫画术》这两本书!

写在最后

长图漫画的关键点即是如何将一段文案转化为一个有趣的画面,核心则是故事性,如果只是画的好,但无法体现想表达的内容,那么将会特别的尴尬无聊。

在长图漫画的技能中,还细分了许多的知识点,每一点都有很深的知识需要学习,希望通过以上粗略概括的讲解,能帮助到大家初步了解长图漫画的绘制过程。

优设推荐关注“腾讯设计”官方公众号,第一时间获取腾讯的设计方法论

腾讯高手出品!长图漫画高效设计法

点赞 61
收藏 211

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。

收藏