首页

如何做好运营类活动设计?

雪涛

运营类活动定义

运营类活动是在某一段时间内进行的,有明确业务目标(业务转化、品牌传播)及营销群体,依赖游戏化手段带来优秀用户体验,从而获得成功的一类活动。

特征

1. 生命周期短

运营类活动生命周期较短,常在某一段时间(可能是周期性的),一般跟随时节热点或者运营节奏来进行。较短的生命周期给设计、开发、数据等带来较大挑战,设计程式化提供基本设计思路,组件化降低设计成本。

2. 业务目标明确

运营类活动一般以产品营销、品牌运营为目标,发放各类优惠券大众目标用户,从而带来业务转化,或者营销企业品牌,比如常见的年底 h5。

3. 有一定故事场景及氛围

运营类活动需要较强的故事场景。良好的场景设计、氛围营造可以带来沉浸式的用户体验,与用户建立情感共鸣。从而提升用户参与度、带来好的业务转化。

故事场景结合时节热点,同时考虑活动需要营造的体感氛围。

4. 人群细分

运营类活动的特征在发起之初就有特殊的运营目的和特定特征的用户群体。为实现最优的业务转化,需要在设计之初明确活动覆盖的用户人群。同时在各个环节都能考虑到特定用户群体的不同需求,尤其是在业务转化的过程中,好的人群细分往往带来事半功倍的效果。

5. 游戏化

引入游戏机制及游戏元素。

为什么有效

1. 场景化设计带来沉浸体验

运营类活动结合时节热点,通过富有故事性的视觉传达(插图、动效、声音等设计元素)带给用户沉浸式的体验,与用户建立情感共鸣,从而有效的鼓励用户行为。

沉浸体验的营造对设计师提出了更高要求,可以从活动设计的故事感、用户代入感、产品互动感、主体差异感几个方面来思考入手。

2. 游戏化机制及元素

运营类活动中广泛应用了游戏化机制和元素,它们是活动成功的有效保障。设计时综合考虑业务及用户需求,从用户动机激励、行为引导的角度出发,将运营活动游戏化。可以在活动参与深度的各个阶段引导用户操作,从而达成活动目标。以下列举了运营活动中常见的用户动机,后续我会从用户参与路径出发,尽可能详细的描述在用户参与的每一个阶段起作用的为动机,以及实现的手段。

大奖带来的诱因效应

动辄百万的大奖奖励几乎已经成为运营活动的标配,在动机理论中,用户行为的产生来源于需要,需要导致内驱力,引发行为,从而推动用户实现特定的目标。当目标的诱惑力很大时,即使没有内部驱动也能激发行为。这也是众多运营类活动大奖存在的理由。

占便宜的心理

爱占便宜是人的本性,从心理学角度讲,占便宜就像是额外得到的惊喜和奖赏,可以让人产生满足感!用户在这种心理作用下,会为了小利益去做出设计预设的行为,将业务需求设置在‘占便宜’的路径中可有效提高参与、转化率。比如在设计中用中奖动态弹幕来强化用户参与的动机,提高参与率。

有趣和好奇心

人天生具有好奇心,它帮助我们适应不断变化的环境、发现新的资源,是一种「无法抗拒」的行为动机。在运营活动中,用户会被有趣的活动页面,未知的规则设计所吸引,从而开始主动「探索」。这也是用户参与的动机之一,设计中精致的 UI、有效的页面信息传达保证了用户好奇的有效性。

即时反馈及阶段性成就

「即时反馈」是沉迷现象发生的原因。学习之所以痛苦正是因为其反馈链路太长,你只有在考试或者应用到所学知识时才能获得反馈,还有可能是负面的。在活动设计中,每一次用户操作都会有及时、细腻的反应,可以给用户带来精神愉悦,同时设计的阶段性成就又给用户带来成就感,用户会不知不觉中在活动中越走越远。

随机奖励的多巴胺效应

人类的本能热衷于冒险,随机的、不确定的奖励能够刺激大脑分泌多巴胺,带来愉悦感,从而刺激用户行为的重复。在活动设计中,常用到这一理论,比如抽奖机制。

所有权与拥有感

当用户感到他们拥有或控制某样东西时,会自然而然的强化它的属性、发挥其价值。尤其是通过适当的付出和自身努力,用户还可能不合理的高估其价值。在活动设计中,常使用户通过易实现的行为获得权益,通过「幸苦操作」强化了拥有感,提升其心理价值,从而促进用户对权益的使用。

稀缺性与用户渴望

稀缺性的心理学原理在于人们想要获得某样东西的原因仅仅是它太罕见,或者无法立刻获得。它破灭了人们对情况的控制感,人们会为了重获控制而采取行动。设计时,可以利用这种心理鼓励用户做出期望的行为。常见的有时间限制、权利限制等。

使命感/社交影响/损失规避……

3. 数据与策略思维

运营类活动中数据和策略思维是保证活动效果最大化的有效手段。活动需求提出时,即考虑可能的参与用户细分;活动开始时,考虑引流途径和引流方式、物料的差异化;活动进行时,根据用户细分策略化任务推送,根据埋点数据监测积极调整相关设计元素。事无巨细才能确保活动成功。

文章来源:优设

浅谈高质量的Banner设计

雪涛

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

想要设计出高质量的banner,首先你得了解什么是banner?

banner是网络广告中最常见的广告形式。一般也被人们称之为网幅广告、旗帜广告、横幅广告以及大标题广告等等,它可以是静态的图形,也可以是动画的图像。其作用就是为了体现产品的中心意旨,利用鲜明的内容去表达最主要的情感思想, 从而给整个产品起到宣传的效果!

在如今炙手可热的互联网领域,banner被广泛运用在各个不同类型的互联网平台间,例如网页设计,APP设计中都经常会使用banner这一载体来展现商家的活动以及的产品等等,因此banner在如今的互联网行业里越来越被很多的公司重视,对设计的要求也就越来越高,那么初入行的设计师该如何设计出高质量的banner呢?

一.首先了解你的banner设计需求

1.确定banner文案的内容,以及将会涉及到的设计素材、包括准备投放在什么平台以及它的尺寸大小,这些前期的工都是需要我们和需求方沟通确认定夺下来的。因为这些基本的因素如果没有被确定下来,1.会阻碍设计师的设计灵感!2.在设计的过程中也会给设计师带来很多不确定的因素,导致大大增加改稿的几率,所以前期的准备工作我们一定要做好。

2.确定banner是为了实现什么目的而设计

例如需求方给到的信息是「秒杀」,那我们首先需要了解的就是这个秒杀活动针对的产品是哪一类产品,针对的人群又是哪些,这些不同的因素都会影响到设计的整体风格以及使用元素的搭配。同时还需要考虑到需求方希望这个banner,它能起到什么样的效果以及作用,是引流还是曝光新品又或者是促进交易等等,这些需要和需求方在前期全部确定好,以免在设计的过程中走很多不必要的冤枉路。

二. 确定banner的设计风格

在这里我们可以单独把设计风格理解成小说里各个人物的性格特点,不同性格特点的人物所散发出来的魅力也是不相同的。沉着,紧张,外向,阳光,忧伤等等,这些词语代表着不同的族群,也代表着不同的情绪状态。每一种状态的表现手法肯定也是不一样的,下面就简单介绍几种常见的风格。

1.典型词语:冷傲、时尚      

这一风格最大的特点就是文案特别精辟。色系基本都以黑白灰为主。拍摄的素材呈现很高逼格的感觉。

2.典型词语:活力、年轻 

这一风格最大的特点就是朝气蓬勃。整个视觉的色彩感和饱和度,纯度都很高。版式的设计也非常的多样化

3.典型词语:素雅、安逸                                                                                           

这一风格最大的特点就是大面积的留白。色彩以灰色以及白色系为主,多运用在一些茶品、家居,纺织棉麻用品等等。

4.典型词语:节假、促销

这一风格最大的特点就是热情洋溢,色彩大多以红、黄、橙偏多,画面很少有留白的空间,大多数都非常丰富饱满,文字刚硬,有菱有角,视觉的冲击感很强

5.典型词语:萌萌哒、甜蜜

这种风格的banner使用点缀和矢量手绘的元素相对于其他类型的banner会较多,整体色感也大多呈现暖色调,给人一种很软的感觉。

6.典型词语:智能、科技

这一风格最大的特点就是概念感和未来感特别强烈,整体颜色多用于蓝,黑色等偏冷的色系,同时光晕、金属、线条和点等元素都是这一类型banner常用的点缀方式

三. 搭建banner的构图框架

确定好需求和设计风格之后,首先要做的就是内容确定一个大概的构图样式之后再去丰富版式里的设计细节

1.左右构图

这种构图在所有banner的设计中最为常⻅也最易掌握,同时也最不易出错,它分为2种形式,一种是左图右字,另一种是右图左字

2.左中右构图 

这种构图相比较左右构图形式上会更加丰富些,但是比较难把握。它也分为2种形式,一种是左图中字右图,另一种是左字中图右字,有时我们想要重点突出⼈物,也可以把文案放在画面两侧让人物居中

3.上下构图 

这一类型的banner一般为上字下图,虽简洁但却有很多的局限性

4.以⽂字居中的构图

这一类型的banner更多的是为了突出文字的内容,多用于大促一类的banner,同时对字体的设计也非常讲究,好的字体设计往往会更加发挥出这一构图的优势

5.多角度构图 

多角度构图最难把握,他属于一个不规则的构图,但却最具有设计感的层次感。这一类型的构图丰富的视觉感给人眼前一亮的感觉,也更容易吸引住人的眼球

四.确定配色方案

好的配⾊一定程度上决定了这个banner质量的好坏,一般运色最基本的方法大致可以分为2种:

一种按照配色规则进行配色:同色系、类似色、补色系。

1.同色系

同色系也称为单色,这种色系的搭配在产品本身颜色比较统一的情况下,可以吸取产品上面较近的颜色,再针对产品特性添加一些合适产品调性的辅助元素,让画面的整体变得统一和协调。

2.类似色

类似色 相比较单一的颜色,它的丰富性和可变化性都比较大,在基于banner整体的主色调以后通过添加辅助的与主色相似的颜色,使整个画面变得丰富活跃起来同时这些配色方式也相对比较好掌握一些

3.补色系

所谓补色,就是在色相环上相距180°的色相,如红色与青色、黄色与蓝色、绿色与品红色等色组。补色之间的调和搭配能够给画面带来华丽、跳跃、浓郁的视觉美感,然而,若补色以高纯度、高明度、等面积搭配,会产生比对比色组更强烈的刺激感,使人无法接受。所以相对于类似色,往往我们利用补色做设计时会考虑补色之间的面积比例,纯度比例,明度比例和空间间隔的比例,平衡画面之间的视觉感!

另一种就是将画面做反差的设计

一般我们会把素材变成黑色感的照片,在然后根据文案内容和整体banner的气质选择一个合适的颜色,已达到突出画面视觉点的目的,让主要的东西可以凸显出来,保证一个视觉冲击感。

五.字体设计

设计banner时候,千万不要把一行文字直接放上去,这样会使你的banner看起来特别的愚蠢,整体的视觉效果也会看上去很无趣、很僵硬。因此我们需要给不同的banner做不同的文字设计,去吸引我们的用户。下面就教大家几个字体设计的方法。(注意商用字体的版权,这很重要)

1.选择合适的系统字体

好的系统字体有时候也可以让banner更具有观赏性,但前提是字体的气质必须和banner的整体视觉气质统一,例如素雅、安逸的banner风格就不适合用粗犷硬朗的字体,而宋体和细黑体这一类字体则表达了文艺、品质的气质。

2.文字排列的倾斜与斜切

有时候设计banner,需要更有视觉冲击力的表现方式,我们可以尝试将文字进行倾斜或斜切透视等处理,因为普通的文字排列形式有时候过于平稳,过于有矩,反而凸显不出来整个banner的动感和层次感。

3.在相对独立的区域中表现文字

在背景颜色比较复杂,或者背景有较多产品需要呈现的时候,我们可以尝试将文字放在一个相对独立的区域或色块中,这样更便于文字阅读,也可以突出主题内容。

4.字体变形的魅力设计banner的时候,设计师经常用到文字变形,将原有的系统字体进行2次加工设计出一种新的字体。这种变形的手法可以大大提升文字的视觉性和趣味性,让整个画面的气氛被烘托得相得益彰。

5.中国风文字

有时候我们设计一些历史文化题材的banner,或者中国传统节日的banner,经常会用到一些中国风的元素,例如毛笔字、粉笔字、钢笔字,书法字等,而这些元素我们也可以把它运用在banner的设计当中,让banner的特性感更加的明显

六.画面内元素的点缀

点缀的元素常见于点、线、面或者一些手绘矢量元素,在确定基本成形的banner后适当的加入这种出彩的小元素会让画面的设计细节感和层次感更加丰富,可以提升整个画面一定程度上的品质感和细腻入微的美

备注(本分享中所有的图只用作于文字说明,不产生任何商业用途)

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务

2019草莓音乐节的主视觉设计太赞了!

用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

 

2019草莓音乐节的主题是“循环世界Circular World”。

摩登天空联合世界自然基金会(WWF)发起今年的音乐节主题“循环世界”,以环保为核心理念,携手海内外环保机构对草莓音乐节进行多方位环保实践,并聚合知乎、摩拜等多平台力量影响年轻人,让环保成为青年生活方式的一部分。

今年的主视觉海元素是被三个箭头环绕的草莓星球,表达了“循环世界”的主题。风格延续了去年的样式,色彩略有调整,并加入了太空元素。

今年的主视觉当然仍由摩登天空的当家工作室——MVM design label_工作室操刀。

这张是今年的主视觉海报。今年,MVM特地为各城市举办的2019草莓音乐节单独设计了专门的海报,一样的版式,不一样的内容,既统一又包含新意。

2019草莓音乐节武汉站

2019草莓音乐节成都站

2019草莓音乐节西安站

2019草莓音乐节上海站

2019草莓音乐节长沙站

在今年3月30日的“地球一小时”公益活动中,草莓音乐节把自己的参与定义为“草莓星球一小时”。

而武汉OYO酒店与摩登天空联合主办的活动中,一张以“音乐满房”为主题的插画也分外有趣——原来大家为了迎接音乐节,都关上门在房间里引吭高歌呀…

音乐节配套周边产品的销售,推广视觉设计也很有意思。

即使不是音乐迷,设计师对这样的设计也无法抗拒吧!

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

你还在用轮播图吗?

雪涛

轮播图(Carousels)这样的交互方式,在web时代似乎已经司空见惯。当一群人在会议室里争夺首屏焦点图的优先级时,使用轮播图,似乎能够不费吹灰之力地解决这场争端,没有人是输家。然而,轮播图这种方式真的有效吗?如何设计才能带给用户更好的体验呢?

事实上,“万能和事佬”轮播图的点击率通常都很低,转化效果也并不好,却往往占用了页面最抢眼的大面积位置。想象这么一个场景:当你走进图书馆想找一本特定的书阅读时,一个销售员挡在你面前让你先看一个大广告图,然后等你还没读完具体讲了什么内容时,他又突然换了一张,是不是很惹人厌呢?大部分轮播图的设计也是如此。

揭秘双十一!那些上亿人都在看的BANNER都是怎么设计出来的?

周周

the-best-banner-design-1

每到一年一度的大促季,会场、页面、互动游戏,都在紧张设计之中,这些精美的页面和互动游戏,如何与用户产生联系?必然需要一条与用户连接的纽带 —— 它就是BANNER。有些人可能认为资源位的设计相对简单,但其实不然,小小的资源位承载着重大的使命,设计上自然也是下了一番功夫,那这一次的双11我们是怎么做的?请听我细细道来…..

曦村:在设计前期,做大致规划,是很有必要的,在大促中虽然会有很多变化,但,做规划会帮助我们在大方向上不出错,这次,从了解业务背景及节奏 – 前期风格创意设定 – 突出品牌增强识别度 – 制定规范提升效率等几个方面去做,有了这个框架,这一次的设计过程还是相当丝滑滴!那具体是怎么做的呢?

浅析Banner设计

当今,无论任何一款互联网产品,都需要搭载PC平台进行推广,Banner更是推广的一大利器,怎么将Banner设计好就成为一个需要探讨研究的课题。

Banner规格尺寸大小不一,文件大小也有一定的限制,这就使得在设计上增加了许多障碍,颜色不能太丰富,否则会在文件大小的限制下失真,软文不能太多,否则会没有重点,得不偿失,怎么在方寸间把握平衡,变得十分重要。接下来,我为大家总结累一些,如有鄙陋,请指正,万分感谢。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档