• 通俗易懂!用超多案例帮你掌握「透视」知识点

    UI交互 2022-04-24
    上篇文章分享了一波空间感很强的作品,这些作品都有一个共同的特点,即具有很强的透视关系,于是有人建议葱爷写一篇关于透视的文章,完整的透视学其实是很复杂的,葱...

    上篇文章分享了一波空间感很强的作品,这些作品都有一个共同的特点,即具有很强的透视关系,于是有人建议葱爷写一篇关于透视的文章,完整的 透视 学其实是很复杂的,葱爷也很难讲清楚,不过对于平面 设计师 来说,掌握一些最基本的透视关系即可,这个葱爷还是能说上一二的。

    用超多案例,教你一招搞定海报设计视觉冲击力! 强烈的视觉冲击力对于平面设计来说是一个很重要的品质,而关于如何加强画面的视觉冲击力,有一个方法简单又有效,即加强画面的空间感。

    阅读文章 >

    为什么会有透视呢?从逻辑上来说,两条平行线是永远不会相交的,但是如果两条平行线是沿着离我们视线越来越远的方向延伸,变成了一个三维空间,那么这两条线在我们的眼睛看来是会相交的,因为人眼的成像是二维的,而且人类没法把离视线很远的物体看得跟离视线近的物体一样清晰。

    这就是为什么我们看一条纵向延伸的道路为什么会越来越窄的原因,实际上这条路的宽度一直没变。

    透视学包含了线性透视、空气(颜色)透视和隐形(消逝)透视,线性透视指物体的轮廓随着视线距离的变化,呈现出近大远小的现象;空气透视是指物体的颜色会随着距离的变化而进行改变,比如变亮、变暗、变灰等;隐形透视是指物体会随着距离的变远,变得越来越模糊。

    其中最复杂的就是线性透视,由于我们所处的空间是三维的,即横向空间(X 轴)、竖向空间(Y 轴)、纵向空间(Z 轴)。在现实场景中,每一个物体都会有这三个空间上的透视,即三点透视,但在绘画或设计中有时会减少其中一个或两个空间上的透视,以达到不同的视觉效果,于是又产生了单点透视和两点透视。

    单点透视是最简单的,即版面中只有一个消失点,比如这个点是在 Z 轴上的,那么物体只在纵向空间上发生位置变化时才会有透视。

    首先,在版面中确定一个消失点,假设就是在版面的正中央,然后拟定视平线就是版面的水平中轴线。

    这时版面中除中心点外的任何一个位置离我们的视线都要比消失点更近,而且同样大小的物体离消失点越远,就会越大。

    那么,上图这三个圆点的大小是一样的吗?检验一下就知道了,我们以最近的圆 A 作为标准,通过平移得到圆 B 与圆 C 在处于跟圆 A 同等距离的位置时正确的大小。拉上透视线,就可以看到圆 B 和圆 C 都大了一点。

    所以如果这三个圆是同等大小的,那么正确的比例应该是下图这样。

    当然,在做设计的时候,我们用到元素也大多是三维的,那么这些三维的元素在这个空间里又会有怎样的透视呢?我们可以给上图的圆增加一个厚度,使其变成圆柱,如下图。

    这些圆柱的透视是对的吗?通过拉上透视线就可以看出来,三个圆柱透视方向都偏离了,它们的消失点都不在我们设定的消失点上。

    调整以后得到如下效果,这才是正确的透视。

    通过该图我们还可以看到,如果圆柱刚好在视平线上且在消失点的左侧,那么我们就只能看到圆柱的正面和右侧面;如果圆柱在消失点的正上方(同时也在视平线之上),那么就只能看到圆柱的正面和底面;如果圆柱在消失点的左下方(视平线之下),那么我们就能看到圆柱的正面、顶面以及右侧面。

    套用这种方式,再加上一些对比关系,我们可以做出如下效果:

    同类型的作品其实很多:

    当然,消失点和视平线也不一定要在正中间:

    接下来葱爷再来说说两点透视,即版面中会有两个消失点,这时物体在两个维度上都会有透视,这种情况经常被用在正方体或长方体包装盒的效果图设计中。

    假设一款包装的效果图是上图这样的,正面没透视、左侧面有透视,即位于单个消失点的空间里,那么这个效果图看起来会很奇怪,因为一个真实的长方体包装,如果能看到它的两个面,那么说明这个长方体没有哪一个面是正对着我们的。

    我们可以画一个长方体的结构透视图,如下:

    长方体的高是由 ABCD 四条直边组成的,由于包装是呈半侧面摆放的,所以离我们最近的一条边是 A,其次 B 和 C,最远的是D。那么根据透视关系,B和C的高度要比A短,所以该包装的正面和左侧面都会以A为起点越来越小,并分别消失于左右两个点上,这就是两点透视。

    所以该包装的效果图调整成下图这样会舒服很多。

    当然,这是包装处于视平线上的情况,如果包装处于视平线上方或下方,那么就能看到三个面。比如下图,我们看到了包装的正面、右侧面和顶面。

    但是这个效果图也有点奇怪,因为它只做了两点透视。我们还是来看看它的结构透视图,我们重点来看看 ABCD 这四条边。

    由于包装位于视平线的下方,那么顶面自然比底面离我们的视线更近,近大远小的原理,所以线条 A 要比线条 B 长、线条 C 要比线条 D 长,所以该包装盒的正面和右侧面都会从上往下慢慢变小一点,并消失在同一个点上,这就是三点透视。

    所以上图包装效果图比较合理的透视应该是这样的:

    三点透视在拍摄高层建筑物时,效果更为明显。

    另外,透视效果要想很明显,只有线性透视还不够,还需要颜色透视和消逝透视的配合,即离光越近的地方颜色明度越高,视觉越清晰、离光越远的地方颜色明度越低、视觉越模糊。比如下图中的几个圈虽然有轮廓大小的变化,但是并没有空间感。

    而如果把这些圆圈的颜色,从外到内逐渐调亮,并逐渐变模糊时,透视感和空间感就出来了,很多空间感很强的作品都是运用了这些原理。

    我们看到的很多空间感很强的作品,都是做了这三种透视的处理。

    好了,本篇文章就写到这里,当然,葱爷只是讲了透视学中的九牛一毛而已,但如果你真的把这些原理搞懂了,应付 平面设计 中的绝大部分透视关系还是没什么问题的,希望这篇文章对你有所帮助。

    超实用!高手的 Ai 兵器谱之「理解透视网格」 在设计工作中,我们经常需要绘制具有透视感的物体,此时,如果你能熟练掌握Adobe illustrator(Ai)中的透视网格功能,就能帮助自己高效的完成。

    阅读文章 >

    欢迎关注作者的微信公众号:「葱爷」

  • 如何高效完成运营设计?大厂高手总结了这3个方面!

    UI交互 2022-04-24
    前言 在现如今的社会中,每天都有各式各样的商战。运营设计则是至关重要的一部分。所谓运营设计即是运用完善的设计思维、产品思维和设计技能去完成视...

    前言 在现如今的社会中,每天都有各式各样的商战。运营设计则是至关重要的一部分。所谓 运营设计 即是运用完善的设计思维、产品思维和设计技能去完成 视觉设计 ,在保证设计美感的同时,兼顾用户和产品营销的需求,达到流量多、曝光量多、积累口碑等目的。运营活动具有周期较短、业务目标明确、用户群体明确、玩法简单等特点。

    运营类活动生命周期较短,常在某一段时间(也可能是周期性的),一般跟随时节热点或者运营节奏来进行。较短的生命周期给设计、开发、数据等带来较大挑战,那么作为运营 设计师 怎么才能做出一系列快速、高效、高质的运营设计呢?

    本文主要从运营设计师,需要什么样的思路、技巧?并明确哪些步骤是可以快速搞定的?哪些内容是需要精修打磨?怎么归类?怎么统一?等内容去引导大家做好运营设计。

    灵活把握设计思路、避免陷入程式化 设计师长期处于单向业务线的设计中,往往都会有思维模式固化的特点,每做一个项目,可能需要清楚设计目标、背景、品牌定位、用户人群等等。岂不知一个短短的运营设计,哪有那么多时间去深入了解,我们要做的就是依据项目的重要程度,做思路筛减,灵活运用,了解到哪些是必要的,哪些是非必要的。

    我们依据项目的重要性,大致分为四类运营活动:S 级大促活动、A 级节日&平台类主题活动、B 级品类&渠道等日常活动、其他助力玩法&推广类活动等。那么接下来我们考虑以什么样的设计思路去应对这四种不同级别的项目活动。

    1. S 级大促活动 S 级大促活动,常见的有双十一、年中大促、春运大促等。此类的活动有爆发量高、活动周期较长、促销力度大、出现次数较少等特点。那么此类活动对于无论是产品运营还是设计师都是重中之重,而且 S 级活动往往涉及到的物料输出非常多,包括各个会场、换肤、顶通等等,所以针对每个环节,我们都要做到深入了解,精细打磨。

    我们要做的有:

    1. 理解活动目标,包括活动效果目标、业务转化目标、品牌形象目标、设计影响力目标等;

    2. 明确目标用户,掌握用户行为特征、思想和情感需求,洞悉目标人群的特征才能实现精准的设计触达;

    3. 制定设计策略,包括规划设计排期、定义设计风格、设定活动符号、把控节奏点等内容;

    4. 细化流程,规避风险,视觉风格定好后,依据关键词,先草图绘制,进行创意联想,避免过早陷入细节,待方案确认后,再进行精细化打磨,按照时间节点,各个端口物料输出;

    5. 关注设计结果,总结复盘,要及时了解用户反馈、可量化数据验证,项目结束后做总结和复盘,把项目过程中遇到的问题及时列出,好的经验和方法延用。

    A 级节日&平台类主题活动

    A 级活动,常见的就是节日节点和平台主题类活动,例如春季家装节、回收焕新季等。此类活动一般上线时间为 3-8 天左右,频次相对较高,此类活动可以根据活动属性和项目特点,打造系列化运营设计,既可以保证设计质量又可以节省时间。

    我们要做的有:

    1. 规划时间、统筹归类,将一年内的 A 级活动,依据活动特征属性,进行归类整理,进而为做出系列化的运营设计做好准备;

    2. 确定阶段性设计风格,依据当前设计趋势结合业务熟悉,打造适合业务转化的视觉风格,包括 C4D、插画、酸性、场景合成等;

    3. 定义设计语言,包括设计版式、构图、色彩和字体符号等,将此类信息进行明确定义,在设计时,就可以直接使用,也不需要每次投入时间去考虑;

    4. 关注数据,及时总结,A 级类活动相对频次较高,所以实时的总结经验教训,为下一次活动做准备是非常有必要,也只有这样,才能使每次的运营设计越做越好;

    B 级品类&渠道等日常活动

    B 级活动,也就是我们所说的日常运营活动。此类活动一般我们打开 app,每日都会看到,常见的有福利日、品类日等主打活动。此类活动有上线周期长、频次短、营销力度小等特点,基本上一个月或一个季度更换一次、有的甚至半年或一年,基本是跟业务及品牌主打相关。此类活动的目的,一方面是为了促活、留存、流量汇聚等,另一方面是为了传达品牌理念,提升业务及品牌形象。

    我们要做的有:

    1. 深入了解品牌形象和业务属性,根据品牌规范对运营活动进行设计,B 级活动对用户来说,曝光率会比较久。所以我们在设计的时候,尽量依据品牌关键词,选择规范中的品牌色、字体、符号等内容,加深用户对品牌的印象,从而提高知名度和业务转化;

    2. 模版规范化、统一处理,针对于 B 级活动,做相应的模版规范,统一视觉样式,是非常有必要的。不但能提高设计效率,同时也能逐渐沉淀出符合产品调性的品牌基因,从而保持产品的一致性;

    3. 视觉降噪、简洁处理,B 级活动视觉避免花里胡哨,能够让用户在有限的时间内 Get 最有价值的信息,找到所得,从而实现转化就可以;

    4. 版本优化,迭代更新,总所周知,一个 app 要想保证用户留存和拉新,是必须不断升级和改进,那么 B 级运营活动同样也是如此,会伴随着主 app 的设计调性,不断优化迭代。

    其他助力玩法&推广类活动

    除了以上分析三种类别的活动外,我们常见的运营活动还有助力玩法和推广类活动,通常依赖游戏化手段或任务类玩法带来优秀用户体验,有领红包、领劵、抽奖、限时秒杀等形式,从而获得成功拉新转化的一类活动。此类活动有运营感强、行为体验丰富、流程触点多等特点。另外此类活动对产品运营和交互设计的要求比较多,需要对玩法策略和交互逻辑有清晰的设定,那么作为运营设计师我们需要怎么做呢?

    我们要做的有:

    1. 参与策略制定、提出创意想法,针对玩法推广类活动,在设计前期,我们一定要参与策略制定,能够将自己的一些设计创意和灵感,融入到活动中;

    2. 了解玩法逻辑,强化设计价值,当设计玩法确认后,我们一定要配合交互设计师,对玩法中的每个流程逻辑,要有清楚的了解。并对每个流程页面中的内容进行层级分析和强化处理,包括利益点、文案和激励机制等;

    3. 市面设计分析,融入自身创意,在开始对活动进行设计的时候,我们首先要对此类玩法市面上的设计进行收集整理,吸取别人的优点,同时将自己的创意融入,最终做出更好的玩法设计;

    4. 案例整理,提高复用,当我们做完一系列的玩法活动时,要学会对其进行整理,做成通用模版,从而提高设计复用性,降低设计成本。

    综上所述,对四类活动进行了一些设计思路分析,其中的思路方法也不是一成不变的,有些点是互通的,这就在于设计师在设计中要学会灵活把握,找到快速有效适合自己的方法,只要有了清晰明了的设计思路,我们做设计的时候才能达到事半功倍的效果。

    运营物料规范制定 众所周知,运营设计师的需求内容有专题页、详情页、H5、Banner、闪屏海报等等,分别对应不同的设计要求。我们在运营设计的时候,在输出物料上花费的时间是非常的大。所以运营设计物料做统一性的规范标准是非常有必要的。一般来说我们针对运营物料,需要明确规范的有尺寸大小、图文结构、字体字数、配色、元素等内容;

    用一个项目实例来具体说明一下:为 58 同城本地服务运营活动入口的 banner 图,涉及到 APP 和 PC 端。当我们已知素材和文案内容后(如下图左),我们就可以制定其版式结构,包括尺寸大小、字号间距、主视觉等内容(如下图右),那么我们每次设计的时候,只需要更改文案、主视觉和配色即可。

    以下两张图是按照 banner 规范做出来的效果:

    另外再举个例子,就是我们的活动页面设计,常见的页面信息结构:首屏+副屏,首屏:主副标题+氛围图,副屏:模块平铺/叠加,我做设计之前就需要对页面中的内容进行布局的规范化,包括位置尺寸等等,有助于我们更清晰的表现画面内容和层级的划分,如下图所示:

    组件化降低设计成本 对比设计规范来说,组件库更像是一个强大的工具库,是提高工作效率和保证团队协作一致性的基础。组件库作为设计系统的一部分,在运营设计过程中设计师可直接调取,组合构建出新的页面,通过组件库带来的价值主要体现在三个维度:

    1. 设计一致性

    当我们使用统一的设计模式和组件库,能够在保持基础体验一致的同时,针对业务特性做差异化设计,给用户带来一致体验和品牌感知。在团队中有新成员加入时,也能够快速上手工作。

    2. 提高设计效率

    我们做运营设计的时候,总会使用到相同的元素和组件,通过组件库的调用能够减少重复性设计时间。当组件设计细节有改动时,只需要改动组件库,所有共用组件库的页面即可实时响应。针对新的业务线也能够快速进行页面搭建,实现设计效率的提升。

    3. 高效协同

    我们在进行运营设计的时候,可能会涉及到产品、开发及数据等人力侧的支撑,组件库能够随着业务发展不断的优化和完善,在不同的需求和各人力侧之中,能够灵活支撑页面内容进行延展和扩充,从而实现全链路、多场景的高效协同。

    以下是我们在做 58 到家的家庭服务运营设计中,部分的组件样式,包括服务列表、弹窗等等。

    在组件库的构建过程中,我们需要整体思考,明确组件化的设计内容,不断去优化和完善组件细节,包括设计原则、应用场景以及拓展性等。同时组件库需要根据产品的发展不断迭代和创新,才能让它的可持续性特性发挥至最大。

    写在最后 设计行业是一个不断发展、推陈出新的行业,新的风格和形式层出不穷。而随着互联网和人工智能的发展,运营设计也在大的时代浪潮下产生着变化。我们需要在新的维度上进行思考,充分调动用户的感官,用更具有创造性的思维完成设计表达,在更丰富的场景下实现多通道的感官设计,创造更新鲜的体验。设计师需要不断学习和成长,为设计行业注入新的活力。

    以上是个人在运营设计中的一些经验总结,从设计思路、物料规范和组件化三个方面进行了论述,不足之处请多包涵,同时篇幅有限,关于运营设计的内容无法一次详尽,欢迎大家一起讨论。

    设计师应该懂的运营基础知识 由销售演变成运营 在我看来,当今互联网行业的经营实际上与传统行业的销售并无区别,我们可以从以下两个行业的业务结构图看出,互联网行业的经营实际上是从传统行业的销售模式转变而来。

    阅读文章 >

    欢迎关注「58UXD」的微信公众号:

  • 从三大模型入手,拆解微信读书的11种营销玩法设计

    UI交互 2022-04-24
    「微信读书」是一款基于微信关系链的阅读类 APP,以阅读+社交的设计理念,对读书类产品进行了颠覆式设计,旨在为用户打造一个以书交友的平台——让阅读不再孤单...

    「微信读书」是一款基于微信关系链的阅读类 APP,以阅读+社交的设计理念,对读书类产品进行了颠覆式设计,旨在为用户打造一个以书交友的平台——让阅读不再孤单。

    笔者作为一个重度「微信读书」上瘾用户,最近从正在制作的《微信读书 产品设计 分析报告》中提炼出来了「 微信读书 」的 11 种营销玩法,结合戴夫·麦克卢尔的增长模型、尼尔·法埃尔的 上瘾模型 和西奥迪尼的社会心理学进行了全面的拆解,为广大产品设计者提供一份设计参考。

    关于上瘾模型的详细介绍:

    万字读书笔记!产品设计宝典《上瘾》全面解读!(上) 为什么人们每天都会刷朋友圈、刷抖音,而且一刷就是几个小时,根本停不下来?

    阅读文章 >

    万字读书笔记!产品设计宝典《上瘾》全面解读(下) 《上瘾》这本书从大量的实验案例调研中,总结出那些让用户上瘾的产品设计原则,最后提炼出了一个让用户上瘾的模型,读完以后,真的恍然大悟,原来习惯类的产品需要这么设计。

    阅读文章 >

    问答 1. 每日一答 玩法规则

    「每日一答」有两种玩法,第一种是用户每天可以进行回答挑战,连续答对 12 道题目后可参与「瓜分无限卡」、「书币」的机会,答错则丧失机会,但可以通过「复活卡道具」或分享给好友请求帮忙获取复活机会;第二种是「问答 PK 比赛」,采用赛季制,持续时间为两个月,用户可邀请好友或随机对战,胜利者可赢取积分,赛季结束后根据积分决胜出总冠军,最终给与玩家不同的奖励。

    功能价值

    「每日一答」从 APP 直接跳转到微信,不仅操作体验方便,更能结合微信生态引流传播,打造全民学习答题的读书活动。其次通过丰富多变的游戏化方式,保持对用户的新鲜感,形成读书-娱乐的小闭环,抢夺用户时间,提高用户留存率,增强用户满意度、忠诚度,是培养用户对产品形成习惯的重要方式。

    策略推导

    ⑴「积分」的玩法非常丰富,不仅可以「抽奖」,「兑换无限卡」、「道具卡」还可以直接兑换书籍,为用户提供了多变性的猎物酬赏。

    ⑵进入「每日一答」,用户可选择「瓜分读书天数」(以读书时间为诱)或「书币」(以钱为诱)两种形式的问答;「排行榜」分为好友排行和全网排行,通过排名机制,以社交酬赏为诱,吸引用户积极参与问答,从而提高用户习惯度,成为忠实粉丝。

    ⑶利用稀缺性,用户每天只有1次机会回答机会,但如果回答错误,可通过使用「续命卡」或邀请朋友解答的两种形式进行复活;用户闯关失败后,用户还可通过「书币购买」、「看广告复活」、「邀请朋友」玩游戏复活,通过这样多变、丰富、游戏化的答题形式,彻底让用户主动分享传播,拉新引流。

    ⑷「问答PK」的设计非常创新,有别于很多答题竞猜的的单机游戏模式,微信读书采用了体育比赛的赛季制度,让用户像踢比赛一样参与,每个赛季时间为2个月,通过PK,决胜出赛季总冠军,刺激又好玩,让用户彻底上瘾。

    促销 1. 免费领书 功能价值

    用户可通过分享领取图书,也可以通过阅读 1 分钟并加入书架后领取,这对未付费用户的激活和新用户的引流有很大的帮助。

    策略推导

    根据用户读书记录、兴趣推荐,激发用户兴趣;用户阅读 1 分钟加入书架也可赠送,有效促进未付费、未形成习惯的用户激活;多变性的设计,每天能领取的图书都不一样,给用户始终保持神秘感。

    2. 无限会员日 功能价值

    每周一为「无限会员日」(无限会员就是微信读书的 VIP 会员),用户可进行免费抽奖,并为自己最想要的「会员权益」投票。这是新用户激活、老用户留存的好方法。通过「抽奖」、「会员权益」吸引新用户购买无限卡,其次给与老用户充分的自主权,让他们来参与产品设计,极大提高用户的活跃度和忠诚度。

    策略推导

    充分利用稀缺性,每周 1 次,每次也只能抽奖 1 次;结合游戏化风格设计,模拟真实的老虎机交互效果,生动又有趣;通过调研,调动粉丝的产品设计参与度,满足用户真实需求。

    3. 翻一翻 玩法规则

    每周一期,每期 9 本赠书,每周二中午更新,普通用户可翻 3 张卡,每张卡可领取一本赠书,无限卡会员可翻 6 张卡。

    功能价值

    「翻一翻」是促进用户激活的有效方式,通过游戏化风格的设计,每周精选 9 本书籍赠送给用户,吸引用户开始阅读,培养读书习惯。

    策略推导

    充分利用了互惠原理、稀缺和多变性的酬赏,激发用户兴趣,培养用户习惯。

    组队 1. 组队抽取无限卡 玩法规则

    每周一期,每周六更新,用户需要邀请 1 个好友才有资格参与;组队成功后,每周六中午 12 点公布中奖信息。

    功能价值

    「组队抽奖」是一个纯分享邀请的引流传播形式,利用「终身无限卡」为诱饵,激发用户组队抽奖,其次抽奖规则门槛也高,有效避免用户利用规则漏洞重复参与。

    策略推导

    充分利用互惠原理,人人皆可组团,团长更能额外获得多一次机会,从而充分调动了团长拉新引流的积极性。

    2. 组队读书 玩法规则

    三人成队,一起读书,以「无限卡」、「抽奖」为诱,21 天为一个积分周期,根据每期的最终积分读书小队还可以晋升等级,兑换更丰富的奖品。

    功能价值

    「组队读书」是促进用户激活、留存的重要方式,以组队读书的形式,用户不仅可相互监督,还极大提高了活跃度。

    策略推导

    ⑴利用独具创意的设计方式,把一个人读书变成了三个人一起读书,极大提高用户活跃度和忠诚度;

    ⑵每周发布不同的共读任务,以21天为周期的比赛机制,通过奖品酬赏,让小组成员之间自发相互监督,有效激活未付费用户,彻底培养用户读书习惯。

    邀请 1. 联名卡 玩法规则

    每周精选 6 本好书,每周四更新,用户分享至微信好友或朋友圈集齐 2 个赞可获得 2 天无限卡,每期最多可得 12 天无限卡。

    功能价值

    「联名卡」是鼓励用户分享传播的有效方式,通过分享集赞的方式,可兑换相应的无限卡天数,进一步激活用户变现。

    策略推导

    颜值超高的海报设计搭配传神的文案,让用户更主动参与传播,形成人际型触发,老用户带新用户,无限增长。

    2. 邀请微信朋友 玩法规则

    用户邀请朋友和 30 天未阅读用户阅读可以获得 3 天无限卡,成功邀请多人奖励可累积。

    功能价值

    「邀请朋友」是鼓励用户拉新和唤醒活跃度极低的用户一个方式,用户行动成本低,酬赏不高,但可以有效激活用户传播。

    策略推导

    自动生成了用户读书时长和读完书籍,通过这样有趣而又取巧的设计,利用社交酬赏,激发用户主动邀请好友,双向倒逼,一举两得。

    读书 1. 阅读时长 功能价值

    根据用户每周的阅读时间,为用户生成当周的读书时长统计,用户还可以按月、按年的时间查询历史读书时长。这个功能对用户的留存有极大的帮助,是提高用户满意度和忠诚度的重要方式。

    策略推导

    ⑴右上角点击分享后,可以分享给好友,可以生成当周的读书海报,可以设置为「微信状态」,从而帮助用户获取社交认同,引流推广。

    ⑵为用户提供全面直观的数据分析,用户可按天、周、月查看读书分析,还可查看「年度读书报告」,像一部留声机,储存着用户的读书回忆;底部展示本周读书的详细记录,包括「读过的书」、「阅读字数」、「留下的笔记」,通过如此直观具象的设计,让用户尖叫。

    ⑶设置了「阅读奖励」,拆分成不同的阅读小任务,培养用户的读书习惯,从而进一步寻找机会激活变现。

    2. 读书排行榜 功能价值

    「读书排行榜是」据用户每周读书时长自动生成的,目的是通过好友之间的排名,利用用户的攀比心理,激发用户读书,提高用户读书时间,培养用户习惯。

    策略推导

    利用赠券效应,「读书时长」可兑换阅读福利;通过排名,利用攀比心理,激发用户增长阅读时间;右上角可生成读书排行榜海报,传播引流。

    3. 勋章 功能价值

    微信读书的勋章体系非常丰富,包含了「连续阅读」、「阅读时长」、「阅读天数」、「阅读书籍」、「读完书籍」、「收到的赞」和「想法」发布七大类型,充分激发用户读书兴趣,留存用户,培养用户习惯。

    策略推导

    ⑴「勋章」体系分类非常有创意,根据时间的维度有「连续阅读」、「阅读时长」、「阅读天数」,这是对用户阅读时间的酬赏;根据阅读书籍数量有「阅读书籍」、「读完书籍」,这是对用户阅览群书的酬赏;根据想法和点赞,又有「收到的赞」和「想法发布」,这是对用户的内容投入进行酬赏。通过如此多维度的设计,多变性的酬赏,从而提高用户新鲜度、活跃度和忠诚度。

    ⑵点击右上角的分享,可分享给好友,还可同步微信状态,生成勋章海报,拉新引流。

    总结 通过对「微信读书」的 11 种营销玩法的全面设计拆解,我们发现,作为微信的亲儿子,这个含着金钥匙出身的富二代,真是沿袭了腾讯系的产品设计套路,把用户彻底研究透了。充分利用了互惠、稀缺、社会认同、多变性酬赏等营销模型,让用户主动分享、主动学习、主动参与,最终培养用户形成使用产品的习惯,成为产品的忠实粉丝。

    上万字分析!6大方面完整分析「丁香医生」的产品设计 一个优秀的产品如何设计,遵循什么原则,有什么策略,是否可以用一个设计公式来描述它,从而让我们全面、结构化的方式去研究学习。

    阅读文章 >

    欢迎关注作者微信公众号:以琳设计。每月定期分享大厂APP分析和读书笔记资料包,也欢迎大家添加微信好友交流:

  • 不限次数!快收藏在线免费抠图神器「Hama」

    UI交互 2022-04-24
    Hama 如同上次介绍的「Magic Eraser」,让用户上传图片、将画面中不想要的部分抹除,因为这类服务都是使用人工智能 AI 加上机器学习方式训练出...

    Hama 如同上次介绍的「Magic Eraser」,让用户上传图片、将画面中不想要的部分抹除,因为这类服务都是使用人工智能 AI 加上机器学习方式训练出更强大的程序辨识能力,会分析标示人物或物品,移除后将附近的颜色补充进来,就会使去除后的相片画面很自然,而且这项服务完全免费,使用者只要打开网站、无须注册就能使用。

    3秒无痕修图!在线黑科技修图神器 Magic Eraser 大家好,我是和你们聊设计的花生~ 抠图和修图是每个设计师都必须花时间处理的日常工作,它们虽然难度不高,但需要处理的频次不低,所以很多时候我们都会借助智能工具来处理。

    阅读文章 >

    Hama 目前支持上传任何尺寸大小的原始图片,不过下载时会将处理后的图片大小限制为 720px,依照网站说明他们正在准备付费 Pro 版本,未来需要付费才能下载高分辨率的图片成果,但好处是没有限制单一图片编辑次数。如果在去除时无法获得较好的效果,不妨重复进行几次,让机器重新辨识效果会更理想(也取决于用户本身图片的复杂性)。

    Hama 网站链接: https://www.hama.app/en

    使用教学

    开启 Hama 网站将图片拖曳到网页的虚线方框就能开始使用,Hama 不会将任何图片储存于服务器。

    接着会看到简易编辑器,使用者需要做的就是从下方调整橡皮擦的粗细,然后标记出想要清除的范围,顺带一提,这张操作范例使用的图片来自 Pixabay,它是一个收录超过 30 万张相片的免费图库。

    图库两连发!有三十万可商用图片的Pixabay+图片搜索引擎 今天这篇源自之前合集里推荐过的一个图库站,最近实际深入使用后,发现它确实是个极佳的图片素材库,不但提供了大量且可以免费使用的照片、向量图和艺术插图,而且都可以自由下载使用,包含商业用途,无须署名。

    阅读文章 >

    举例来说,我想把相片中的 Gogoro 机车移除,就以橡皮擦标示出特定范围,点选下方「Erase」清除。

    接着 Hama 就会开始分析计算要清除的人物或物品,同时补上可能的背景颜色或样式,看起来就像是变魔术一样直接让 Gogoro 从照片消失(除了没有描绘到的阴影部分)。

    如果想比较一下原图和去除后的图片差异,点选右上角「Original」切换原图和处理后的图片。

    一张图片有无限制的编辑次数,若是觉得看起来没有很完美,可进行多次编辑,为了让编辑的流程更快、更顺畅,建议将右上角「Auto」切换为开启状态,就能在每次标示范围后让 Hama 自动分析处理,不用重复点击 Erase 清除按钮。

    完成编辑后点选右上角「Download」即可下载、保存编辑后的图片。

    值得一试的三个理由:

    1. Hama 让用户上传图片、将画面中不想要的部分抹除

    2. 支持上传任何尺寸的原始图片,不过下载时图片大小限制为 720px

    3. 不会将图片储存于服务器,可反复进行多次清除没有次数限制

    又一个抠图神器!完全免费无需注册超好用! 当前图片去背工具都设计得相当简单易用,只要将图片上传,就能以机器自动辨识主体和背景范围,快速将背景移除,转为透明背景或是套用特定颜色,像是之前介绍过的 FocoClipping、Designify、BackgroundCut、AI Background Remover 等等去背服务都有类

    阅读文章 >

  • 如何高效完成运营设计?大厂高手总结了这3个方面!

    UI交互 2022-04-24
    前言 在现如今的社会中,每天都有各式各样的商战。运营设计则是至关重要的一部分。所谓运营设计即是运用完善的设计思维、产品思维和设计技能去完成视...

    前言 在现如今的社会中,每天都有各式各样的商战。运营设计则是至关重要的一部分。所谓 运营设计 即是运用完善的设计思维、产品思维和设计技能去完成 视觉设计 ,在保证设计美感的同时,兼顾用户和产品营销的需求,达到流量多、曝光量多、积累口碑等目的。运营活动具有周期较短、业务目标明确、用户群体明确、玩法简单等特点。

    运营类活动生命周期较短,常在某一段时间(也可能是周期性的),一般跟随时节热点或者运营节奏来进行。较短的生命周期给设计、开发、数据等带来较大挑战,那么作为运营 设计师 怎么才能做出一系列快速、高效、高质的运营设计呢?

    本文主要从运营设计师,需要什么样的思路、技巧?并明确哪些步骤是可以快速搞定的?哪些内容是需要精修打磨?怎么归类?怎么统一?等内容去引导大家做好运营设计。

    灵活把握设计思路、避免陷入程式化 设计师长期处于单向业务线的设计中,往往都会有思维模式固化的特点,每做一个项目,可能需要清楚设计目标、背景、品牌定位、用户人群等等。岂不知一个短短的运营设计,哪有那么多时间去深入了解,我们要做的就是依据项目的重要程度,做思路筛减,灵活运用,了解到哪些是必要的,哪些是非必要的。

    我们依据项目的重要性,大致分为四类运营活动:S 级大促活动、A 级节日&平台类主题活动、B 级品类&渠道等日常活动、其他助力玩法&推广类活动等。那么接下来我们考虑以什么样的设计思路去应对这四种不同级别的项目活动。

    1. S 级大促活动 S 级大促活动,常见的有双十一、年中大促、春运大促等。此类的活动有爆发量高、活动周期较长、促销力度大、出现次数较少等特点。那么此类活动对于无论是产品运营还是设计师都是重中之重,而且 S 级活动往往涉及到的物料输出非常多,包括各个会场、换肤、顶通等等,所以针对每个环节,我们都要做到深入了解,精细打磨。

    我们要做的有:

    1. 理解活动目标,包括活动效果目标、业务转化目标、品牌形象目标、设计影响力目标等;

    2. 明确目标用户,掌握用户行为特征、思想和情感需求,洞悉目标人群的特征才能实现精准的设计触达;

    3. 制定设计策略,包括规划设计排期、定义设计风格、设定活动符号、把控节奏点等内容;

    4. 细化流程,规避风险,视觉风格定好后,依据关键词,先草图绘制,进行创意联想,避免过早陷入细节,待方案确认后,再进行精细化打磨,按照时间节点,各个端口物料输出;

    5. 关注设计结果,总结复盘,要及时了解用户反馈、可量化数据验证,项目结束后做总结和复盘,把项目过程中遇到的问题及时列出,好的经验和方法延用。

    A 级节日&平台类主题活动

    A 级活动,常见的就是节日节点和平台主题类活动,例如春季家装节、回收焕新季等。此类活动一般上线时间为 3-8 天左右,频次相对较高,此类活动可以根据活动属性和项目特点,打造系列化运营设计,既可以保证设计质量又可以节省时间。

    我们要做的有:

    1. 规划时间、统筹归类,将一年内的 A 级活动,依据活动特征属性,进行归类整理,进而为做出系列化的运营设计做好准备;

    2. 确定阶段性设计风格,依据当前设计趋势结合业务熟悉,打造适合业务转化的视觉风格,包括 C4D、插画、酸性、场景合成等;

    3. 定义设计语言,包括设计版式、构图、色彩和字体符号等,将此类信息进行明确定义,在设计时,就可以直接使用,也不需要每次投入时间去考虑;

    4. 关注数据,及时总结,A 级类活动相对频次较高,所以实时的总结经验教训,为下一次活动做准备是非常有必要,也只有这样,才能使每次的运营设计越做越好;

    B 级品类&渠道等日常活动

    B 级活动,也就是我们所说的日常运营活动。此类活动一般我们打开 app,每日都会看到,常见的有福利日、品类日等主打活动。此类活动有上线周期长、频次短、营销力度小等特点,基本上一个月或一个季度更换一次、有的甚至半年或一年,基本是跟业务及品牌主打相关。此类活动的目的,一方面是为了促活、留存、流量汇聚等,另一方面是为了传达品牌理念,提升业务及品牌形象。

    我们要做的有:

    1. 深入了解品牌形象和业务属性,根据品牌规范对运营活动进行设计,B 级活动对用户来说,曝光率会比较久。所以我们在设计的时候,尽量依据品牌关键词,选择规范中的品牌色、字体、符号等内容,加深用户对品牌的印象,从而提高知名度和业务转化;

    2. 模版规范化、统一处理,针对于 B 级活动,做相应的模版规范,统一视觉样式,是非常有必要的。不但能提高设计效率,同时也能逐渐沉淀出符合产品调性的品牌基因,从而保持产品的一致性;

    3. 视觉降噪、简洁处理,B 级活动视觉避免花里胡哨,能够让用户在有限的时间内 Get 最有价值的信息,找到所得,从而实现转化就可以;

    4. 版本优化,迭代更新,总所周知,一个 app 要想保证用户留存和拉新,是必须不断升级和改进,那么 B 级运营活动同样也是如此,会伴随着主 app 的设计调性,不断优化迭代。

    其他助力玩法&推广类活动

    除了以上分析三种类别的活动外,我们常见的运营活动还有助力玩法和推广类活动,通常依赖游戏化手段或任务类玩法带来优秀用户体验,有领红包、领劵、抽奖、限时秒杀等形式,从而获得成功拉新转化的一类活动。此类活动有运营感强、行为体验丰富、流程触点多等特点。另外此类活动对产品运营和交互设计的要求比较多,需要对玩法策略和交互逻辑有清晰的设定,那么作为运营设计师我们需要怎么做呢?

    我们要做的有:

    1. 参与策略制定、提出创意想法,针对玩法推广类活动,在设计前期,我们一定要参与策略制定,能够将自己的一些设计创意和灵感,融入到活动中;

    2. 了解玩法逻辑,强化设计价值,当设计玩法确认后,我们一定要配合交互设计师,对玩法中的每个流程逻辑,要有清楚的了解。并对每个流程页面中的内容进行层级分析和强化处理,包括利益点、文案和激励机制等;

    3. 市面设计分析,融入自身创意,在开始对活动进行设计的时候,我们首先要对此类玩法市面上的设计进行收集整理,吸取别人的优点,同时将自己的创意融入,最终做出更好的玩法设计;

    4. 案例整理,提高复用,当我们做完一系列的玩法活动时,要学会对其进行整理,做成通用模版,从而提高设计复用性,降低设计成本。

    综上所述,对四类活动进行了一些设计思路分析,其中的思路方法也不是一成不变的,有些点是互通的,这就在于设计师在设计中要学会灵活把握,找到快速有效适合自己的方法,只要有了清晰明了的设计思路,我们做设计的时候才能达到事半功倍的效果。

    运营物料规范制定 众所周知,运营设计师的需求内容有专题页、详情页、H5、Banner、闪屏海报等等,分别对应不同的设计要求。我们在运营设计的时候,在输出物料上花费的时间是非常的大。所以运营设计物料做统一性的规范标准是非常有必要的。一般来说我们针对运营物料,需要明确规范的有尺寸大小、图文结构、字体字数、配色、元素等内容;

    用一个项目实例来具体说明一下:为 58 同城本地服务运营活动入口的 banner 图,涉及到 APP 和 PC 端。当我们已知素材和文案内容后(如下图左),我们就可以制定其版式结构,包括尺寸大小、字号间距、主视觉等内容(如下图右),那么我们每次设计的时候,只需要更改文案、主视觉和配色即可。

    以下两张图是按照 banner 规范做出来的效果:

    另外再举个例子,就是我们的活动页面设计,常见的页面信息结构:首屏+副屏,首屏:主副标题+氛围图,副屏:模块平铺/叠加,我做设计之前就需要对页面中的内容进行布局的规范化,包括位置尺寸等等,有助于我们更清晰的表现画面内容和层级的划分,如下图所示:

    组件化降低设计成本 对比设计规范来说,组件库更像是一个强大的工具库,是提高工作效率和保证团队协作一致性的基础。组件库作为设计系统的一部分,在运营设计过程中设计师可直接调取,组合构建出新的页面,通过组件库带来的价值主要体现在三个维度:

    1. 设计一致性

    当我们使用统一的设计模式和组件库,能够在保持基础体验一致的同时,针对业务特性做差异化设计,给用户带来一致体验和品牌感知。在团队中有新成员加入时,也能够快速上手工作。

    2. 提高设计效率

    我们做运营设计的时候,总会使用到相同的元素和组件,通过组件库的调用能够减少重复性设计时间。当组件设计细节有改动时,只需要改动组件库,所有共用组件库的页面即可实时响应。针对新的业务线也能够快速进行页面搭建,实现设计效率的提升。

    3. 高效协同

    我们在进行运营设计的时候,可能会涉及到产品、开发及数据等人力侧的支撑,组件库能够随着业务发展不断的优化和完善,在不同的需求和各人力侧之中,能够灵活支撑页面内容进行延展和扩充,从而实现全链路、多场景的高效协同。

    以下是我们在做 58 到家的家庭服务运营设计中,部分的组件样式,包括服务列表、弹窗等等。

    在组件库的构建过程中,我们需要整体思考,明确组件化的设计内容,不断去优化和完善组件细节,包括设计原则、应用场景以及拓展性等。同时组件库需要根据产品的发展不断迭代和创新,才能让它的可持续性特性发挥至最大。

    写在最后 设计行业是一个不断发展、推陈出新的行业,新的风格和形式层出不穷。而随着互联网和人工智能的发展,运营设计也在大的时代浪潮下产生着变化。我们需要在新的维度上进行思考,充分调动用户的感官,用更具有创造性的思维完成设计表达,在更丰富的场景下实现多通道的感官设计,创造更新鲜的体验。设计师需要不断学习和成长,为设计行业注入新的活力。

    以上是个人在运营设计中的一些经验总结,从设计思路、物料规范和组件化三个方面进行了论述,不足之处请多包涵,同时篇幅有限,关于运营设计的内容无法一次详尽,欢迎大家一起讨论。

    设计师应该懂的运营基础知识 由销售演变成运营 在我看来,当今互联网行业的经营实际上与传统行业的销售并无区别,我们可以从以下两个行业的业务结构图看出,互联网行业的经营实际上是从传统行业的销售模式转变而来。

    阅读文章 >

    欢迎关注「58UXD」的微信公众号:

  • 通俗易懂!用超多案例帮你掌握「透视」知识点

    UI交互 2022-04-24
    上篇文章分享了一波空间感很强的作品,这些作品都有一个共同的特点,即具有很强的透视关系,于是有人建议葱爷写一篇关于透视的文章,完整的透视学其实是很复杂的,葱...

    上篇文章分享了一波空间感很强的作品,这些作品都有一个共同的特点,即具有很强的透视关系,于是有人建议葱爷写一篇关于透视的文章,完整的 透视 学其实是很复杂的,葱爷也很难讲清楚,不过对于平面 设计师 来说,掌握一些最基本的透视关系即可,这个葱爷还是能说上一二的。

    用超多案例,教你一招搞定海报设计视觉冲击力! 强烈的视觉冲击力对于平面设计来说是一个很重要的品质,而关于如何加强画面的视觉冲击力,有一个方法简单又有效,即加强画面的空间感。

    阅读文章 >

    为什么会有透视呢?从逻辑上来说,两条平行线是永远不会相交的,但是如果两条平行线是沿着离我们视线越来越远的方向延伸,变成了一个三维空间,那么这两条线在我们的眼睛看来是会相交的,因为人眼的成像是二维的,而且人类没法把离视线很远的物体看得跟离视线近的物体一样清晰。

    这就是为什么我们看一条纵向延伸的道路为什么会越来越窄的原因,实际上这条路的宽度一直没变。

    透视学包含了线性透视、空气(颜色)透视和隐形(消逝)透视,线性透视指物体的轮廓随着视线距离的变化,呈现出近大远小的现象;空气透视是指物体的颜色会随着距离的变化而进行改变,比如变亮、变暗、变灰等;隐形透视是指物体会随着距离的变远,变得越来越模糊。

    其中最复杂的就是线性透视,由于我们所处的空间是三维的,即横向空间(X 轴)、竖向空间(Y 轴)、纵向空间(Z 轴)。在现实场景中,每一个物体都会有这三个空间上的透视,即三点透视,但在绘画或设计中有时会减少其中一个或两个空间上的透视,以达到不同的视觉效果,于是又产生了单点透视和两点透视。

    单点透视是最简单的,即版面中只有一个消失点,比如这个点是在 Z 轴上的,那么物体只在纵向空间上发生位置变化时才会有透视。

    首先,在版面中确定一个消失点,假设就是在版面的正中央,然后拟定视平线就是版面的水平中轴线。

    这时版面中除中心点外的任何一个位置离我们的视线都要比消失点更近,而且同样大小的物体离消失点越远,就会越大。

    那么,上图这三个圆点的大小是一样的吗?检验一下就知道了,我们以最近的圆 A 作为标准,通过平移得到圆 B 与圆 C 在处于跟圆 A 同等距离的位置时正确的大小。拉上透视线,就可以看到圆 B 和圆 C 都大了一点。

    所以如果这三个圆是同等大小的,那么正确的比例应该是下图这样。

    当然,在做设计的时候,我们用到元素也大多是三维的,那么这些三维的元素在这个空间里又会有怎样的透视呢?我们可以给上图的圆增加一个厚度,使其变成圆柱,如下图。

    这些圆柱的透视是对的吗?通过拉上透视线就可以看出来,三个圆柱透视方向都偏离了,它们的消失点都不在我们设定的消失点上。

    调整以后得到如下效果,这才是正确的透视。

    通过该图我们还可以看到,如果圆柱刚好在视平线上且在消失点的左侧,那么我们就只能看到圆柱的正面和右侧面;如果圆柱在消失点的正上方(同时也在视平线之上),那么就只能看到圆柱的正面和底面;如果圆柱在消失点的左下方(视平线之下),那么我们就能看到圆柱的正面、顶面以及右侧面。

    套用这种方式,再加上一些对比关系,我们可以做出如下效果:

    同类型的作品其实很多:

    当然,消失点和视平线也不一定要在正中间:

    接下来葱爷再来说说两点透视,即版面中会有两个消失点,这时物体在两个维度上都会有透视,这种情况经常被用在正方体或长方体包装盒的效果图设计中。

    假设一款包装的效果图是上图这样的,正面没透视、左侧面有透视,即位于单个消失点的空间里,那么这个效果图看起来会很奇怪,因为一个真实的长方体包装,如果能看到它的两个面,那么说明这个长方体没有哪一个面是正对着我们的。

    我们可以画一个长方体的结构透视图,如下:

    长方体的高是由 ABCD 四条直边组成的,由于包装是呈半侧面摆放的,所以离我们最近的一条边是 A,其次 B 和 C,最远的是D。那么根据透视关系,B和C的高度要比A短,所以该包装的正面和左侧面都会以A为起点越来越小,并分别消失于左右两个点上,这就是两点透视。

    所以该包装的效果图调整成下图这样会舒服很多。

    当然,这是包装处于视平线上的情况,如果包装处于视平线上方或下方,那么就能看到三个面。比如下图,我们看到了包装的正面、右侧面和顶面。

    但是这个效果图也有点奇怪,因为它只做了两点透视。我们还是来看看它的结构透视图,我们重点来看看 ABCD 这四条边。

    由于包装位于视平线的下方,那么顶面自然比底面离我们的视线更近,近大远小的原理,所以线条 A 要比线条 B 长、线条 C 要比线条 D 长,所以该包装盒的正面和右侧面都会从上往下慢慢变小一点,并消失在同一个点上,这就是三点透视。

    所以上图包装效果图比较合理的透视应该是这样的:

    三点透视在拍摄高层建筑物时,效果更为明显。

    另外,透视效果要想很明显,只有线性透视还不够,还需要颜色透视和消逝透视的配合,即离光越近的地方颜色明度越高,视觉越清晰、离光越远的地方颜色明度越低、视觉越模糊。比如下图中的几个圈虽然有轮廓大小的变化,但是并没有空间感。

    而如果把这些圆圈的颜色,从外到内逐渐调亮,并逐渐变模糊时,透视感和空间感就出来了,很多空间感很强的作品都是运用了这些原理。

    我们看到的很多空间感很强的作品,都是做了这三种透视的处理。

    好了,本篇文章就写到这里,当然,葱爷只是讲了透视学中的九牛一毛而已,但如果你真的把这些原理搞懂了,应付 平面设计 中的绝大部分透视关系还是没什么问题的,希望这篇文章对你有所帮助。

    超实用!高手的 Ai 兵器谱之「理解透视网格」 在设计工作中,我们经常需要绘制具有透视感的物体,此时,如果你能熟练掌握Adobe illustrator(Ai)中的透视网格功能,就能帮助自己高效的完成。

    阅读文章 >

    欢迎关注作者的微信公众号:「葱爷」

  • 从三大模型入手,拆解微信读书的11种营销玩法设计

    UI交互 2022-04-24
    「微信读书」是一款基于微信关系链的阅读类 APP,以阅读+社交的设计理念,对读书类产品进行了颠覆式设计,旨在为用户打造一个以书交友的平台——让阅读不再孤单...

    「微信读书」是一款基于微信关系链的阅读类 APP,以阅读+社交的设计理念,对读书类产品进行了颠覆式设计,旨在为用户打造一个以书交友的平台——让阅读不再孤单。

    笔者作为一个重度「微信读书」上瘾用户,最近从正在制作的《微信读书 产品设计 分析报告》中提炼出来了「 微信读书 」的 11 种营销玩法,结合戴夫·麦克卢尔的增长模型、尼尔·法埃尔的 上瘾模型 和西奥迪尼的社会心理学进行了全面的拆解,为广大产品设计者提供一份设计参考。

    关于上瘾模型的详细介绍:

    万字读书笔记!产品设计宝典《上瘾》全面解读!(上) 为什么人们每天都会刷朋友圈、刷抖音,而且一刷就是几个小时,根本停不下来?

    阅读文章 >

    万字读书笔记!产品设计宝典《上瘾》全面解读(下) 《上瘾》这本书从大量的实验案例调研中,总结出那些让用户上瘾的产品设计原则,最后提炼出了一个让用户上瘾的模型,读完以后,真的恍然大悟,原来习惯类的产品需要这么设计。

    阅读文章 >

    问答 1. 每日一答 玩法规则

    「每日一答」有两种玩法,第一种是用户每天可以进行回答挑战,连续答对 12 道题目后可参与「瓜分无限卡」、「书币」的机会,答错则丧失机会,但可以通过「复活卡道具」或分享给好友请求帮忙获取复活机会;第二种是「问答 PK 比赛」,采用赛季制,持续时间为两个月,用户可邀请好友或随机对战,胜利者可赢取积分,赛季结束后根据积分决胜出总冠军,最终给与玩家不同的奖励。

    功能价值

    「每日一答」从 APP 直接跳转到微信,不仅操作体验方便,更能结合微信生态引流传播,打造全民学习答题的读书活动。其次通过丰富多变的游戏化方式,保持对用户的新鲜感,形成读书-娱乐的小闭环,抢夺用户时间,提高用户留存率,增强用户满意度、忠诚度,是培养用户对产品形成习惯的重要方式。

    策略推导

    ⑴「积分」的玩法非常丰富,不仅可以「抽奖」,「兑换无限卡」、「道具卡」还可以直接兑换书籍,为用户提供了多变性的猎物酬赏。

    ⑵进入「每日一答」,用户可选择「瓜分读书天数」(以读书时间为诱)或「书币」(以钱为诱)两种形式的问答;「排行榜」分为好友排行和全网排行,通过排名机制,以社交酬赏为诱,吸引用户积极参与问答,从而提高用户习惯度,成为忠实粉丝。

    ⑶利用稀缺性,用户每天只有1次机会回答机会,但如果回答错误,可通过使用「续命卡」或邀请朋友解答的两种形式进行复活;用户闯关失败后,用户还可通过「书币购买」、「看广告复活」、「邀请朋友」玩游戏复活,通过这样多变、丰富、游戏化的答题形式,彻底让用户主动分享传播,拉新引流。

    ⑷「问答PK」的设计非常创新,有别于很多答题竞猜的的单机游戏模式,微信读书采用了体育比赛的赛季制度,让用户像踢比赛一样参与,每个赛季时间为2个月,通过PK,决胜出赛季总冠军,刺激又好玩,让用户彻底上瘾。

    促销 1. 免费领书 功能价值

    用户可通过分享领取图书,也可以通过阅读 1 分钟并加入书架后领取,这对未付费用户的激活和新用户的引流有很大的帮助。

    策略推导

    根据用户读书记录、兴趣推荐,激发用户兴趣;用户阅读 1 分钟加入书架也可赠送,有效促进未付费、未形成习惯的用户激活;多变性的设计,每天能领取的图书都不一样,给用户始终保持神秘感。

    2. 无限会员日 功能价值

    每周一为「无限会员日」(无限会员就是微信读书的 VIP 会员),用户可进行免费抽奖,并为自己最想要的「会员权益」投票。这是新用户激活、老用户留存的好方法。通过「抽奖」、「会员权益」吸引新用户购买无限卡,其次给与老用户充分的自主权,让他们来参与产品设计,极大提高用户的活跃度和忠诚度。

    策略推导

    充分利用稀缺性,每周 1 次,每次也只能抽奖 1 次;结合游戏化风格设计,模拟真实的老虎机交互效果,生动又有趣;通过调研,调动粉丝的产品设计参与度,满足用户真实需求。

    3. 翻一翻 玩法规则

    每周一期,每期 9 本赠书,每周二中午更新,普通用户可翻 3 张卡,每张卡可领取一本赠书,无限卡会员可翻 6 张卡。

    功能价值

    「翻一翻」是促进用户激活的有效方式,通过游戏化风格的设计,每周精选 9 本书籍赠送给用户,吸引用户开始阅读,培养读书习惯。

    策略推导

    充分利用了互惠原理、稀缺和多变性的酬赏,激发用户兴趣,培养用户习惯。

    组队 1. 组队抽取无限卡 玩法规则

    每周一期,每周六更新,用户需要邀请 1 个好友才有资格参与;组队成功后,每周六中午 12 点公布中奖信息。

    功能价值

    「组队抽奖」是一个纯分享邀请的引流传播形式,利用「终身无限卡」为诱饵,激发用户组队抽奖,其次抽奖规则门槛也高,有效避免用户利用规则漏洞重复参与。

    策略推导

    充分利用互惠原理,人人皆可组团,团长更能额外获得多一次机会,从而充分调动了团长拉新引流的积极性。

    2. 组队读书 玩法规则

    三人成队,一起读书,以「无限卡」、「抽奖」为诱,21 天为一个积分周期,根据每期的最终积分读书小队还可以晋升等级,兑换更丰富的奖品。

    功能价值

    「组队读书」是促进用户激活、留存的重要方式,以组队读书的形式,用户不仅可相互监督,还极大提高了活跃度。

    策略推导

    ⑴利用独具创意的设计方式,把一个人读书变成了三个人一起读书,极大提高用户活跃度和忠诚度;

    ⑵每周发布不同的共读任务,以21天为周期的比赛机制,通过奖品酬赏,让小组成员之间自发相互监督,有效激活未付费用户,彻底培养用户读书习惯。

    邀请 1. 联名卡 玩法规则

    每周精选 6 本好书,每周四更新,用户分享至微信好友或朋友圈集齐 2 个赞可获得 2 天无限卡,每期最多可得 12 天无限卡。

    功能价值

    「联名卡」是鼓励用户分享传播的有效方式,通过分享集赞的方式,可兑换相应的无限卡天数,进一步激活用户变现。

    策略推导

    颜值超高的海报设计搭配传神的文案,让用户更主动参与传播,形成人际型触发,老用户带新用户,无限增长。

    2. 邀请微信朋友 玩法规则

    用户邀请朋友和 30 天未阅读用户阅读可以获得 3 天无限卡,成功邀请多人奖励可累积。

    功能价值

    「邀请朋友」是鼓励用户拉新和唤醒活跃度极低的用户一个方式,用户行动成本低,酬赏不高,但可以有效激活用户传播。

    策略推导

    自动生成了用户读书时长和读完书籍,通过这样有趣而又取巧的设计,利用社交酬赏,激发用户主动邀请好友,双向倒逼,一举两得。

    读书 1. 阅读时长 功能价值

    根据用户每周的阅读时间,为用户生成当周的读书时长统计,用户还可以按月、按年的时间查询历史读书时长。这个功能对用户的留存有极大的帮助,是提高用户满意度和忠诚度的重要方式。

    策略推导

    ⑴右上角点击分享后,可以分享给好友,可以生成当周的读书海报,可以设置为「微信状态」,从而帮助用户获取社交认同,引流推广。

    ⑵为用户提供全面直观的数据分析,用户可按天、周、月查看读书分析,还可查看「年度读书报告」,像一部留声机,储存着用户的读书回忆;底部展示本周读书的详细记录,包括「读过的书」、「阅读字数」、「留下的笔记」,通过如此直观具象的设计,让用户尖叫。

    ⑶设置了「阅读奖励」,拆分成不同的阅读小任务,培养用户的读书习惯,从而进一步寻找机会激活变现。

    2. 读书排行榜 功能价值

    「读书排行榜是」据用户每周读书时长自动生成的,目的是通过好友之间的排名,利用用户的攀比心理,激发用户读书,提高用户读书时间,培养用户习惯。

    策略推导

    利用赠券效应,「读书时长」可兑换阅读福利;通过排名,利用攀比心理,激发用户增长阅读时间;右上角可生成读书排行榜海报,传播引流。

    3. 勋章 功能价值

    微信读书的勋章体系非常丰富,包含了「连续阅读」、「阅读时长」、「阅读天数」、「阅读书籍」、「读完书籍」、「收到的赞」和「想法」发布七大类型,充分激发用户读书兴趣,留存用户,培养用户习惯。

    策略推导

    ⑴「勋章」体系分类非常有创意,根据时间的维度有「连续阅读」、「阅读时长」、「阅读天数」,这是对用户阅读时间的酬赏;根据阅读书籍数量有「阅读书籍」、「读完书籍」,这是对用户阅览群书的酬赏;根据想法和点赞,又有「收到的赞」和「想法发布」,这是对用户的内容投入进行酬赏。通过如此多维度的设计,多变性的酬赏,从而提高用户新鲜度、活跃度和忠诚度。

    ⑵点击右上角的分享,可分享给好友,还可同步微信状态,生成勋章海报,拉新引流。

    总结 通过对「微信读书」的 11 种营销玩法的全面设计拆解,我们发现,作为微信的亲儿子,这个含着金钥匙出身的富二代,真是沿袭了腾讯系的产品设计套路,把用户彻底研究透了。充分利用了互惠、稀缺、社会认同、多变性酬赏等营销模型,让用户主动分享、主动学习、主动参与,最终培养用户形成使用产品的习惯,成为产品的忠实粉丝。

    上万字分析!6大方面完整分析「丁香医生」的产品设计 一个优秀的产品如何设计,遵循什么原则,有什么策略,是否可以用一个设计公式来描述它,从而让我们全面、结构化的方式去研究学习。

    阅读文章 >

    欢迎关注作者微信公众号:以琳设计。每月定期分享大厂APP分析和读书笔记资料包,也欢迎大家添加微信好友交流:

  • 让头像秒变美式插画风!免费头像生成器「NewProfilePic」

    UI交互 2022-04-23
    最近经常一种手绘、动态的美式风格画风,原来是透过「NewProfilePic」做到,只要将个人资料照片上传,就会利用人工智能 AI 技术将大头贴转换为各种...

    最近经常一种手绘、动态的美式风格画风,原来是透过「NewProfilePic」做到,只要将个人资料照片上传,就会利用人工智能 AI 技术将大头贴转换为各种效果,非常好玩!NewProfilePic 也有应用程序 iOS、Android 免费下载,不过只要打开网站就能处理照片,如果你觉得自己的个人图片一成不变,想要换个让大家惊艳的新头像,可以试试看这个免费工具。

    依照 NewProfilePic 说明,当前是个快速变化、一直不断发展的时代,为什么在社交网站总是要使用同一张个人图片呢?试着让它更与众不同(或许还能够抓住其他人的目光),让个人图片有些新鲜感,而且还是透过人工智能制作的,随心所欲改变显示图片,也能给你的朋友带来更多惊喜。

    NewProfilePic 会自动辨识用户图片的人物范围,也有编辑器可以手动调整,接着使用机器产生数种全新个人图片风格,选择喜欢的图片即可下载,这项服务会在图片右下角自动加入一个 #NewProfilePic 标签,目前暂时无法关闭或隐藏显示。

    NewProfilePic 网站链接: https://newprofilepic.com/

    使用教学

    开启 NewProfilePic 网站后点选「选择照片」将个人资料头像上传,依照说明,以使用者目前的心理状态选择自己最喜欢的个人资料照片即可,比较有趣的是不同时间使用可能产生的照片会有些微差异。

    将个人图片上传后 NewProfilePic 会自动标记出人物范围,并以绿色显示,透过底下编辑器可调整范围,如果 NewProfilePic 无法正确识别可先手动编辑以获得更好的效果。

    接着 NewProfilePic 就会将个人图片转换为多种风格,从上方产生的风格切换、预览更大张的效果,看起来和原始图片很不一样,无论是在颜色、线条、阴影等细节都有非常强烈的美式漫画画风。

    另外也有看起来比较像是平面化设计的风格。

    如果上面四种风格无法满足,点选右下角「还有更多」可产生更多不同的效果(颜色也会不太一样)。

    迟迟无法决定要用哪一张个人图片吗?NewProfilePic 也提供拼贴图,将它交给你的朋友帮你决定吧!同时也能提升和其他好友的互动。

    最后,点选下方绿色「下载」按钮就能将 NewProfilePic 产生的个人头像保存使用。

    值得一试的三个理由:

    将个人资料照片上传,利用人工智能 AI 技术将大头贴转换为各种效果 让个人图片有些新鲜感,而且还是透过人工智能制作的大头贴 产生拼贴图让你的朋友帮你决定哪张个人图片最适合你

    免费可商用!100个高质量头像素材打包下载 如果要开发软件、网站或应用程序,可能会需要一些测试图片,除了从免费图库或免费图标相关网站搜索素材,也会有用到用户头像的情境,举例来说,开发者显示多个不同的测试账户会设定不同头像仿真真正操作的样式,或是在进行展示、制作截图时以一些范例头像替代,之前介绍过免费个人头像产生器: [link

    阅读文章 >

  • 让头像秒变美式插画风!免费头像生成器「NewProfilePic」

    UI交互 2022-04-23
    最近经常一种手绘、动态的美式风格画风,原来是透过「NewProfilePic」做到,只要将个人资料照片上传,就会利用人工智能 AI 技术将大头贴转换为各种...

    最近经常一种手绘、动态的美式风格画风,原来是透过「NewProfilePic」做到,只要将个人资料照片上传,就会利用人工智能 AI 技术将大头贴转换为各种效果,非常好玩!NewProfilePic 也有应用程序 iOS、Android 免费下载,不过只要打开网站就能处理照片,如果你觉得自己的个人图片一成不变,想要换个让大家惊艳的新头像,可以试试看这个免费工具。

    依照 NewProfilePic 说明,当前是个快速变化、一直不断发展的时代,为什么在社交网站总是要使用同一张个人图片呢?试着让它更与众不同(或许还能够抓住其他人的目光),让个人图片有些新鲜感,而且还是透过人工智能制作的,随心所欲改变显示图片,也能给你的朋友带来更多惊喜。

    NewProfilePic 会自动辨识用户图片的人物范围,也有编辑器可以手动调整,接着使用机器产生数种全新个人图片风格,选择喜欢的图片即可下载,这项服务会在图片右下角自动加入一个 #NewProfilePic 标签,目前暂时无法关闭或隐藏显示。

    NewProfilePic 网站链接: https://newprofilepic.com/

    使用教学

    开启 NewProfilePic 网站后点选「选择照片」将个人资料头像上传,依照说明,以使用者目前的心理状态选择自己最喜欢的个人资料照片即可,比较有趣的是不同时间使用可能产生的照片会有些微差异。

    将个人图片上传后 NewProfilePic 会自动标记出人物范围,并以绿色显示,透过底下编辑器可调整范围,如果 NewProfilePic 无法正确识别可先手动编辑以获得更好的效果。

    接着 NewProfilePic 就会将个人图片转换为多种风格,从上方产生的风格切换、预览更大张的效果,看起来和原始图片很不一样,无论是在颜色、线条、阴影等细节都有非常强烈的美式漫画画风。

    另外也有看起来比较像是平面化设计的风格。

    如果上面四种风格无法满足,点选右下角「还有更多」可产生更多不同的效果(颜色也会不太一样)。

    迟迟无法决定要用哪一张个人图片吗?NewProfilePic 也提供拼贴图,将它交给你的朋友帮你决定吧!同时也能提升和其他好友的互动。

    最后,点选下方绿色「下载」按钮就能将 NewProfilePic 产生的个人头像保存使用。

    值得一试的三个理由:

    将个人资料照片上传,利用人工智能 AI 技术将大头贴转换为各种效果 让个人图片有些新鲜感,而且还是透过人工智能制作的大头贴 产生拼贴图让你的朋友帮你决定哪张个人图片最适合你

    免费可商用!100个高质量头像素材打包下载 如果要开发软件、网站或应用程序,可能会需要一些测试图片,除了从免费图库或免费图标相关网站搜索素材,也会有用到用户头像的情境,举例来说,开发者显示多个不同的测试账户会设定不同头像仿真真正操作的样式,或是在进行展示、制作截图时以一些范例头像替代,之前介绍过免费个人头像产生器: [link

    阅读文章 >


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通