新媒体设计入门指南
新媒体物料比较繁杂,故以复盘与输出形式来进行经验和作品梳理。
希望可以对想了解新媒体设计的朋友们有所帮助。
新媒体主要以微信和微博为平台,因个人经验和平台自由度,文章主要内容为微信公众号设计, 其他内容在文末会有简单提及。
大致归纳了新媒体设计所涉及专业需求:

1.微信公众号设计
1.1 公众号整体视觉设计
公众号整体视觉一般由设计与主编或负责人沟通,一套完整的公众号视觉至少包含:
○ 头像
一般这是整体视觉开始的第一步,它和内文视觉等有点类似kv与延展。因公众号头像比较小且又常存在于信息密集的列表中,所以需要尽量保证辨识度。
○ 字体
无论是头像还是露出,都常会加入公众号名字,这更多的其实是字体设计的部分,依然需要保证识别性。
○ 封面模板
常需要符号露出,角标与居中都是简洁常见的版式。当然更多娱乐性或带货类账号会采用更为复杂的版式。
○ 分享图模板
除朋友圈分享图和微信对话框分享图,也指推送列表图。因为对于非星标和非 常阅读公众号,用户无法看到完整封面,只能看到一个方形图,所以它的重要性随之提升了许多。

○ 打开首图
常见两种形式:A.直接使用封面图,利于读者感知的连续性。B.采用固定形式的品牌露出图,多为动图。
○ 小标/序号
一般分为数字序号和含标题文字与序号的小标。如果图片内包含标题文字,则需要考虑模板的方便替换性。常见居左与剧中两种形式。因为近期微信添加了夜间模式,所以需要注意尽量采用png。

○ 分隔符
主要用于文章结束的ending,分隔文章内容与底部信息,通常简洁有趣就ok了。

○ 回顾
常见单个往期回顾或系列性回顾,以所回顾内容的当期封面和标题为主要内容。

○ 二维码
因为用于地步,通常小巧一些会比较好看,立体、添加手绘元素、基本款二维码加公众号名字/slogan等都是常见的方式。

○ 在看引导
和小标类似,分为引导手势与含引导语的引导图,在看和分享数类似,也是考量文章反馈的标准之一。通常动图的指引性会更强,但要考虑整体效果,避免底部动效多而乱的情况。

部分公众号还会包含栏目图、日签、作者卡片、底部问答、金句、设为星标引导等常规模板。
· 推荐几个整体视觉方面个人比较喜欢的公众号,有兴趣的朋友可以作为参考:设计便利店、Voicer、NYLON尼龙、局部气候调查组、杂乱无章、TinyMonster、荒野气象台、我要WhatYouNeed。
除了图片类的设计,设计也需要给到基本的排版规范:正文字号字色、强调文字字号字色、说明文字字号字色、文章署名信息、行距、页边距、配图尺寸等。建议视觉交付时给到:规范排版链接、版式图片打包文件、说明文档。


同时,设计也需跟进实际应用效果,因为一般公众号终归是内容导向,编辑直接对文章数据负责,在实际配图选择上常常无法依据理想视觉规则,所以设计在给到配图建议的基础之上,也需要根据内容风格有计划的进行调整与迭代。优秀的视觉效果需要设计与编辑的共同努力。
1.2 日常配图
在整体视觉交付与规范同步后,日常配图一般由设计与编辑直接对接与沟通。
日常配图主要包括:封面、内容配图。
○ 封面
需要考虑:风格统一性与品牌/内容调性、情绪性(一般会对打开率产生影响)、不影响封面logo露出的识别性。因为封面与文章打开率存在比较直接的关系,所以建议做之前与编辑充分沟通需求。当然,一定要注意版权问题啊,新媒体也是被维权重灾区之一了。
各种各样的封面:

○ 内容配图
需要考虑:与帐号调性的统一性、与本次内容的契合度、系列配图的统一性,是否存在其他使用场景,以及尽量避免因为追求视觉精致而忽视可读性。
各种各样的配图,一般分为插画类&图片类:



1.3 长图&条漫
长图与条漫常常是自己撑起一篇推送,往往需要读者在较快开始进入情绪。建议在有引言时可以保留打开首图,没有引言时可以舍弃首图,让读者点击进入后直接阅读内容。
○ 长图
多为活动介绍/特别策划/栏目/复盘长图。因多数长图文字内容较多,所以需注意合理排版,保障读者的阅读体验。长图需切图及压缩后上传至微信后台,注意要选择“左浮动”两张图片间才会没有间隙。

○ 条漫
常见娱乐向与情感向两类。
娱乐向着重以夸张的画面表现情绪,在文字设计上需要多加入一些小心思。

情感向文字排版较为较为简洁,更考验插画师的分镜与共情能力。

还有一篇 是夏天的感觉,进入鲜和首页也可以看到

现在常见条漫短则30-40P,长则百余P。画条漫时需要格外注意时间分配,常有插画师初期画面十分精致,后期时间不够了便拖稿或通宵赶稿,这对最终整体完成度和个人信用、身体健康都会有些影响。对作品有要求是设计师/插画师的职业素养,但面对商业项目,一定需要做好计划与分清优先级,再通过复盘与经验总结等方式逐步提高自己的作品质量。以常见的50-60P为例,基本流程如下:

· 推荐几个风格比较鲜明的长图&条漫号,大家有兴趣的话可以作为参考:局部气候调查组、喜茶、好利来、不会画出版社、大人别出声、此刻无实物、老鼠什么都知道、有趣青年。
1.4 活动视觉
热点事件、策划活动等也是新媒体设计的重要工作内容,或者说是锻炼项目管理能力的很好机会。这时的设计需就与互联网运营设计十分近似,不再过多赘述。当然除了kv和h5,还会有公众号活动推送图、朋友圈宣传物料等延展物料,有时也会涉及到易拉宝、现场物料、礼品等线下物料的设计。而多数的新媒体公司为创业公司,常常需要设计身兼数职,以上的需求可能都需要几人甚至一人独立完成。
几次活动kv与部分延展:



PS:有时活动还会包含微信小程序,界面、banner、弹窗等均会设计,视觉方面通常会由运营设计师与UI设计师配合完成。
由于活动涉及物料通常较多,一定要与需求方(策划、运营、编辑等都可能)详尽沟通,涉及到开发的部分也需要提前沟通是否可以实现以及排期,确认物料需求与重要节点,并以甘特图等方式形成文档同步各方。
1.5 svg交互排版
优质内容搭配交互排版十分容易抓住读者眼球,如135与秀米基本款的滑动、点击出现效果,虽然形式常见,但搭配一点创意还是能玩出很多花样,如下图地球一小时做的点击关灯效果(插画@斑大人):
除此,还可以根据内容与图片定制更多有趣的专属形式,往往有A.与专业机构或开发协同 B.自学svg交互并修改部分代码两条路径。相对而言,A的效果会更出彩,对公司而言成本也会更高;B对于设计师的自我成长要求比较高,且严格来讲会有些超出设计本身范畴,但入门学习还是比较快的,更方便调试以达到期望效果。对于对代码有兴趣的朋友们而言,这是一个不错的学习契机,对之后与开发部门对接也有一定帮助。
· 推荐几个比较擅长交互排版效果的公众号:JzCreative、GQ实验室、Apple、网易哒哒。
1.6 IP孵化
随着粉丝经济的发展,IP也在公众号占有更重要的地位,如大家熟悉的独立成号的网易网三三、老鼠什么都知道,也有许多待孵化IP先在综合号上通过开设专栏等方式试水,根据数据反馈来判断是否有进一步推广的价值。在这一部分内容中,除了IP设定本身,运营也发挥着十分重要的作用。
几个IP尝试:


2.微博配图设计
微博配图没有十分特别的地方(图中非必要时尽量不添加二维码,容易被限流),除了宣传海报、焦点图,常见抽奖海报与各种形式的九宫格。一张大图裁切的九宫格需要注意检查分区,避免文字、信息点、画面关键部位被切分。

小总结:
新媒体设计就专业素质而言,在很大程度上与互联网&新媒体等设计都是相通的,平台只是设计的载体,本质都是通过有效沟通与专业能力解决问题&传达情感。加油努力成为专业与商业都满意的设计师。
- THE END & THANKS -
文章配图除标注外,均来自鲜和













































































