文: mux
运营小咖秀声明:本文为原作者所有,未经授权严禁任何形式的转载、部分转载或改写,违者必究。
【文章摘要】运营就是产品出生的过程,没有好的运营,酝酿已久的产品也见不到更多的用户。
你是GUI设计师?不擅长运营设计?
但是产品发版、公司活动都需要你的设计参与,运营设计是这一切工作的基础。
你是网页设计师?天天都会接触运营设计!
各种紧急的重要的需求,都需要保质保量完成。不断的积累运营设计经验,也是自己的安生立命之本。
运营设计是一道大餐,很愿意和大家一起分享,欢迎大家一起讨论。
开胃菜——准备阶段
1. 运营设计做什么?
这要先说说产品的流程,移动产品从出生到和用户见面大多都会经历这么几个阶段:
功能定位——交互流程(Ui)——视觉界面(GUI)——开发和测试——发版运营
由此可见运营就是产品出生的过程,没有好的运营,酝酿已久的产品也见不到更多的用户。所以每逢产品发版,重大活动,节日都需要产品运营,增加关 注度,提升产品下载量。那么这些过程中就会涉及到,产品网站banner设计,产品功能宣传设计,发版、活动专题页面设计,海报展板等平面设计。最常用的 还是banner和功能宣传图的设计,这几乎是每个版本上线必须的。我们接下来就主要以banner和功能宣传图为基础一起聊聊。
2. 好设计来自有准备——平时的积累
观察生活,记录灵感
地铁里,路上,生活中的各种地方都有可能激发灵感,用心去观察,随时记录自己当时的灵感,都是以后设计中的财富。
收集和参考:收集各种优秀设计作品,分享,讨论。百度每个产品线发版的各个运营宣传都可以收集,待到用时里面都是可借鉴的元素。这里叽歪一句:各种漂亮手机多角度的高清写真图也是必须收集的哦
练习和模仿:好的效果和展现形式都可以模仿,字体变形,光影表现等,基本的技法都是要在平时积累的。
红酒——沟通阶段,需求分析
找准需求的核心
明确需求的核心要点,这就需要深入沟通。比如设计banner,需求方提出要体现a,b,c,d…N个功能点,悲剧了,难道要把他们都写上吗?这么多点里肯定有些是核心功能或者主推功能,通过和需求方深入沟通,找到核心点和表现的优先次序,再去设计。
有时候产品经理提出的宣传主题是好长一个句子,或者好几个,那这个时候就要提炼压缩把最核心的几个文字突出表现。
下面就是个很好的例子,最初接到的需求是”
1.要表现新版发布;
2体现功能:点划输入,可以换肤;
3词库准确率高”。
没有经过深入沟通的情况下做了下面的设计,不论是文字还是图片都是信息的简单堆叠,主次区分不明显且信息量很大,对于用户来说没有任何意义。
经过深入沟通,对需求做了优先级排列,排在后面的就可以弱化或者舍弃。排列后的需求是”1突出发版和手机输入法,2新增了支持iOS5,3点划 功能,换肤功能,词库精准”但是信息量还是很大,所以决定不加入优先级较低的描述功能的文字,改用点划和输入的图片来表现功能。最终的设计就最大的突出了 “百度手机输入法”这个主题。
找准核心很重要,深入沟通是关键。
牛排大餐——设计阶段
1. 创意先行,做有故事的设计
创意是设计升华的关键,如果你不是在做图而是在讲故事,那用户一定会被你的与众不同所吸引。头脑风暴,平常积累,归纳总结都是创意产生的来源。
整个功能宣传方案就是一个故事,一个功能就是一个是事件,环环相扣,枯燥的宣传变成了贴近用户生活的场景。
漫画的形式既宣传了产品,又有很广泛的传播效应。
2. 找到适合的版式是关键
你的设计是使用突出图片的展现形式,还是突出文字的展现形式?答案是——
相辅相成
1)突出图片的版式:
产品运营设计大都需要有界面或设备(如手机)的展示,加入界面实际上是一种利于表现的形式。
总结了一些运营中必要加入界面的情行:宣传图需要表现的内容和界面息息相关,文字太少,需求方的要求,界面很出彩或者需要给用户深的产品视觉印象。
宣传图需要表现的内容和界面息息相关
这种时候界面就是设计的主题,使用户第一眼能看到的元素就是界面或界面相关的元素。建议用正面的界面来表现,图像清晰,醒目。
如果是较宽的banner建议多用左右构图的形式,较高的微博类图片建议上下构图。
均衡的左右构图
上下构图
实际的设计中要还要结合阅读的连贯性,左图右字和右图左字都是可以的形式,但是要根据具体应用环境决定。同时视觉平衡和黄金分割也是十分重要的,如果合理应用可以获得意想不到的效果。
左字右图(符合阅读习惯)
左图右字(为了和右边的页面下载区平衡,所以这里图片放左边更合适)
文字太少
主体文字很少
这时候加入界面就是设计的大帮手,这种时候版式就可以比较灵活,上下结构,左右结构,不规则排版都可以灵活应用。界面的角度也可随创意尽情发挥。
需求方的要求
必须要放界面,那就沟通好放什么样的,那个功能的,必要的时候不要使用实际界面,用设计过的,有润色的效果图会事半功倍。
界面很出彩或者需要给用户产品视觉印象
这时候界面也成为了设计的主角,通过各种界面的表现形式要给用户留下深刻的印象。版式可以灵活,根据搭配的文案来协调。可以抽离出界面中的重点单独表现,这样更能吸引眼球。
2)突出文字的版式
也有些情况你也不必使用界面,手机图片等等,做类似传统的运营设计。比如:文本太多又不能删减,界面没有出彩点/和上一版变化不大,要突出的点和界面关系不大,需要突出的点太多不能用一两个界面表达,需要宣传的点有别的更好的方式表现。
宗旨是不加入更多元素可以让设计更好的发挥作用就是可行的。
表现的核心元素只有文字
3. 适应环境的设计
Banner设计要适应网页环境,和同期上线的其他banner有所区别。如果不满足这两点,你精心烹制的banner很有可能在丰盛的宴席上被食客忽略。
适应环境和区别设计的根本都是”对比”,色彩的对比,明暗的对比,氛围的对比。
对比明显的banner在翻页时很容易发现他们的变化,
微博图片在实际环境中的效果。微博宣传图片实际展示时缩略图只有120PX*120PX,大图显示宽度也只是440PX,在很小的面积里能让用户第一被吸引然后点击才是关键。
4. 运营提案和方案推动
辛苦做完的设计如何让需求方认可呢?
▌ 运营提案
包装自己的设计方案,用最好的形式展现设计图。图文并茂的讲述设计思路”为什么这么做?”"用色的原因,图片的使用原因”都要给这些问题合理的有说服里的答案。
给自己的设计赋予概念,有利于产品推广和公司的概念。这些都是方案推动的利器。
▌ 设计前期的沟通和讨论会
如果在设计前期就和需求方一起开会讨论设计思路,一起思考设计方向,创新点也一定在这个阶段就做好沟通,并达成一致,这样先给需求打好预防针,否则大胆的创新设计很有可能不被接受。
▌ 餐后甜点——沉淀和总结
一次运营的结束并不是产品宣传的终止,要想下次还能获得好的宣传效果就必须总结经验。
▌ 效果跟踪
观察微博用户的反馈,记录相关微博点击量,你都能从中获知你的设计存在的问题。也许你原以为很满意的设计,实际获得的转发量却比其他时候少很多,那就要仔细分析原因了。
左边的那次设计创意和效果都不错,但是同样都是发版活动,他的转发量(74)却没有图做的没他好看的另一次多(144)。这其中也不一定是设计的原因,但是至少可以从这里去分析一些问题。
参与活动人数的记录,可以作为自己阶段性工作的一种沉淀
▌ 规范沉淀
总结制定设计规范,这样其他同学或者下次运营设计的时候,就有很多元素可以复用的,图片的尺寸也有统一的标准,可以大大提高效率。
现在,一起回顾一下咱们的这次视觉大餐吧:
- 好的运营设计需要平时不断的积累,优秀作品收集,不断练习,都是很好的积累途径。
- 需求阶段,找准核心很重要,深入沟通是关键。要找到核心点和表现的优先次序,再去设计。
- 设计阶段,先寻找创意思路,然后构思合适的版式,并且要考虑设计投放的环境,最后要找到合适的方法包装方案,推动方案。
- 设计上线并不是产品宣传的终止,需要效果跟踪,是为了下一次的设计,也为了自己的沉淀。