新媒体设计入门指南

用户头像
北京/设计爱好者/6年前/1411浏览
新媒体设计入门指南

新媒体物料比较繁杂,故以复盘与输出形式来进行经验和作品梳理。

希望可以对想了解新媒体设计的朋友们有所帮助。

新媒体主要以微信和微博为平台,因个人经验和平台自由度,文章主要内容为微信公众号设计, 其他内容在文末会有简单提及。


大致归纳了新媒体设计所涉及专业需求:


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 -

文章配图除标注外,均来自鲜和



41
举报
|
54
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
空的平台平面和自然景观
空的平台平面和自然景观
金色颗粒质地的平面
平面男孩喝咖啡插画设计
平面风格黄绿色系花朵装饰
平面花卉图案扁平简约无缝拼接插画
城市园林平面布局航拍
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面插画设计女孩喝咖啡
倒计时,海报,平面
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
玄关入门地毯印花图案红地毯
城市园林平面布局航拍
金色颗粒质地的平面
城市园林平面布局航拍
中国传统纹样创新图案设计
城阙凡花
平面人物插画
古风平面仕女与瓷器
平面插画情侣/矢量
平面设计 吊牌设计
平面书法字手写
金色颗粒质地的平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
你可能喜欢
相关收藏夹
大家都在看
登录注册