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

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

前言

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

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

写在最后

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

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

涨姿势时间：这10个伟大的漫画艺术家

从1938年的动作漫画开始，艺术家和插画师发现自身燃烧着创造超级英雄的欲望。

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