新媒体设计入门指南

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

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

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

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


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


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吧!
加载中
推荐素材
平面男孩喝咖啡插画设计
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
中国传统纹样创新图案设计
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
平面风格黄绿色系花朵装饰
金色颗粒质地的平面
空的平台平面和自然景观
平面人物插画
金色颗粒质地的平面
平面插画设计女孩喝咖啡
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
海底世界插画
空的平台平面和自然景观
牛奶乳液层次平面平铺平面
城市园林平面布局航拍
城市园林平面布局航拍
平面书法字手写
城阙凡花
倒计时,海报,平面
水蜜桃和李子的平面水果图案
金色颗粒质地的平面
古风平面仕女与瓷器
你可能喜欢
相关收藏夹
大家都在看
登录注册