参考
may佬《技术美术百人计划》

美术1.1.3 角色设计精要

角色设计流程

左侧为通用的设计流程，右侧为角色设计的流程

一、确定角色关键词

了解角色，并找到那些让角色独一无二的关键词

世界观、背景、能力、职业、性格、爱好都可以成为角色的重要标识

这些关键词是角色的灵魂，角色的所有组成部分都服务于这些关键词

本质上是为了确定设计的根本需求，后续所有工作都要围绕这些需求展开

二、收集素材和灵感

设计平衡：10%的疯狂和90%的日常（与人类有关，文化参考，日常经验，有基础的设计，真实世界的参考，不要让观众感到糊涂）

人们总在说设计语言，因为设计有时候真的是一种语言。我们从来都不是创造元素，而是用已有的元素创造新奇的设计

要做的事就是收集素材，发散思维；围绕中心设计的点展开更细微的设计；从而让细节设计更加考究与真实

这一步骤其实就是概念设计

概念设计：是由分析用户需求到生成概念产品一系列有序的、可组织的、有目的的设计活动，它表现为一个由粗到精、由模糊到清晰、由具体到抽象的不断深化的过程。
它主要利用最原始的元素来启发思路，如生活中各类细微事物的照片、材料、昆虫、机械、海底生物等，以最快的速度将这些元素经过概念设计师的大脑有效地、合理地组成新的、没见过的、但是感觉是真实存在的新造型，如下图

下图为最终产出以及参考的元素对比
神都夜行录的设定图

守望先锋中小美的参考素材及灵感来源

很多时候，在收集素材的同时，一些相似而又不尽相同的素材也可以为角色本身的关键词带来更多可能，带来更多灵感，也就是细化需求。空有大关键词的角色难免会变得标签化，不够立体；而在收集素材过程中得到的小关键词就能填补这些空隙，让角色形象更加立体。

三、构图设计

构图要的是图形感，角色设计中说的图形感通常包括轮廓剪影和内在构成

轮廓剪影：
内在构成：

构图元素

基础元素组成了各种构图，不同的元素会带来不同的感受，和不同关键词的匹配度也是不同的

比如相比于用圆形来代表混乱邪恶、三角形代表守序善良，把它们调换一下显然更为合适

轮廓剪影

剪影要有差异化才能增强辨识度，外轮廓越整体流畅，辨识度越高

即使都是三角形，不同的外轮廓给人带来的感觉也是完全不同的

不同的轮廓剪影会给人带来不同的主观感受

内在构成

点

前三张图随着高亮点的下移，视觉重心也跟着下移，也呈现出从自由到可靠的主观感受；最后一张图在身体各处添加高亮点，从而达到了吸引眼球，引导目光在角色身上游走的目的

线

面

通过将三种基础形状应用在角色中，从而产生不同的效果

比重

比重即轻重、疏密、松紧

通过简繁对比，可以提高辨识度

利用疏密制造反差，可以诱导视线，突出重点

下图为小美的构图设计

四、配色

整体配色根据风格定调，参考类似风格的作品，最主要的功能是传达并加强感受

五、服装设计

完成构图设计和配色方案之后，接下来就是追加细节，而最重要的细节就是服装细节

服装可以烘托人物性格，丰富细节信息

借助真实的器物，塑造了古朴的世界观，通过细节纹样来增加角色服装的合理性

角色设计迭代的过程就是逐渐靠近角色关键词的过程。下图为二郎神的角色设计迭代图，角色关键词为通天神目
下图为小美的服装设计

作业

分析一下《哈迪斯》中的主角扎格列欧斯

关键词包括：冥界，王子，希腊，反叛等
不同武器原画采用了不同的构图设计，但大体上都是趋近于三角形的轮廓，突出了角色的力量感、速度感和攻击性
弓箭和长矛的原画会把视觉重心引导到武器的末端，而拳套则是把视线引导到了手臂的肌肉上，分别突出了武器的强大和角色自身的力量
同样的三角形构图，弓箭的倒三角会更具灵动感和速度感，长矛的倒三角相比之下会更具稳重感，这也反映出游戏中不同的武器对应的不同特点
配色整体为暗红色，契合冥界的阴暗风格，头上桂冠和双脚辅以亮色点缀，让整体视觉效果更丰富，明暗的强烈对比也更能突出角色的热情和渴望冲出地狱的反叛性格
红、绿异色的双瞳体现了角色的混血身份
服装为古希腊风格，包括斜领单袖的宽松衣服和头上的桂冠；肩部为地狱三头犬的头骨，腰部和膝盖也采用了骷髅装饰，大量头骨的使用突出了角色冥界王子的身份

TA入门笔记·美术向（二）相关推荐

TA入门笔记·美术向（一）
参考&拓展 may佬<技术美术百人计划> <塞尔达荒野之息>设计理念游戏中的色彩:深度剖析游戏设计中最实用的工具美术工作者如何点亮TA的技术(Technical ) ...
ROS入门笔记（十二）：动作编程 (C++)
ROS入门笔记(十二):动作编程 (C++) 文章目录 01 导读 02 功能包的创建 03 在功能包中创建action(动作) 3.1 自定义action 3.2 在package.xml中添加功能 ...
深度学习入门笔记（十二）：深度学习数据读取
欢迎关注WX公众号:[程序员管小亮] 专栏--深度学习入门笔记声明 1)该文章整理自网上的大牛和机器学习专家无私奉献的资料,具体引用的资料请看参考文献. 2)本文仅供学术交流,非商用.所以每一部分具 ...
js入门笔记整理（二）——操作符
上一篇:js入门笔记整理一元操作符递增递增分为前置递增和后置递增前置型--两个加号(++)放在前面 var num = 1;++num; 这个操作其实就是给num加1,上面的列子等效于: va ...
TA入门笔记（十四）
参考 may佬<技术美术百人计划> Flowmap的实现 Flowmap的定义 flowmap实质上是一张记录了2D向量信息的纹理,使用颜色(通常为RG通道)记录该处向量场的方向,让模型上 ...
TA入门笔记（十九）
参考 may佬<技术美术百人计划> 移动端GPU的TB(D)R架构移动端GPU概况下图为2020年手机安卓端SoC的Top10排行目前的top300中,从手机SoC厂商来看,高通占比 ...
深度学习入门笔记（二十）：经典神经网络（LeNet-5、AlexNet和VGGNet）
欢迎关注WX公众号:[程序员管小亮] 专栏--深度学习入门笔记声明 1)该文章整理自网上的大牛和机器学习专家无私奉献的资料,具体引用的资料请看参考文献. 2)本文仅供学术交流,非商用.所以每一部分具 ...
深度学习入门笔记（十九）：卷积神经网络（二）
欢迎关注WX公众号:[程序员管小亮] 专栏--深度学习入门笔记声明 1)该文章整理自网上的大牛和机器学习专家无私奉献的资料,具体引用的资料请看参考文献. 2)本文仅供学术交流,非商用.所以每一部分具 ...
深度学习入门笔记（五）：神经网络的编程基础
欢迎关注WX公众号:[程序员管小亮] 专栏--深度学习入门笔记声明 1)该文章整理自网上的大牛和机器学习专家无私奉献的资料,具体引用的资料请看参考文献. 2)本文仅供学术交流,非商用.所以每一部分具 ...

TA入门笔记·美术向（二）