你好，在下充哥！
港剧已死？未必！充哥最近在看的《铁探》，全程高燃，豆瓣8.0分。
还是原来TVB的味道，趁着周末一口气刷了17集，正好刷到了下面的画面：
《铁探》第17集 毒贩介绍页
职业病犯了的充哥二话不说，用PPT还原了它：
充哥仿制的《铁探》PPT
在充哥看来，这一页PPT算得上是中规中矩
背景：没有复杂多余的图形，页面留白居多，整体看起来也不会显得拥挤
信息：准确交代了毒贩的基本情况，包括图片、姓名、经营、性格、婚恋
使用：就香港警察的工作汇报来说，没有故意炫技的成分，既简洁又直观
待改进：页面在对齐可以做得更好，毒贩文字与图片的间距过大（亲密性原则），介绍文字其实可以不用空两隔，而且名字有点重复了，整段文字堆积在一块缺乏层次
页面存在的问题
充哥的修改版本
讲到人物介绍页面，充哥更推荐你可以多去看看网易云音乐的Banner设计
以下是充哥从近1400张的网易云音乐Banner中，总结出来的人物介绍常用技巧，值得一学：
注意，前方多图预警！
01
人物剪影轮廓风
这种设计技巧是给人物的轮廓进行描边处理，形成一层剪影。
有点从漫画中走出来的感觉，能够更加的凸显出人物。
Banner 01
背景：人物图片、深蓝色蒙版
元素：圆形、线条
特色：两种颜色的人物轮廓描边
Banner 02
背景：纯色、波点纹理
元素：任意多边形、手绘图形
特色：人物轮廓描边
Banner 03
背景：泥土纹理
元素：英文、圆形
特色：人物轮廓描边
Banner 04
背景：两种蓝色交织纹路
元素：图标、任意多边形等
特色：人物轮廓描边
那如何绘制人物的剪影轮廓？
之前充哥在《神操作！PPT也能绘制城市轮廓线》 一文中介绍了两种方法。
方法1：
使用任意多边形工具，围绕着人物的轮廓进行描边
使用任意多边形工具描边
给绘制的形状填充白色，并置于底层
这种方法是100%纯手绘，需要你有足够的耐心和细心，绘得不好的地方可以用编辑顶点进行二次修正。但有点不足，就是人与轮廓之间的距离不好把控（毕竟手可能会抖）。
方法2（充哥推荐）：
使用口袋动画PA矢量素描功能，再设置轮廓
选中人物图片，依次选择口袋动画PA-创意图形-矢量素描
设置矢量图形轮廓的粗细，并置于底层
相较于方法1，方法2更加快速而准确，因此充哥强力推荐！
02
全图型人物介绍设计
如果你有一张人物自带背景的图片，不妨参考一下以下Banner的设计思路。
Banner 05
特色：人物全图、渐变蒙版、镂空字
Banner 06
特色：人物全图、渐变蒙版、文字反白、部分文字遮盖
Banner 07
特色：人物全图、纸张纹理、吉他部分置于纸张之上（幻灯片背景填充）
Banner 08
特色：人物全图、人物周边虚化、任意多边形
Banner 09
特色：人物全图、渐变蒙版、引号
Banner 10
特色：人物全图、渐变蒙版、重叠线条（任意多边形绘制后使用iSlide补间动画）
Banner 11
特色：人物全图、渐变蒙版、水墨笔刷
Banner 12
特色：人物全图、渐变蒙版、渐影字
Banner 13
特色：人物全图、人物与平行四边框的穿插、线条
Banner 14
特色：人物全图、渐变蒙版、斜放平行四边形
Banner 15
特色：人物全图、半透明文字、文字反白
Banner 16
特色：人物全图、渐变蒙版、文字填充纹路
Banner 17
特色：人物全图、人物与边框的穿插
Banner 18
特色：人物全图、渐变形状、人物与形状的穿插
Banner 19
特色：人物全图、渐变蒙版
Banner 20
特色：人物全图、矩形色块、重点信息融入图片
03
人物抠图设计
对于有些背景较复杂，可以使用PS抠图或PPT的删除背景功能处理。
针对性的对人物进行设计，效果有时更佳！
Banner 21
特色：人物抠图、橙黑配色、任意多边形
Banner 22
特色：人物抠图、中国风纹理、元素虚化
Banner 23
特色：人物抠图、中国风元素、元素虚化
Banner 24
特色：人物抠图、火焰元素
Banner 25
特色：人物抠图、不规则形状填充不同颜色
Banner 26
特色：人物抠图、不规则形状填充不同颜色、文字与人物穿插
Banner 27
特色：人物抠图、人物填充黑色、同色系纹路、文字反白
Banner 28
特色：人物抠图、线条纹理（可使用iSlide补间动画制作）
Banner 29
特色：人物抠图、纹理背景、引号
04
不规则形状设计
Banner 30
特色：梯形、人物与形状的穿插、三角形
Banner 31
特色：椭圆、线圈、不规则形状
Banner 32
特色：明信卡、文字断层
Banner 33
特色：水墨笔刷、虚化
Banner 34
特色：任意五边形
Banner 35
特色：任意四边形
Banner 36
特色：不规则形状
Banner 37
特色：毛笔笔刷填充
知识点回顾 / Skills
① iSlide补间动画
②渐变蒙版（☞我给王源做了一页PPT）
③ 文字与图片的穿插（☞《OPPO新品发布会PPT拆解报告》）
总结 / Summary
关于人物介绍页的设计，充哥从网易云音乐Banner中总结了4种设计方法：
① 人物轮廓剪影设计，可用于凸显人物（任意多边形绘制、PA矢量素描）
② 人物全图型设计，保留图片原滋原味的同时，再加点设计感
③ 人物抠图型设计，打破背景格局（纹理、线条纹理）
④ 不规则形状设计，更富创造力的选择（任意多边形、水墨笔刷）
网友评论