首页

1.1万字深度拆解丨樊登读书如何找到书中的黄金屋?

涛涛

你有想过你的孩子一边喝六个核桃,一边听樊登读书吗?如果没有,这是因为你不知道樊登读书的销售场景有多丰富,他们和六个核桃就设计了一个联名套餐,售价429元。
你有想过你的办公场地可以加入一个读书角,让员工每天读书学习吗?如果没有,这是因为你不知道樊登读书有一个服务叫数字阅读空间,它可以让你的员工一键扫码即可阅读学习。
你有想过樊登读书2023年会解读什么书吗?如果你想知道,你可以购买他的「未来书单」,他都为你设计好了,不仅有52本实体书,还会给你一份未来书单专属认证的学员徽章。
如果不去拆解樊登读书,你根本不知道这个产品可以把读书这个原本枯燥乏味的学习形式变得这么有创意,绝对超出你的想象。
樊登,作为前央视的主持人,在2013年创办了樊登读书会以后,发展不到10年,APP会员数已经突破了6000万,年营收超过10亿,全国线下樊登读书运营中心超过2000家,成为了知识付费行业的一个独角兽。这样一个读书产品,到底有什么魅力,能让用户对它如此着迷,樊登又是如何找到他的书中黄金屋,本期设计大侦探,为大家带来樊登读书的产品拆解,让我们一看究竟。

一、导读

1. 内容结构
全文11158字,分为六个部分,分别是导读、产品画像、读书服务、内容服务、会员服务和设计总结,你可以通过下面的思维导图对本文内容结构有全面的了解。




2. 适合人群
第一类,UI/交互设计师,可以跳出执行层,去思考樊登读书的产品设计策略,提升产品分析能力;
第二类,产品经理/运营,通过全面的产品设计拆解、策略推导,获取产品设计参考;
第三类,知识付费行业从业者,通过对樊登读书的全面拆解,获取竞品设计参考。




3. 分析模型
我们主要运用三种模型对产品的功能、设计进行拆解,由于没有权威的官方数据,所以我们更多以推导的形式去思考樊登读书为什么这样设计。
第一个,增长模型。由戴夫·麦克卢尔提出,包含用户获取、用户激活、用户留存、获取收入、用户推荐,分别对应用户生命周期中的5个重要环节,主要用于分析产品的功能价值。
第二个,上瘾模型。由尼尔·法埃尔提出,通过对上千种习惯类产品的调研,总结出一款产品如果要让用户习惯、上瘾,可以按照触发、行动、多变的酬赏和投入四个步骤去设计,主要用于分析产品的功能价值和推导产品的策略设计。
第三个,社会心理学。主要结合西奥迪尼的社会心理学《影响力》六大说服力原则——互惠、承诺和一致、社会认同、喜好、权威和稀缺,去推导产品设计的用户心理设计,主要用于推导产品的策略设计。




二、产品画像
在本节,我们将会通过樊登读书官网、百度百科、易观千帆和七麦数据等资料网站,让大家对樊登读书有一个初步的了解。

1. 产品介绍
樊登读书成立于2013年,是前央视主持人樊登创办的知识付费品牌。樊登读书APP是一款为用户提供书籍精华解读(非电子书)、精品课程教授、社群学习等知识服务的软件,致力于为3亿国人养成阅读习惯。根据樊登读书2022年三季度的社会责任报告显示,樊登读书目前会员数突破6000万,音视频累计播放超45亿人次,用户收听总时长超8.1亿小时,是知识付费行业的头部品牌。




2. 商业模式
樊登读书以读书点亮生活为价值主张,旨在帮助3亿国人养成阅读习惯,目标用户群体有C端大众消费者以及B端企业客户。樊登读书作为一个知识付费平台,吸引了众多知识创作者加入,主要为用户提供内容生产、出版合作、线上电商和线下书店四块业务,其次通过线下加盟代理的模式,目前在全国已经建立超过2000家城市运营中心。樊登读书的盈利模式非常丰富,除了最基础的会员VIP服务,还有课程、训练营、听书和电商等增值服务,年营收在2021年就超过10个亿。




3. 用户画像
樊登读书的用户群体男女比例均衡,女性占比54.67%,男性占比45.33%;年龄以24-30岁居多,占比40.21%,其次为31-35岁,占比26.36%;樊登读书的用户消费能力较强,中等以上消费者占比71.09%;用户以三线城市最多占比23.20%,一线城市仅占8.93%,其中广东省最多,山东和河南省位居前三。




4. 信息结构
樊登读书的菜单栏主要分为「首页」、「樊登讲书」、「免费视频」和「我的」四个一级栏目。「首页」以TAB切换的形式向用户展示不同的子栏目内容,非常夯实;「樊登讲书」是范登读书的王牌栏目,可以收听樊登每年讲解的52本书;「免费视频」是一个短视频栏目,主要截取樊登讲书视频的精华内容,通过沉浸式的体验,提升用户使用产品时长;「我的」就是用户中心,主要储存用户的读书数据,可以查看历史读书记录、订单和购买历史等内容。




5. 重要迭代记录
樊登读书的首个APP版本发布于2015年2月16日,截止到10月28日,APP版本已经更新至V5.56.0版本,平均1年更新次数为33次。




版本迭代重要记录
2015年12月,发布V3.0.1版本,Slogan为「成功人士有声阅读神器」;
2017年8月,发布V3.9.0版本,Slogan升级为「帮助3亿国人养成阅读习惯的学习型社区」;
2018年4月,发布V3.9.16版本,品牌形象全新升级,加入知识课程等内容;
2018年7月,发布V3.9.22版本,樊登读书会更名为樊登读书;
2018年10月,发布V3.9.26版本,Slogan升级为「读书点亮生活」;
2020年5月,非凡精读馆公测上线,为用户带来更多专家解读书籍;
2021年7月,发布V5.18.0版本,上线李蕾慢读栏目;

6. 产品生命周期
根据易观千帆数据显示,截止到2022年7月,樊登读书月活跃用户人数115.94万,注册用户超过6000万,年营收早在2021年就超过10亿。明年即将年满十岁的樊登读书,目前处于产品生命周期的成熟期,当下聚焦于商业变现和用户增长。




7. 竞争图谱
和听书类APP相比,樊登读书月活跃用户人数排名第19,喜马拉雅1.3亿月活跃用户人数全网第一;和读书类APP相比,樊登读书排名第四,起点读书月活跃用户人数1762.70万全网第一。




三、读书服务
「读书服务」是樊登读书最核心的服务,是实现商业变现最重要的方式。从讲书人去拆分,樊登读书设计了樊登讲书(火车头)、李蕾讲经典(前央视主持人,自带流量和曝光度)和非凡精读(汇聚各行业精英大咖)三个版块。从知识学习的场景拆分,樊登读书设计了「课程」和「书城」两大版块,如今的樊登读书,已经成为一个非常丰富的知识付费学习平台,不仅有各种知识付费、职业培训课程,还有训练营、系统课,以及有声书和实体书销售等业务,内容非常夯实。从用户群体去拆分,樊登读书还设计了企业共读营、线下翻转课堂和数字阅读空间这些面向企业的读书服务,把读书赋能给企业,为他们提供提供综合性的读书解决方案,以建立学习型组织为目标。




1. 个人IP
樊登读书以「樊登」这个超级IP作为火车头,每年讲解52本书为底层服务内容,现在加入了「非凡精读」和「李蕾讲经典」两个内容栏目。这两个栏目,不仅可以丰富平台的内容,还可以弥补樊登一年只讲52本书的数量缺陷,从而满足更多用户的需求。

1.1 樊登讲书
「樊登讲书」是樊登读书的王牌栏目,是吸引用户收听和付费的主要内容。樊登以每年为用户讲解52本书和提炼45分钟书籍精华为卖点,帮助那些没有时间读书、读不懂书的人培养阅读习惯。从内容分类看,「樊登讲书」主要分为心灵、个人成长、亲子家庭、人文历史、商业财经、社科新知、健康生活和作者光临9个栏目。其中亲子家庭是最热门的内容之一,育儿的书籍是樊登最吸引用户的内容,樊登还拥有育儿专家的头衔。




1.1.1 讲书详情页
①「讲书」有三种传播形式,默认为音频,其次还有视频和文稿,非常丰富,用户可以在头部自由切换。每一本书就像一个产品、一个主题,除了收听讲书内容,还支持下载音频和思维导图,其次还加入了增值服务,比如实体书购买和训练营(根据这本书的主题设计)。




②讲书详情介绍分为解读时间轴、评论话题、荐语、你将获得、作者简介和精彩选段六个部分。这里的内容结构设计得非常好,「解读时间轴」是把讲书的内容拆分,让用户快速获取讲书的结构;「评论话题」是为了增加用户互动,以评论领礼品的形式提升用户活跃度;「荐语」和「你将获得」,是为了吸引用户阅读,让用户知道这本书对自己有什么帮助;「精彩选段」把这本书的一些名言警句以图片海报的形式设计出来,吸引用户分享传播。




③「文稿」的设计体验特别好,和其他音频产品相比,樊登读书的文稿像是参考了微信读书这样的阅读产品。用户可以划线,可以发表想法,划线最终会生成笔记储存在用户中心,还可以把划线的内容生成海报分享,为平台拉新引流。





1.2 李蕾讲经典
李蕾是前央视主持人,2021年加入樊登读书。围绕「李蕾」这个个人IP,樊登读书设计了「李蕾讲经典」栏目,每年为用户解读52部经典名著,包含世界名著、国风经典、名人传记和中国现代经典。在商业变现的设计形式方面,樊登读书把「李蕾讲经典」作为一个独立的栏目,用户需要单独购买VIP会员才能收听。




1.3 非凡精读
「非凡精读」是樊登携手80+各领域大咖为用户深度解读好书,樊登读书作为一个读书平台,链接了其他优质领域的大咖,为用户提供更丰富的内容。
非凡精读的栏目首页分为金刚区(镇馆之宝、听书指南、好书共读和全部书籍)、本周新书、最近在读、为你推荐、今日限免、精选书单、非凡主讲人和口碑好书八个部分,书籍类型包含个人成长、家庭经营、心灵疗愈、人文经典等内容,其次「非凡精读」的内容也需要用户单独购买VIP会员才能收听。




2. 课程
樊登读书充分利用知识付费的消费场景,吸引了众多知识付费KOL加入平台,为用户提供丰富的知识付费课程。根据官方数据统计,目前平台已经有198门课程,包含个人成长、亲子家庭、人文历史、商业财经、社科新知、声音剧、有声书、新父母和樊登专区9个栏目。
课程栏目首页的设计,主要包含金刚区、热销课程、课程合集、限免节目、最近在学和专属为你推荐六个内容。在销售方式上,课程是以单个付费的形式销售,定价在100-300元之间。




2.1 樊登课程
樊登不仅讲书,还设计了很多的课程,比如樊登讲《论语》、可复制的领导力这些以代表作设计出来的课程。樊登课程的栏目首页包含了精选好课、限免试听、热销周边和学习园地四个内容。




2.2 技能培训
樊登读书还吸引了众多职场知识创作者的加入,为用户提供职场技能培训课程,比如7天求职实战训练营、个人IP打造课、0基础抖音商业化实操课等,课程形式有录播课也有系统课,定价也不便宜。




2.3 训练营
相比课程和讲书,训练营是一个动态的系统课程服务,是解决用户学习的最后一公里。当用户听完书以后,事实上只是勾起了用户的学习兴趣,如果要想把知识吃透,还需要深入学习。「训练营」就是为了解决这样的痛点而设计的,不仅可以帮助用户解决学以致用的痛点还增加了新的变现形式。其次训练营的内容形式非常丰富,不仅包含常见的打卡返现活动,还有系统班、私教课,变现能力非常强。




2.3.1 打卡返现
「打卡返现」是训练营比较常见的一个活动形式,活动规则是用户需要缴纳保证金才能参与学习打卡,如果全勤,可以退回保证金,反之保证金将会被扣除。这个服务,对于用户的活跃度提升有很大的帮助,其次以全勤退还保证金为噱头,但事实上能拿回保证金的用户很少。




2.3.2 小课程
「小课程」是指培训时间在3-7天左右的训练营,比如7天《焦虑自救手册》行动营(199元)、3天《分享阅读》线上启动营(9.9元)。这类小课程是樊登读书训练营的核心内容,属于短频快的业务,商业变现能力极强。




2.3.3 系统课
「系统课」是指培训时间在15天以上的训练营,比如21天《爆款视频号》训练营(售价1980元)、家庭教育实战讲师认证营(售价8980元)这样的课程。系统课是属于高利润产品,定价均在1500元以上。




2.4 新父母
「新父母」是樊登读书联合「新教育研究院」共同发起的栏目,用户人群是30-45岁这个用户群体,旨在通过正确的教育理念帮助传统的父母找到全新的教育方法,和孩子建立和谐、健康的亲子关系。整个栏目首页主要分为入门必修、父母进阶和副业变现三个内容。「入门必修」为父母提供了新父母五门必修大课,售价590元;「父母进阶」是实战特训营,通过直播授课、小班实操教学,帮助父母快速掌握育儿难题,售价898元;「副业变现」是系统课,通过31天的系统学习,帮助有意向在亲子育儿领域发展副业的父母通过专业的培训成长为一名实战讲师,售价8980元。




2.5 知识副业
樊登读书提供7种形式的知识副业,分别是樊登小店、知识主播、知识顾问、翻转师、社群运营官、沟通力讲师和兼职客服。其中翻转师、社群运营官和沟通力讲师这三个需要付费报名学习的岗位,目标人群以自由讲师、教师、企业培训者为主,为樊登读书源源不断补充讲师资源。




2.5.1 樊登小店
樊登小店就是樊登读书入门级的分销商,用户可以零成本申请加入。每个用户都可以拥有自己的一个小书店,可以通过建立自己的社群或朋友圈进行书籍分享,用户下单后,出版社直接发货,店主赚取销售提成。




2.5.2 知识主播
知识主播就是负责樊登读书的电商直播,通过直播带货,实现副业收入。知识主播可以免费报名,分为兼职主播和全职主播。




2.5.3 知识顾问
知识顾问就是为用户解决知识困惑的咨询师,本质是樊登读书的销售。用户可免费报名,樊登读书提供系统的专业培训。




2.5.4 翻转师
翻转师是樊登读书·雨知教育的核心服务,课程体系分为六大板块,目标人群是自由讲师、教师、企业培训者等,最终帮助他们成为樊登读书的授课讲师、知识主播和知识顾问。翻转师是付费的系统培训,定价5686元。




2.5.5 社群运营官
社群运营官属于一个付费的系统培训,定价3980元。这个服务主要针对在校学生、全职宝妈、自由职业和朝九晚五的上班族,通过21天的系统培训学习,掌握社群运营的知识和技巧,其次也有机会成为樊登读书签约的樊登读书运营官。




2.5.6 沟通力讲师
沟通力讲师也是付费服务,价格没有公开。沟通力讲师主要是通过学习樊登的《可复制的沟通力》课程,最终有机会成为樊登读书沟通力团队的签约讲师机会。




2.5.7 兼职客服
兼职客服就是主要帮助樊登读书处理客服的工作,只要用户有时间,都可以报名申请参与。




3. 书城

3.1 有声书
「有声书」包含了樊登专区、情感家庭、心灵疗愈、小说文艺等内容,为用户提供更多的听书选择,不过相比喜马拉雅、微信听书这样以开通VIP会员付费收听的模式,樊登的有声书直接以单本书籍售价,而且单价不低,均价在19-39元之间。




3.2 心选商城
「心选商城」是樊登读书官方为用户提供的一个在线购买实体书和周边产品的平台,从书籍数量看,内容包含了儿童科普、儿童绘本、职场进阶、心灵治愈、人文社科等类型,非常夯实;从商品类型看,除了书籍,心选商城还支持各种周边、联名商品的购买。和传统的书城相比,心选商城的内容设计非常创新。




3.2.1 三本好书
「三本好书」的本质是一个组合套装,但是樊登读书用书单的形式来设计,不仅增加了销售量,还为用户设计了充足的购买理由。在「三本好书」的介绍里,文案是这样的描述——多读一本书,解决更多生活中的问题;多读一本书,收获更多的归属感、幸福感;多读一本书,更深度拓展和提升思维认知,可谓情怀满满,让用户产生了强烈的购买欲望。




3.2.2 樊登未来书单
「樊登未来书单」定价2199元,属于高利润产品,它主要有三个卖点,第一,每月会把当月樊登即将解读的4本书籍提前邮寄给用户,让用户可以抢先读;第二,赠送樊登专属证书、52本书的思维导图实体卡片、1本专属定制未来书单礼记和微信专属社群,不仅拥有精美的实物礼品,还能享受专属社群,突出尊贵感;第三,以选书、读书、用书和“写”书四个环节的服务帮助用户每周读透一本书、实现跨越式增长为卖点,为「未来书单」增加了「学习」属性,从而让用户感觉自己买的不是书单,而是成长。




4. 企业服务

4.1 企业读书
「企业读书」面对的是企业用户,以读书学习为切入点,帮助企业员工建立读书习惯,协助企业打造学习型组织。「企业读书」是一个综合性的读书解决方案,由内容、工具和服务构成。在内容端,为企业提供樊登读书超过800+优质内容,还可以为企业量身定制书单;在工具端,为企业员工提供一个满足多场景学习的高效工具,企业还可以通过PC管理端查看企业员工的读书数据,实现数字化管理;在服务端,为企业提供专家团队1V1支持服务,赋能企业组织线下活动,最终帮助企业员工建立阅读习惯。




4.1.1 企业共读营
「企业共读营」是通过优质书单和共读工具,让员工在21天社群的督促和专家指导下,一起共读,通过听、学、教、练和评五个步骤帮助员工学习读书,打造全流程的闭环训练场景,旨在帮助员工养成读书的习惯,为组织营造读书氛围。




4.1.2 线下翻转课堂
「线下翻转课堂」是由专业引导师带领学员共同解构一本书,帮助学员理清逻辑结构、重点知识,深化实际场景应用,在交流互动中营造良好的读书氛围。「线下翻转课堂」就像一次企业员工拓展活动,以读书沟通为主题,充分调动员工的学习热情,增强团队学习氛围,丰富企业员工生活。




4.1.3 数字阅读空间
「数字阅读空间」就是在企业办公场地可利用的空间里面,通过硬件设备作为载体,将图片、文字、音视频等内容置入,让员工扫码就可以收听,同时通过这样的设计,为企业打造阅读的氛围。




4.2 开放平台
樊登读书已经把读书做成了标准化的产品,支持接入网页、小程序、APP、车载等终端,打造了一个通过接入樊登读书API就可以实现合作的第三方开放平台。目前樊登读书有针对教育、银行、出行等行业设计了解决方案,创意惊人。




5. 总结
从读书服务我们可以看出,樊登读书是一个非常有创意和变现能力超强的产品。不管是面对C端大众消费者,还是面对B端企业用户,他都可以把「读书」赋能到到不同的场景和主题中。比如「新父母」这样的栏目,就是抓住了众多传统的父母对孩子教育没有正确方式的痛点,让用户看着就难受、看着就羞愧、看着就恨不得立马开通会员学习。
其次樊登的商业变现形式设计,非常有层次感。以「新父母」这个服务为例,首先为你推荐基础课程,如果用户的自律性不够或者无法理解,它又设计了训练营,二次变现。更厉害的是,它为读书赋予了“副业变现”这个属性,然后通过8980元的系统课,帮助那些全职或想做副业赚钱的妈妈用户群体进行系统培训,层层推进。这样的设计方式,甚至在企业端也复制了一套,变现能力惊人。

四、内容服务
「内容服务」是帮助产品实现用户留存和激活的关键方式。樊登读书如今已经把「免费视频」作为APP的一级栏目,通过1-2分钟的精华片段播放,可以有效提升新用户的激活率,最终成为付费用户;其次樊登读书还有精彩丰富的线下线下活动。




1. 免费视频
「免费视频」是一个短视频栏目,内容主要从樊登讲书的视频提炼出精华片段剪辑成1-2分钟的短视频。这个栏目设计得非常好,第一,把一个长达45分钟的读书视频拆分出来以后,不仅可以降低阅读成本,还增加了碎片化阅读的形式,降低用户读书的时间成本,可以极大提升用户的读书时间;第二,一个免费视频对新用户来说,就是一次免费试听,通过对精华内容的提炼,对用户的激活有非常大的帮助;第三,免费视频同时可以作为高质的短视频素材,分发到抖音、视频号、小红书和知乎等平台,帮助平台传播引流。




2. 活动
樊登读书的「活动』是用户运营的主要方式之一,活动分为线下活动和线上活动两种形式。樊登读书的活动主题非常丰富,不仅可以直接分享平台的热门书籍,比如《非暴力沟通》、《职场焦虑》、《陪孩子终身成长》等,还可以结合樊登自己创作的系列书籍为主题,比如《可复制的职场沟通力》等,内容的边际成本非常低,可不断复制。樊登读书在全国拥有2000多家城市运营中心,每一次活动,其实就是一次分享传播和新用户激活,另外樊登读书的活动不是免费参加,很多活动都需要付费报名参与,变现能力非常强。




2.1. 沐光公益
沐光公益是樊登读书创立的公益品牌,主要为落后的偏远山区孩子们建立爱心图书室,帮助孩子们建立阅读习惯。他的捐赠规则是当用户捐赠的光束足够多,樊登读书就会为欠发达地区捐赠一座“沐光书屋”。用户可以通过两种方式为山区的孩子们进行捐赠,第一种是在樊登读书APP每听完一本书就会产生一束光;第二种就是通过在樊登读书的直播间购买书籍,捐献一束光。这样的活动设计,结合了公益,更容易打动用户,重新让用户更愿意多读书,提升用户活跃度。




3. 眼界
「眼界」是由上海科创教育和樊登读书联合打造的一个内容栏目,从2022年9月15日到2023年1月31日,每周更新一期专题内容,目前已更新六期。从这个栏目可以看出,樊登读书不仅仅是一个听书产品,而是成为一个有深度的教育学习平台。未来类似这样高质量的栏目相信会越来越多,这会对品牌的宣传、公信力以及用户的留存起到非常大的帮助。




4. 发现
「发现」这个版块,藏得比较深,在「用户中心」的「常用工具」。但这个版块的内容非常夯实,它就是一个社区,有热点新闻、视频、文章、活动、书友等十余个栏目。从内容设计看,这个栏目有很多想象空间,比如目前内容的生产形式是以媒体号发布,用户还可以关注,未来樊登打造自己的读书社区吗?由于资料有限,并不知道未来这个栏目会怎样定位和规划。




5. 总结
从内容服务的拆解,我们可以看出樊登读书的未来发展空间非常大。首先短视频的设计会极大提升用户使用产品的时间,让产品有更多的可能性。其次通过「发现」这个版块的设计推导,也许未来樊登读书会朝着一个读书社区发展。

五、会员服务
「会员服务」是樊登读书实现用户留存和传播拉新的重要方式。樊登读书的会员服务非常丰富,而且有很多创新点。樊登读书设计了四种VIP会员卡,分别是樊登讲书、非凡精读、李蕾讲经典和心选黑卡,享受不同的会员权益服务;在用户运营方面,为用户提供专业完善的学习分析工具,记录用户的学习时长,其次还有每日签到、成长福利和小书童服务;在用户福利方面,还为用户设计了礼品卡、联合福利、听书卡和车主福利;最后为了吸引用户分享推广,还设计了邀请好友和组队读书两种方式。




1. VIP会员卡

1.1 樊登讲书
樊登讲书的VIP会员售价388元一年,拥有内容(可收听樊登讲书栏目所有内容)、功能(支持音频、视频和文稿)、服务(专属书童服务)、折扣(购买课程享受折扣)和亲友(1人购买多人免费听)五大特权。
其次樊登读书还设计了一个多听多送卡的会员升级服务,售价488元,鼓励已付费的会员进行会员升级。升级以后可赠送下一年的樊登讲书年卡,每周听1本书可赠送7天VIP时间,不限时间积累,赠满1年即可获得下一年VIP。




1.2 非凡精读
非凡精读会员定价388元一年,购买后可以畅听非凡精读800+本优质书籍资源,服务内容主要是每周更新3本好书、5张14天樊登讲书亲友卡和每月发放价值超300元的学习福袋。




1.3 李蕾读经典
李蕾讲经典定价也是388元一年,购买后可以畅听李蕾讲经典的所有内容,还拥有5张李蕾讲经典亲友卡以及400+分钟配套朗读节目。




1.4 心选黑卡
心选黑卡是心选商城的会员VIP,定价99元一年,购买后,可以享受最低9.2折的购物折扣,还拥有专属的黑卡月券和社群。





2. 用户运营

2.1 成长福利
樊登读书根据用户每天读书的时间记录详细的读书数据,包括累计学习天数、累计学习时长等,这里的交互体验设计得非常友好,用户可以直接滑动日历查看过去半年的读书时间,非常方便。




2.1.1 勋章
勋章分为五大类,分别是小试牛刀(门槛低,用户通过完善资料、评论和分享即可获得)、学无止境(门槛略高,根据学习时间来颁发勋章)、推荐达人(鼓励用户分享拉新)、读书小队(根据书单任务设计)和限量勋章(根据用户忠诚度设计,分为相伴1周年、2周年和3周年等),可以看出设计得非常用心。




2.2 学习历史
「学习历史」就是用户学习数据看板,樊登读书会把用户每周的学习数据都记录下来,包括当周学习时长,历史学习时长等,其次还提供测试、笔记、想法、下载记录和阅读记录等功能。




2.2.1 学习数据
「学习数据」的统计维度非常细,为用户生成今日、本周以及历史学习时长记录,根据用户的阅读习惯生成「听书偏好指数」。其次还设计了一个影响指数,也就是如果用户分享给好友以后,「学习数据」也会统计好友的读书时长,生成用户的影响听书时长,设计得特别有创意。




2.2.2 测试
当用户听完一本书,为了帮助用户更好的理解这本书的知识,樊登读书设计了一个测试答题的环节。用户答完题以后,不仅可以查看答案解析,还可以生成朋友圈海报分享,传播拉新。




2.3 每日签到
用户可以通过每日签到领取积分,以7天为一个周期,连续签到积分加倍,积分可以在商品购买时候进行抵扣。在任务中心,樊登读书设计了不同的小任务,以极低的行动成本鼓励用户进行分享、读书和评论从而赢取积分。




2.4 小书童
小书童的设计非常巧妙,它并不是一个智能AI客服,而是让用户添加企业微信客服,这其实是把用户留存和销售场景移植到微信上,从而实现用户激活和复购。




3. 用户福利

3.1 礼品卡
「礼品卡」是一种线上的虚拟VIP卡,用户可以购买赠送给好友,售价388元,其实就是樊登讲书的VIP。樊登读书把礼品卡设计成了一种裂变形式,官方会给用户赠送限时的礼品卡(一般为7天),好友领取以后,用户还可以获得3天的VIP时长,传播拉新能力非常强。




3.2 联合福利
「联合福利」就是樊登读书通过学习的场景链接了其他第三方品牌,以联名的形式向用户推出联合服务。可以说,樊登读书把读书学习和场景的链接,发挥到了极致,比如六个核桃×樊登读书联名套装,你可能想不到还有这样的套餐,一边喝六个核桃,一边听樊登读书。




3.3 领听书卡
「领听书卡」这个用户权益主要是回馈教师和医护这两个行业的用户群体。樊登读书设计得特别巧妙,如果你是这两类用户,你可以填入个人信息进行申请;如果你不是,你可以分享给你的老师或朋友(职业为教师和医护),这样的设计简直让用户很难有抵抗力,让用户主动为产品拉新。而且听书卡只有1个月的福利,免费试听结束后极大可能转化为付费会员。




3.4 车主福利
「车主福利」也是一个樊登读书和其他行业完美链接的活动形式,樊登读书通过和一些汽车品牌进行深度合作,直接以车载应用的形式载入到汽车设备,用户在驾车的时候可以直接收听樊登读书的内容,多场景提升用户黏度,让用户随时随地都能收听。




4. 用户推广

4.1 邀请好友
「邀请好友」的设计特别简单,但是海报的文案非常打动人,通过很多名言警句和热门书籍生成的海报,直接转发给好友或发布在朋友圈,有新用户注册付费以后,老用户则可以领取听书时长。




4.2 组队读书
「组队读书」的活动规则很简单,所有人都可以发起组队,三人成组开始听书,完成任务以后可以获取积分。这个活动对用户的拉新和提升活跃度有很大帮助,老用户为了获取更多的积分,邀请到越多的新用户,组队奖励就会翻倍。




5. 总结
从会员服务的拆解我们可以看出,樊登读书的用户运营和营销形式设计得非常丰富。为了增加用户的投入成本,他们设计了非常专业完善的学习统计工具,通过勋章、测试、每日签到形式鼓励用户每天听书、学习。其次还引导用户添加「小书童」,通过1V1、高频的链接,和用户建立关系,实现激活和复购。在营销形式方面,以领书卡为例,如果你是老师,你可以直接领取,而如果你不是老师,那你可以分享给你的老师,这样的拉新方式,非常值得学习。

六、设计总结

1. 极致的单点突破
樊登读书可谓是一个单点突破的典型案例。樊登在《讲好一本书》中分享过他的创业历程。最初用户就是不想读、没时间看、读不懂,他们愿意给樊登交钱让他读给他们听。所以樊登从成立樊登读书开始,就以每年52本经典好书为主要卖点,解决用户没时间读书、读不懂书这个痛点,单点突破,最终打造了樊登这个超级火车头,把讲书这件事,做到极致,才有了今天超过6000万会员的樊登读书会。

2. 天马行空的创意
樊登读书在内容层的设计可谓天马行空。它不仅把读书设计了一个标准化的产品,支持消费者随时收听、学习。而且升级成了一个块芯片,可以即插即用,比如读书开放平台,支持多设备、多场景的对接,让樊登读书和其他行业进行更深入的链接。甚至一个普通心选商城,樊登读书都能设计出三个书单、未来书单这样的创意服务。

3. 丰富的变现形式
樊登的商业变现形式实在太丰富了,就像齐天大圣的72变,在任何环节,都能让用户为知识掏腰包。你可能想象不到你的孩子可以一边喝六个黑桃一边听樊登读书,又或者你的全职太太正在通过樊登读书的系统训练营正在学习如何通过副业变现,甚至当你听完《焦虑自救手册》手足无措的时候,你发现原来还有王丹老师为你设计了一个走出焦虑的行动营。




作者:设计大侦探

 来源:站酷

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


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

                  

19岁的贴吧,互动体验如何焕新颜?

涛涛

// 前言

良好的互动氛围是社区产品的核心,贴吧作为一款近二十岁的社区产品,设计师秉承年轻包容的产品理念,始终在探索属于贴吧的特色互动形态,在这过程中,希望通过互动系统设计方法,升级贴吧互动体验,培养用户心智,形成良性互动链路,最终提升用户活跃。

一、探索互动系统的设计方法

较为简单的互动形态为作者生产内容,浏览者为喜欢的内容点赞、回复,甚至私信创作者,这些互动行为会激励创作者继续生产内容。

基于以上互动形态我们搭建了循环互动系统,创作者为浏览者供给内容后,我们需要在互动环节引导互动行为发生,在触达环节优化互动信息触达,在反馈环节引导参与互动反馈,从而形成正向循环。结合实际的项目经验我们发现互动系统运转离不开“信息更易懂”、“路径更顺畅”、“玩法有惊喜”这三个要素。


二、寻找贴吧互动设计机会点

贴吧的角色是由创作者—楼主、浏览者—吧友组成,良好的产品运转模式为:创作者向浏览者生产供给内容,浏览者对其互动激励。但贴吧多年来互动链路中断,导致从互动到供给无法形成正向循环。

1.特色场景洞察问题

贴吧的场景及形态广泛,与其他产品有所不同,具有内容形式多样、浏览场景独特、互动类型广泛、回复逻辑精细、互动玩法多元等特点,通过走查上述特色场景发现诸如链路中断、功能缺失、结构混乱、内容丢失等问题。



2.下探设计机会点

基于以上问题的共性,我们可以从中总结出核心体验断点:

a.看不懂:回复列表内容结构不合理、收藏后看不懂更新的楼层内容;

b.看不到:Push通路不稳定无法触达用户、大多用户关闭推送push;

c.没意思:赞、回复等互动方式老旧,刷贴、签到行为重复,没有特别的玩法。


下面会使用上述总结的互动系统设计方法,对贴吧现存问题进行体验升级,提高用户的互动积极性。

三、 互动系统设计方法应用举例

1.信息更易懂

贴吧的回复场景多,逻辑复杂,创作者与浏览者在看到对方的回复后,内容展示需要易读易懂,彼此才会有意愿回复反馈。

a.查看列表—优化结构

查看评论列表的旧体验存在回复对象错乱、内容缺失的问题,新体验根据语境自由展现原贴、楼层、楼中楼三层结构,承接上下文关系,降低用户理解成本,并将其复用在查看点赞、查看@ 等场景中。


b.查看详情—精准定位

点击列表页后的精准定位也是易懂的关键,我们对内容被折叠、定位不准旧体验问题进行优化,新体验默认展开原贴及楼层内容,细化点击贴子、楼层、楼中楼后的定位逻辑,帮助用户精准看到想看到的内容。


c.继续消费—延长步长

用户从回复列表进入查看详情页后,旧体验只展示当前的评论楼层,看不到上下文内容。新体验在定位楼层前后增加楼层内容,同时通过“查看之前楼层”和“加载之后楼层”方式继续浏览,延长步长。


2.路径更顺畅

产品的推送Push向用户推送感兴趣的信息,需要稳定的触达用户且有意愿打开,才能达到召回用户目的。

a.打开推送开关—场景引导

旧体验引导开启push场景缺失,方式过于生硬,新体验选取贴吧高频互动场景,在用户签到后、回复后、发布后选择合适形态展现引导,提高推送通知打开率。


b.展示推送—有吸引力

旧体验互动push内容表述凌乱,新体验将push内容结构化,以“用户昵称+动作+互动对象”的结构展示推送内容,并强化互动用户的头像,适当展示互动详情,吸引用户点击。


3.玩法有惊喜

贴吧点赞、回复等互动方式存在多年,缺乏新颖性,用户互动心智疲软,急需通过轻量、有趣的创新玩法,刺激浏览者互动。

a.新增动态表情

结合贴吧元素,补充单击、长按、双击的递进互动点赞方式,给予用户感官刺激,提升点赞爽感。


结合时效性运营活动,增加高考、劳动节、618活动点赞,营造惊喜感。

首次私信提供贴吧IP表情,助力用户关系破冰。后续私信增加开香槟、丢炮竹以及丢炮竹炸滑稽双向互动玩法,持续提升用户互动意愿。


b.新增潮流表态

虚拟形式是近几年受用户喜爱的潮流表态玩法,探索虚拟形轻互动方式,互动后通过私信触达,并沉淀社交货币资产,进而引导双向互动。


// 小结

文本搭建的“信息更易懂”、“路径更顺畅”、“玩法有惊喜”互动系统设计方法,已将其运用在贴吧的特色互动体验升级中,并取得正向数据和用户反馈,希望该项目的设计方法及经验能为大家提供参考。

作者:百度MEUX
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


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


。                           

这篇导流条设计方法,让我打开了新思路

涛涛

// 写在前面


端到端导流是指在产品矩阵体系内引导优质产品的用户使用另外一款产品,带来使用量的提升,从而实现用户规模提升的一种增长手段。随业务快速增长,有驾从百度汽车频道衍伸出了有驾小程序、M站、PC站以及APP等多纬度的产品矩阵,依托各端流量实现矩阵产品间的导流,逐步积累用户规模,是有驾目前获客渠道中占比最高的方式。本文将以有驾导流体验升级的项目为例,分享导流增长探索的设计思路与实践经验。



// 为什么要做导流


导流的目的

对于业务本身而言,随着移动互联网流量红利期的结束,获取新用户的成本越来越高,不管是新产品还是成熟型产品,都需要通过导流的手段来持续扩充新用户。其次,对于有驾产品生态而言,需要各端产品间的相互联动,协同发挥优势,实现流量价值最大化。


导流的优势

  • 成本低,相较于投放、活动等渠道流量获取方式,矩阵导流成本低;

  • 高意向,用户购车意向明确更容易实现商业转化;

  • 可共享,用户数据及行为关联互通。


// 如何做好导流设计


1.问题分析

通过梳理核心场景的4种导流条,发现各个场景导流形式各异,用户缺乏统一认知,导流引导语单一内容吸引力弱。在用户在浏览页面时,点击功能入口或想要继续查看更多内容,需要下载APP才能继续阻碍用户浏览

  • 缺乏统一认知:视觉表达形式不成体系,用户感知不够;

  • 内容吸引力弱:内容单一缺乏吸引力,用户没有点击欲望;

  • 阻碍用户浏览:打断用户正常使用功能,影响用户体验。



从导流链路的用户行为来看,整个流程下载路径过长,发现用户流失较大的转化点:

  • 从小程序落地页到下载页:在进入小程序浏览页面时,用户没有注意到导流条就滑走了;

  • 点击导流条进入下载页:点击导流条会先调起导流弹窗,点击确认后再进入到下载页,用户未选择下载就退出了。



2.明确设计方向

针对导流现状缺乏统一认知,内容吸引力弱、阻碍用户浏览、下载路径过长的问题,我们搭建了一个完整的导流链路图,根据用户增长模型,把用户生命周期各节点的用户行为与产品触点一一罗列出来,找到增长路径的设计机会点。



通过以上的问题分析,如何建立用户和产品的链接,保障友好的体验,是本次导流升级要解决的问题。根据用户关键行为,我们可以将整个导流链路拆分为3个阶段来挖掘主要机会点:

  • 下载前:兴趣激发导流吸引,建立用户稳定认知;

  • 下载中:强化用户转化动机,刺激用户完成下载;

  • 下载后:保障还原体验畅通,提升首次使用体验。



下面将分别介绍导流下载前阶段的设计落地实践,以及下载中、下载后阶段的延伸设计思考。


// 下载前


1.强化触点吸引

是否能成功引起用户注意,是转化开始的第一步,统一的视觉风格和满足用户诉求的内容,有利于增强导流条的吸引力。


1)收敛导流条类型

针对【阻碍用户浏览】打断用户正常使用功能、用户没有跳转预期的体验问题,下线了阻断式和截断式两种体验不友好的导流类型,将原来4种导流类型收敛为2种,仅保留通用导流条和功能延展导流条,基于这2种导流形态进行深入的设计探索。



2)建立通用视觉标准

针对【缺乏统一认知】视觉表达形式不成体系、用户感知不够的视觉问题,建立了通用导流条标准化规范。统一视觉形态,优化为页面内通栏嵌入式,同时融入品牌色强化用户感知,根据页面布局制定了不同的展示规则。



上线后,内嵌导流条在展现受限的情况下,导流转化数据与改版前基本持平,为了进一步提升导流的点击效果,开始探索场景化定制提转的设计方向。


3)定制场景化内容

针对【内容吸引力弱】内容单一缺乏吸引力、用户没有点击欲望的内容问题,在通用标准化形态的基础上,根据不同场景用户诉求点,丰富导流内容。分别从内容定制、按钮文案优化、以及氛围强化3个方向验证对转化的影响。

  • 内容定制:丰富导流利益点、场景化内容更能激发用户兴趣,促进转化达成;

  • 按钮文案:转化按钮文案导向性明确、内容与导流利益点匹配,可以助力按钮转化提升;

  • 氛围强化:导流样式上适度弱化氛围、样式更倾向于原生功能,有助于提升导流条点击。



2.拓展场景扩量

复利通用标准导流条的成功经验,应用到功能延展类导流条中继续验证有效性,从产品价值点出发,挖掘高流量场景的机会点从而带来转化增量。


1)价值传递

根据小程序和APP两端各自的不同点,分别从功能差异及体验差异两个方向进行优化。

  • APP特有功能:APP完善的功能体验可以更好满足用户诉求,例如参配浏览场景下,引导用户体验搜索及横屏查看的高频功能,对于导流转化有正向帮助;

  • 各端体验差异:小程序和APP两端体验存在差异,例如图片浏览场景下,APP清晰流畅的浏览体验及放大全屏查看图片的交互体验,能够刺激用户转化。



2)价值延续

当用户完成核心内容消费后,是否可以引导用户去APP继续浏览更多相关内容,进而引导用户下载呢?

  • 服务透传:平台服务内容传递,例如在内容落地页文末增加品牌广告导流条,帮助用户建立品牌认知;

  • 相关推荐:引导相关内容消费,例如在文章或视频页增加相关推荐导流条,引导用户浏览更多相似内容。




// 下载中


当用户通过导流条进入到下载流程时,还有哪些手段可以刺激用户激活减少流失呢?

  • 强化下载动机:下载页前置APP落地页内容,例如将通用下载页优化为场景化下载页,给用户超前产品体验吸引转化;

  • 减少用户流失:缩短链路简化流程,例如可在下载中间页完成应用下载,同时退出下载页时增加挽留。




// 下载后


当用户在应用商店下载完成后,我们还能做哪些提升首次启动APP的体验呢?

  • 还原链路畅通:提升场景还原成功率,减少频繁提示信息干扰;

  • 建立用户心智:引导新用户探索功能,根据用户兴趣推荐适合的内容。


以上内容是下载中和下载后阶段导流优化方向的一些延伸设计思考,为大家提供可以继续探索的方向。



// 写在最后


总结一下本篇文章关于导流的体验设计要点:

  • 全链路洞察,对导流链路进行拆解,通过盘点导流链路的用户行为,明确每个节点的设计方向;

  • 降低广告干扰性,减少用户浏览过程中的阻断感,适度弱化广告氛围;

  • 用户的视角引导,让用户专注于产品本身传递的价值,引领用户完成对产品的探索从而完成下载激活。


作者:百度MEUX
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


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


                       

垂类品牌年轻化重塑—有驾品牌升级

涛涛

有驾是百度旗下汽车信息与服务平台,累计用户超5.3亿,为用户提供真实可靠的看选买车服务,为车企和经销商提供一站式营销方案。


什么是“有驾”

【有驾】是百度旗下的汽车信息与服务平台,累计用户超5.3亿,致力于为用户提供真实、可靠的看选买车服务,以及为车企和经销商提供从品牌到效果的一站式互联网营销解决方案。

现状分析

有驾品牌在孵化初期,重点是在用户词建立品牌感知。所以我们提取“有驾“的字形做为品牌符号,减少歧义,强化用户的感知。

但是随着品牌持续运营进入新的阶段,我们发现现有的设计无法满足后续的运营诉求了,主要体现在:

品牌logo:不能体现汽车的行业属性,缺乏成体系的品牌符号和VI体系,色彩上也不够符合时下潮流的年轻配色体系。

品牌活动:品牌关联度弱,活动维度单一。



项目概述

因此,我们重新梳理有驾的品牌定位与调性,借助本次品牌升级,打造有驾差异化风格,形成独有的视觉印记。

因为用户对于旧的logo已有一定的认知。所以此次改版的目标在保持固有用户认知,在原有基础上进行品牌标识的探索及应用,以强化品牌感知,提升品牌的竞争力,整合业务资源做心智触达。





前期分析

前期我们对汽车垂类的竞品进行了一轮调研,并且结合有驾的用户群里,寻找有驾品牌的差异点。

有驾用户群体年轻化为主,普遍具有高学历,集中在新一线二线城市。

通过以上在用户、行业及行业趋势等多唯独的信息搜集后,我们确定了有驾品牌设计的四个核心关键词:年轻、科技、未来、专业。



建立体系

在明确设计方向后,我们梳理了线上线下的所有品牌触点,结合前期的调研结论,汇总出了有驾设计系统的完整框架,以确保品牌设计的完整性和灵活适用性。




设计落地

基于前期分析洞察结论,我们在继承圆形和车形的基础上,对品牌符号与icon进行了大量的方案探索。从图形、质感等方面切入,简化图形形态,尝试不同的形态呈现的视觉感受和气质。最终确定了全新品牌logo方案。




相对于升级前,新版的logo加入汽车元素,解决升级前logo的行业属性不明确的问题,让产品app的行业属性更加直观。同时增加品牌符号做为底纹,辅以有驾的圆形符号成为品牌核心的一部分。强化有驾的品牌基因。





符号提炼

确定品牌logo后,为了确保品牌能够更好的拓展应用,进行了品牌符号的提炼。并为了延续之前的品牌调性。所以辅助图形延续了之前的圆环造型,造型偏向轮胎;在不破坏原有型的基础上,加入一些折角的质感的变化,使图形变化更加丰富,更有识别度。





设计语言

为了更好的触达到各业务场景,所以我们对视觉风格进行了探索和拓展。分别以浅色与深色作为主要探索方向,以适配不同的落地场景。结合有驾的年轻化,科技感的设计目标,探索出以下三种质感呈现:






符号拓展

在提取的形状基础上进行变形,增加折叠细节。在大事件活动,海报等场景使用,增加品牌关联度。




设计字体

结合全新的品牌定位,我们也优化了有驾的品牌字体,从细节出透出有驾的品牌感知。




品牌手册

新的品牌需要一套更全面的品牌系统来满足不同场景下的业务拓展需求。

目前我们也对现有的品牌手册进行拓展和完善,同步到业务方,以便更好的保证各业务场景触点下品牌的认知和统一,达到提质增效的目的。



品牌落地

除了对品牌对角度的塑造和升级,我们更积极的把品牌渗透到活动、栏目包装、大事件运营、品牌海报等各维度场景中,让有驾品牌形象更加立体多元。









结语

目前有驾品牌升级已经取得阶段性成果,沉淀出更加完善的品牌资产,不仅提升设计效率保证全链路的品牌曝光,也为业务规模化打下基础。之后我们也将不断完善和扩充品牌资产,将设计成果不断落地到业务中,细化业务目标并与设计目标紧密结合,多维度助力业务的高速发展。





作者:百度MEUX
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


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

                           

天猫双十一品牌设计背后的故事

涛涛

一年一度,天猫双十一全球狂欢节,如约而至!

从2015年开始,我们每年都会在双十一期间,将双十一品牌设计的完整思路分享给大家,这已经成为双十一设计团队的传统。不为别的,各位同仁辛苦一年,想跟大家就着新鲜出炉的设计唠唠嗑。 

每逢双十一logo出街,都会有热心的朋友帮我们解读,也有人问我们为啥不搞个官方发布?各位朋友,您现在看到的就是官方发布的内容,它不只有logo,而是从头到尾一个完整的故事。


2019天猫双十一主logo


2019天猫双十一主logo多语言版本

今年是双十一的第十一年,当我们接到这个任务的时候,就有机灵的同学提议:“我们用6个1吧,111111,61儿童节!”、“让我们回归购物的纯真快乐!”。


“哈哈哈哈哈哈…”魔性的笑声在整个会议室回荡,看来往年挠破头也解不开的难题,就这么解开了?故事当然不会这么简单,我们还没有往这个方向尝试就被否了。


其一,双十一是一个深入人心的认知,这四个一已经成为了超级符号,是我们宝贵的品牌资产,而六个一不但不能帮我们强化认知价值,反而会增加认知成本。


其二,六个一是一个纯视觉的创意,他很难支撑起我们要传达的消费者价值,也很难建立起情感连接。


我们应该从哪儿入手?


回归到设计的本质来思考,我们认为,设计的本质是将一个想法或者观点巧妙的表达给目标对象,表达的过程中,形式只是手段,重点在于我们要表达什么。


我们集合了阿里各事业部的设计师代表,让大家回归到一个普通消费者的状态,一起聊一聊各自的双十一故事,把这些故事提炼出来,就是消费者对于双十一普遍真实的认知。在全年最便宜的一天,无论凑热闹也好,跟风也好,贪便宜也好,好像不买点什么总感觉错过了什么。在这一天,“购物”毫无疑问成为头等重要的事情。


阿里巴巴经济体设计师共创

那么我们要对消费者表达“购物”吗,讲我们多么便宜,货品多么丰富,多么物美价廉?这些是消费者早就形成的认知,是我们不用表达大家都知道的事,它看起来并不是一个想法和观点。


还是购物,但肯定不是教大家怎么购物,作为消费者,购物能给我们带来什么?


有人说,购物能让我们吃饱穿暖,让我们出行方便,让我们安居无忧。


如果这些你都有,你为什么还要购物?


因为每个人都向往更好的生活!


为了更好的生活,我们需要通过物品的改善带来心理的满足感。当然也有人会会说,满足感也可以通过其他的方式获取,比如关爱他人、亲近自然、学习、修行、冥想等等,我们非常认同,更好的生活当然不仅仅只有购物。但我们当下探讨的范畴仅仅只是“购物”以及“购物”能带来的满足感,对这种满足感的期待,是每一个消费行为的动因。比如你想要买一件新衣服的时候,其实你已经在期待穿上这件新衣服的样子,你在挑选一件礼物的时候,已经在期待他人收到这件礼物时的反应……


双十一,全年最便宜的一天,无疑让你的期待,变得“更值得”期待,所以“更值得”让大家买得更多。


但,这些洞察还只是帮我们理清了消费行为背后的共性规律,实际上,细分到每个消费者,因为身份角色生活方式的不同,动因各自不同,还不能简单的用向往更好的生活来概括,因为它太抽象,听上去对,但每个消费者更关心的是我的需求是不是被满足,而对于双十一来讲,我们就是要打造属于每一人的双十一,而不仅仅只是购物,这样它才具有节日的文化属性。



所以,我们开始探寻真实的消费者故事,寻找那些通过物品让生活变得更好的故事,这些真实的故事,给了我们很大的感触。我们发现,购物行为下,其实还隐藏了每一个消费者内心更深层的需求,它是一个个藏在心底的愿望,正是这些不同人的愿望,成就了每一个平凡人鲜活的人生。我们想要帮助他们实现自己的愿望。在双十一当天,帮助每个消费者“愿望11实现”!这才是双十一更应该满足的消费者需求,它不仅仅是购物,而是通过物品价值上升到情感价值,这样的品牌,才真正能够让人感受到温度。在倾听这些故事的时候,我们的阿里女神被感动了,她主动要求帮我们写一首歌,她想把她的感动通过音乐的方式记录下来,配合我们精选出来的11个故事,讲给大家听。


双十一品牌设计概念篇mv

 

 “logo出来了?”低沉而沙哑的声音,把我们从自我陶醉中唤醒,我们找到了想要表达什么,但和怎么表达之间还隔着上百个logo方案。 


于是,我们开始了一轮又一轮的打磨,打磨的的重点放在了如何表达“愿望11实现”这一主题,这个过程中,有两个大方向上的分歧:


一个大方向是表现愿望,因为它比较有画面感,也比较容易表达。


另一个大方向是表现实现,因为它是对结果的描述,更符合消费者对结果的预期。


在纠结挣扎过后,我们选择了把两个方向融合,剧情貌似又回到了熟悉的设计故事,“把这两个方案融合一下!”我相信做设计的朋友,一定反复听过这句话,没听过的朋友,那说明你做设计还不久,我保证在你今后的职业生涯里,这句话一定会反复出现。(一个会心的微笑) 


融合说起来容易,这么抽象的文字怎么转换成图形表达,同时还要和猫头+11.11融合,为什么要和猫头+11.11融合呢,因为这是我们重要的品牌形象资产,从2015年开始,猫头+11.11的组合就固定下来了,这意味着logo的80%的主体已经固定,我们的难点就在于在这20%的区域里,如何既要表达主题,还能做出和往年不一样的感觉。我敢向你保证,双十一的logo是所有logo里最难的,没有之一,至少是我十几年职业生涯里最硬的茬。 


“愿望、实现、猫头、11.11”这几个词反复在脑海里萦绕,经验告诉我们,当面对如此复杂的局面,我们应该从里面跳出来,换个视角看问题,换什么视角?当然还是再次回到消费者视角,消费者愿望实现时是一种什么样的状态?是愿望实现时的满足?好像还差点意思,愿望平时也能实现,和在双十一实现愿望有什么不同?

 


我们认为,它应该是超越你期待的表达,从愿望实现时的满足,升级到愿望实现时的惊喜!这才是狂欢节该有的味道。当然,惊喜也有很多种它还不够有体感,如何找准惊喜体感? 



答案是感同身受。于是我们开始了场景模拟,模拟消费者逛双十一的场景。



当我们来到双十一的时候:“咦!今年好像真的不一样!” 



继续探索的时候:“呀!找了好久的idou同款原来在这里!”



准备下单的时候:“喔!真的很便宜!”



收到快递的时候:“哇!!!!”


听上去有点夸张,但这确实是我们想要营造给消费者的惊喜,当人感到超越期待的惊喜时,会不自觉的放大瞳孔、张开嘴巴脱口而出。这是人类共通的体感,是不用解释就有的共鸣。这让我们瞬间被点亮了,“惊喜到脱口而出!”我们一下子找到了核心创意。


通过反复尝试,我们发现气泡形的表达,不仅能成为承载所有消费者愿望的想法框,同时也能成为表达愿望实现时惊喜到脱口而出的对话框,把这个气泡形和猫头+11.11结合,这就是我们今年双十一主logo的原由,这个logo和以往双十一的logo最大的不同在于,它更像是一个容器,容纳不同人不同的个性化表达。它一改之前一直端着的状态,以一种更加亲民,更加个人化的方式呈现给大家。


2019天猫双十一品牌logo演绎视频


当然,作为容器,我们还要把核心创意延展到线上线下各个场景。



双十一定制礼盒


走向全球的双十一


过去几年,我们向大家介绍过天猫双11的主风格的来龙去脉,一定会在创新的基础上,保持一贯的传承。所以今年波普艺术的主基调还是会延续下去,问题又回到了我们如何在波普艺术这个大的基调下面,通过老元素的新组合,创造出全新的视觉感受。相比符号,视觉风格更容易表现“惊喜到脱口而出!”这个idea,它可以通过形色质构全方位的表达。当一个人“惊喜到脱口而出!”的时候,快乐的气场围绕在他周围,这些无形的从中心向四周放散的表现,看上去很像是圆形声波,同时它还能根据不同人的状态做动态变化,这就形成了一种设计语言,一种能用固定的形式做出千变万化的效果的语言。





当我们把它和波普艺术的主基调结合的时候,就形成了今年双十一独特的视觉语言,再通过形色质构的拆解,应用到各个场景。



装置应用


天猫双十一发布会现场应用


天猫双十一开幕盛典现场应用


天猫双十一许愿猫


天猫双十一,助你愿望11实现!


现在参与阿里巴巴设计官方微博@AlibabaDesign 的双十一话题互动,就有阿里设计限量周边好礼相赠!这个双十一,我们一起让愿望11实现~

作者:阿里巴巴设计
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


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

                         

双11大屏——情绪的超级机器

涛涛

数据大屏的设计有什么不同?

数据大屏的设计,并非是传统意义上的设计师或产品经理就能完成的。它需要将艺术家、科学家与企业家的能力集于一身,需要拥有对动态数据的把握能力、对产业经济与供应链的结构方法、对社会议题的捕捉与构造,以及宏观的视野和细致入微的匠人用心。可视化让冰冷的数据产生温度。


1.双11为什么需要数据大屏?


数据大屏是一个凝聚情绪的超级机器。

数据大屏不讲述传奇,它就是传奇本身。



在这块巨幕上,数据是公开透明的,它的变化在实时的体现着每一笔消费的数字。每个人都能看到,也会被传递到全世界每个角落。双11所带来的巨大能量与共振,我们需要一块巨大的屏幕来承载这份共情——这并不是一则新闻播报、一条统计数据,抑或一张图表就可以完成的。在这样一个狂欢的日子里,手机、个人电脑、电视机这些面向个人的设备,全都需要融入到这个巨型的超级情绪机器之中。


2.导演、故事与设计


从宣传与商业作战的角度讲,数据大屏需要兼顾故事性和震撼性两重特点。通过故事脚本与内容框架的设计,让观众层层抽丝拨茧,从表层的情绪,看到内核的战略。


1. 内容规划:故事与脚本设计

2019数据大屏的内容框架大致分为三个层次。


情绪层:GMV的节节攀升满足了媒体不断推升的情绪高潮。在日益萧条的国际环境中,中国的经济仍能屡创新高,每一位在双11买买买的中国人背后是一种爱国主义与中国信心的体现。


业务层:阿里的自我表达。阿里经济体在城市中继续深化的服务我们的消费者,数据成为城市可持续发展的新资源;而商业操作系统随着数字经济时代的到来,开始系统的服务我们的品牌与商家,在新的时代续写“让天下没有难做的生意”。


战略层:企业与国家发展同行。阿里的改变,反射了社会关系和社会结构。点击购物车就能买到全世界的东西,而对于国内市场,精准的人群定位、产业带的建设都让拉动内需变成一个大众都能参与的事情。


2. 情绪规划:情绪链路与镜头设计

依据数据表现,双11当天的情绪高潮会集中0点和24点前后。24小时内,情绪的跌宕起伏,媒体向世界专递着这种情绪。现场,根据数据和情绪的变化,我们开始导演数据大屏在不同的时间段出现的镜头:GMV的弯道超车紧张窒息,晚饭过后是观看城市夜经济的最佳时机,还有“买遍全球的购物车”、“小镇青年”等进20个镜头。


3. 核心理念:新商业文明是中国的弯道超车

为什么是弯道超车?

大航海时代是贸易全球化的开端,也是当代中国继续扩大开放,用一带一路、进博会等等新模式,承接人类当今世界发展的新格局所在。互联网与移动互联时代的到来,让中国得以弯道超车占据世界领先地位,而随之到来的数字经济时代正式开始了人类历史上的新商业文明。马老师说:打造新商业文明的时机已经到来。数字时代是我们面临的最大机遇,这个新时代最大的风险就是错失机会。



我们将这个核心理念融入GMV大屏的设计,正如逍遥子所说的那样“消费不是商业的终点,通过消费者来提升生产端生产契机,优化生产决策。”为此,我们导演了新商业文明的数据大戏:GMV屏中的赛道,3个镜头穿越了大航海时代、互联网时代,数字经济时代弯道超车的新商业文明,快进了商业文明的发展。

11.11当天的数据也被融入其中,赛道上奔跑着饿了么、盒马配送线和菜鸟的物流线,空中飘散的气泡是实时产生的交易热力。


△2019双11数据大屏-GMV弯道超车&3个视角切换


3.双11数据大屏设计概览


1. GMV:11剁手铸就中国信心

2019年,即使是在国际经济大环境衰退的今天,阿里的双11仍旧创造了新的商业奇迹:2684亿人民币的GMV的背后,是中国人为了家庭与自己而欢乐剁手,也是中国消费者面对全球大环境下对中国的强大信心。从2009年的电商大促,到11年后的全球狂欢节,阿里伴随着中国经济海洋的形成而不断掀起巨浪。李克强总理就曾经用双11的销售数据,来解答那些对中国经济感到不解的人们,让他们瞬间懂得中国经济是汪洋大海。


△2019双11数据大屏-历年GMV增速


2. 全球化:买遍全球的购物车

中国经济与中国消费者的贡献,是对全球经济的贡献。消费者购物车里藏着美好生活的愿景,打开了世界消费的新空间。天猫国际把来自全球78个国家和地区的品牌和商品带进中国,满足消费者的品质消费需求。买遍全球的购物车,更为世界经济增长贡献拉动力。越来越多国际品牌青睐中国市场,通过天猫国际满足中国消费者的需求。


△2019双11数据大屏-全球化


3. 服务夜生活点亮城市夜经济地图

随着政策的推动,全国经济进入夜生活消费时代,大量的城市开始准备成为一座座不夜城。在这个新的消费增长领域,新商品、新商机、新消费模式、新空间与新玩法都层出不穷。在未来,理解夜晚的中国,或许比理解白天的中国更为重要。


△2019双11数据大屏-杭州经济体服务网络


△2019双11数据大屏-天猫商超网络


△2019双11数据大屏-杭州城市夜生活


4. 相信不起眼的改变:小镇青年与那些你不知道的族群

14亿的中国人口、巨大的地域差异与文化差异意味着,每一种类型的消费人群都是海量的,都拥有现有经济理论所无法囊括的巨大潜力。小镇青年、银发一族、95后作为新消费崛起的代表族群,正悄悄改变着社会的消费结构。通过数据我们清晰看到:族群的喜好千差万别,数字化的新消费使得商家能针对消费者需求创造新供给。


△2019双11数据大屏-新人群,新消费


5. 品牌榜:千里江山图

天猫创造的价值是真正支持品牌的数字化转型,不仅仅赢得今天的业务,更在于决胜未来。国潮席卷而来,智能商业魅力无限,全球供应链在动荡与智能化中全面转身。全方位重构产品创新、品牌建设,强化天猫与品牌之间的合作,这便是我们想在双11这天展现的万里品牌江山画卷。


△2019双11数据大屏-品牌榜


4.结束语


当GMV越来越逼近2684亿人民币时,炸裂感给每个人的冲击是:中国又诞生了一个新的奇迹!即使在全球经济放缓的今天,中国人民对于天猫双11全球狂欢节的热情丝毫不减。在这背后,是数字经济时代下的阿里巴巴,向新商业文明迈进了一大步。

作者:阿里巴巴设计
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


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

                           

7个实用技巧,教你搞定可视化图表

涛涛

可视化图表是提升信息传递效率的一种有效方法,特别是在B端平台中经常遇到对统计的数据分析总结的呈现。

可视化图表是提升信息传递效率的一种有效方法,特别是在B端平台中经常遇到对统计的数据分析总结的呈现。我们设计师在设计图表的过程中,如果没有系统的可视化知识,会出现设计的图表虽然美观但图表不能很好的反应数据的情况。那么,在复杂的数据关系中如何设计和选用图表,如何在好看的同时提升信息传达效率,看完这篇文章希望对你的设计过程有所帮助。


// 为什么要数据可视化


数据可视化就是用图表来表示数据信息,它所传达的信息包括你所拿到的数据源和你分析后的结果,再通过图形强化用户的理解和记忆。能让用户简洁明了的获取更多的信息,是我们可视化的最终目的。



举个例子,同样一组数据,用表格的形式呈现是很难有所洞察的;如果将各个地区维度的数据聚合以柱图形式呈现,很容易就能看出各个地区间数据的差异,并从中洞察规律


关于如何设计好数据可视化图表,这边总结了三个步骤:选择适合的图表,强化视觉层次,图表响应式适配。


一、选择适合的图表


数据可视化的图表种类繁多,当我们真的开始作图,往往会遇到一个困境:有这么多类型,要如何选择正确的图表呢?首要依据是考虑所要传达的信息意图,即所要制作的图表它的任务是什么,再通过分析数据关系来选择表达方式;第二层意图是图表传达内容,这时候我们就需要根据数据的特征去突出和强化。


1. 分析数据关系

根据数据分析的方式来看,每一种图表都对应了一种数据关系。从数据的维度出发弄清呈现结构,再结合数据关系作出选择。了解图表的可能知道,一般图表的数据关系有构成、比较、分布,以商业数据为例,常见的还有流转关系。



构成关系

构成关系的图表表达的是部分和整体的关系,用于分析总体和各部分的占比比例,构成关系一般局部元素加起来为总数。如果只是想对比个别组成部分的大小,也可以使用比较关系的图表。

常用图表:饼/环图、堆叠图、面积图等,如涉及到层级结构,还会用矩形树图或旭日图等特殊结构图表。

关键词:“占比、比例、百分比”



比较关系

比较关系是基础分析中常用的一种图表类型。在一定的取值范围内,通过对两个或两个以上的指标分析,可以直观的看到变化和差距。对比分析包括趋势对比和分类对比两种形式,趋势对比用于表示一段时间内数据的变化,分类对比用于比较数据规模。

常用图表:趋势对比常用图表有折线图、散点图等;分类对比常用条形图、柱状图、气泡图等。

关键词:“增减、升降、涨跌、波动”



分布关系

利用空间分区来展示数据之间的分布关系,常用于体现两个或以上数据的相关性。

常用图表:散点图、热力图、雷达图等

关键词:“随着……而变化、A/B之间的相关性、交/并集”等



关联与流转

流转关系是B端数据常用的一种关系,它可以动态的体现相关路径下对象之间的关系、状态、数据量的流转变化等,以面积或颜色深浅展示了多个状态或对象之间的流动量或流动强度。

常用图表:关系图、桑基图、漏斗图、进度图等

关键词:“流程步骤、留存、转化、关系”



2. 分析数据特征

按数据关系和分析目的选择好图表类型后,第二步是根据数据特征选择更加适合的展示方式。从数据分析的角度常见数据特征有:变量特征、维度特征、层级特征、流程特征。


变量特征

分辨一个指标通常有两类特征,按变量值是否连续可分为连续数据与离散数据两种。连续数据通常会统计一组数据的变化趋势,离散数据通常统计各分类下数量的变化。

  • 连续型数据:指在一定区间内可以任意取值的数据叫连续数据,其数值是连续不断的。如身高、体重等带有时间因素变量的数据等,通常用折线图体现变化趋势。
  • 离散型数据:指其数值只能用自然数或整数单位计算的数据。如当天销量、进店人数等表示分类类型的数据,用柱图表现更加体现变量的特征。


维度特征

多维度分析需要将多个变量在同一平面上直观的表示,可以选择使用极坐标系去展示多个维度变量。如果希望对比多组数据,可使用不同颜色进行分类

  • 根据分析视角选择图表:对于多维度变量的数据我们需要明确分析的视角,去找准对应的数据映射。如案例中多个班级的科目成绩的这组数据,如需要全局视角查看个班的综合素质,推荐使用雷达图;对比单科成绩的变化分布,则推荐使用堆积图。


层级特征

多层级数据由多个部分构成一个整体,又称树形结构数据。除了用结构树图表表现以外,还可以考虑以下两种图表类型:

  • 矩形树图:突出子层级占比大小。最初是用来显示计算机硬盘驱动器上文件的结构和大小,它以面积的形式突出展现各个子层级节点的占比,可帮助用户看到数据的层次结构以及各层级之间的关系。


例如:上图显示了市场销售额的来源结构。长方形的大小取决于各国家的平均销售额,通过色调来区分不同类型,颜色的深浅代表分类下的子集,面积体现销售占比。对比一般结构树图表,它的优势在于可以有效利用空间。

  • 旭日图:突出细分层级关系。由多个圆环图嵌套而成,也称为径向树图,它既能像饼图一样表现局部和整体的占比,又能像矩形树图一样表现层级关系。常用于细分分析方法,将事物从大到小进行拆解。每个级别的数据通过1个圆环表示,离原点越近代表圆环级别越高。 旭日图在显示一个环如何被划分为多个层级时最有效,而矩形树图适合比较相对大小。


流程特征

流转关系是表达数据转化流程的重要类型,不仅包含统计意义上的数据总和,同时还表达了信息流转的路径;其中桑基图和漏斗图都可以表达路径中流量的变化,不同的是桑基图重点强调流量的强度和走向,漏斗图更加注重突出转化率和效果,根据不同的表达目的选用。



二、强化视觉层次


选择合适的图表后,在信息传达上也需要正确的表达,展示形式美观的同时能够清晰的体现数据特点。


1. 强化数据特性

使用图表正确的表达信息,需要设计师在强化数据特性的同时避免偏差

  • 趋势易感知:折线图数值如过于平均导致趋势平缓,有时候无法体现偏差;在强调数据趋势的场景下,推荐用动态取值范围让波动保持在一定范围内,放大波动占比更突出趋势。


  • 展示更准确:柱状图依靠柱体面积体现最终数值,使用动态范围截断将会导致数据解读不完整;始终将 y 轴从 0 开始,才能更准确的反映柱图中的值。


2. 色彩视觉传达

除了在设计构图上优化以外,颜色的选择也是图表重要的的信息表达元素。颜色会影响我们对数据的感知,错误的取色会让信息读取产生误解。我们可以通过不同的分析目的设置意图色板,精确传达信息同时后续的项目在选用时也可以达到用色的统一。



我们在之前的文章里有介绍过图表的取色模型,通过调整颜色HSL值的区间,可以得到以下三种意图色板:

  • 定性型-分类色板:用于区分不同的类型,又称为无序色板。适合区分没有内在顺序的类别
  • 定量分歧型-发散色板:通过两边互补色来体现,具有明亮的中间值,然后以不同的色调在刻度的两端变暗。通常用于可视化负值和正值
  • 定量顺序型-顺序色板:从亮到暗或相反的渐变。适合可视化从低到高的数字。

那么我们要怎么样去使用这些色板呢?下面几个案例将带你了解其中的差异。


定性型:使用色调来进行分类

数据内在没有顺序差别时,建议使用色调值(H)进行区分;如定义国家、行业等类型。如果希望图表看起来更加专业,以下有几项分类色板的小建议:

  • 选取尽量少的色调:取色时无需使用整个色环,使用邻近色或互补色的取色方式显得更加专业。


  • 色板适度明暗交替:一些视障人士无法区分色相,主要靠颜色的明暗差异来识别,通过饱和度和暗度的调整,创造明暗交替的色板。


定量型:使用深浅色板强调内在顺序

如果在同一个分类下包含子类别,或者数据本身具有排名属性,那么建议使用连续色板来突出他们内在的顺序,使图表更加易读。

  • 顺序色板-选择合适的插值:根据数据的分布情况选择不同的的插值断点,突出数据的差异。如以下案例中,根据统计学概念设定不同的取值区间,左侧示例使用的是平均线性差值,反映的是数据的集中趋势;右侧示例使用的是中位数插值,能更好的体现数据分布的形态。


  • 发散色板-关注对比色的识别性:尽量避免红绿配色,如需使用绿色,偏黄或偏蓝的绿色更易分辨,对视障人士也更加友好。


三、图表中的响应式设计


B端图表可视化的数据一般是在网页或移动端上动态显示。不同于平面展示或汇报,在基础设计完成后还需要考虑到图表展示的环境,根据不同端去适配显示效果,以适应各种复杂情况。而动态显示带来的交互特性也让数据展示有了更多的可能性。


1. 布局框架适配

在网页端显示时,有时候同一个图表需要考虑不同容器下的适配方式。根据数据相关性变化元素的适应形态,将非必要的的元素转化或隐藏,保留重要的图形元素去适应当前空间;元素隐藏后使用悬浮交互来保证信息的展示,保持图表的可读性同时也避免产生元素的重叠。



如案例中的图表,在不同尺寸下通过改变和隐藏图表元素,以达到适配当前空间的效果。

2. 图表元素适配

要适配移动端,网页端横向延展的显示方式需要适应移动端纵向空间的显示。除了呈现角度的改变外,还需要考虑手机屏幕的尺寸和图表元素的适配性,去兼容相关的交互操作。

  • 信息浮层:在图表中,信息卡元素是传达信息内容的重要组件,在网页端中悬浮展示,通常会占据很大空间;图表适配移动端后,信息浮层改动到图表上方常驻显示,并跟随手指的滑动变化响应数值,完整展示信息的同时也避免了页面抖动。


  • 坐标轴标签:过长的坐标标签在适配过程中会产生重叠,而省略也会造成信息展示的不完整。我们需要针对不同的坐标轴类型给出响应的规范。如文本类轴标签我们可以采用省略、换行、旋转等方式适配,避免信息的缺失。针对有连续型的数据类坐标轴我们可以使用抽样、转化单位等方式适配,精简空间避免堆叠。


3. 极值适配

因B端平台的特性,我们无法预知客户传入的数据量,可能会遇到因数据量过多,造成图表显示不佳,数据读取困难等问题。这种情况下,提前考虑数据极限场景,通过交互的形式变化的方式让用户获取完整信息,提升理解同时信息展示更灵活。

  • 缩放和平移:在数据范围过多时增加取值范围的缩略轴组件,通过限制展示范围让数据量显示可控。


  • 互动切换视图:如果折线的类别过多且无法省略的,建议分组查看。默认状态仅当前组折线高亮,其他数据以浅色显示,通过切换的方式查看其他组别的信息。


  • 悬浮鼠标高亮:在分类过多不好分辨时,可使用悬浮高亮的交互方式突出相关联的数据组。


还有悬浮放大、点击下钻、联动图表等交互行为可以组成更加丰富的图表。因篇幅原因,在这篇文章就不做深入讲解了,以后可独立介绍。


// 结语


数据可视化在B端设计场景中发挥着重要作用。设计师在表达数据之美的同时更加准确,才能更直观地向用户传达数据的价值。使业务人员能够从复杂的业务数据中快速、直接地找到重要数据,确保用户能够更好的接收信息,才是可视化的关键。

* 以上图表中均为虚拟数据,仅作为案例参考


感谢阅读,以上内容均由百度MEUX团队原创设计,以及百度MEUX版权所有,转载请注明出处,违者必究,谢谢您的合作。申请转载授权后台回复【转载】。也欢迎加入MEUX,视觉/交互/运营设计师,可投简历至MEUX@BAIDU.COM (注明信息获取来源如:站酷)


关于我们:
MEUX,百度移动生态用户体验设计中心,负责百度移动生态体系的用户/商业产品的全链路体验设计。服务的产品包括百度APP、百度搜索、百度百科、百度贴吧、百度商业产品等。MEUX以「简单极致」为设计理念,创造极致用户体验的同时赋能商业,推动设计行业的价值和影响力,让生活因设计而更美好。


 

作者:百度MEUX   来源:站酷


分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。 

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

文化美育产品1.0视觉设计探索

涛涛

前言

博学多闻,不同凡响。

博闻美育,是一款致力于提升用户文化素养的产品。研发团队以“长见识,会思考,懂审美”作为核心理念,设计出《中国故事》《四方采风》《高端文学》等的系列课程。

面对一个真正落实人文素养的全新课程产品,我们作为视觉设计师,首先希望的就是为用户打造出最美的课堂,使用户在高品质的美学场景中能沉浸式体验到学习的乐趣。当然,我们同样希望探寻如何通过设计帮助青少年在使用产品时养成高审美意识,加强文化自信。

在此次对博闻产品的视觉品牌设计中,设计团队探寻了如何将视觉设计体验与课程教学更好的结合,以下为我们的设计过程以及设计成果。

设计目标:提升学习体验

首先,我们通过对产品特性的分析,明确了此次视觉品牌探索的主要设计目标 —— 重新定义什么是提升学习体验的人文素养产品,从用户视角转变为参与者,更加沉浸于课堂。

基于对设计目标的进一步探索,我们提炼出了提升学习体验的三种核心理念:

核心理念:情 感 | 经 典 | 沉 浸

情感 · 价值认同

近年来,国潮文化与传统艺术在青少年群体中“走红”,成为青年对话传统的方式。体现了青少年对中华优秀传统文化的价值认同和情感认同。我们希望在青少年养成审美与内在的关键阶段,也尽到自己的一份小小的努力。

经典 · 传承创新

在保留传统艺术精华的基础上,我们寻求视觉上的创新,突破设计的思维惯性,使用户可以通过现代的视觉表达形式与经典文化产生共鸣,传达国风之美,多角度唤起青少年用户对于传统经典的文化价值和艺术价值的理解。

沉浸 · 专注体验

我们希望将国风之美呈现在用户面前,将有道博闻系列课程全面包装成能够让学生身临其境的国风互动课堂,丰富用户的心智,发挥产品的双重价值。

设计策略:探索国风之美

确立核心理念后,我们将中国传统艺术中的精髓进一步提炼,最终选择了以下关键词作为视觉设计的表现点:

接下来,我们基于各个关键词对具体方案展开探索

01 国风之美 · 符号

容纳承载,历史渊源。

为了确保博闻三个系列的课程(《中国故事》《四方采风》《高端文学》)在品牌视觉设计上能够更好的进行拓展应用、传播差异化、与用户情感共鸣。我们结合了三个系列课程的特点与对传统文化的研究,分别为各个课程建立了代表性的元素作为超级符号,加强用户的记忆点:

中国故事 —— 讲述中华经典

中国故事系列课程会通过诗、词、歌、赋、散文、小说全类型文学作品,讲述中华经典。玉玺作为皇帝的玉印,是至高权力的象征,在各朝各代中见证了各色各样的传奇故事。因此选用【玉玺】作为中国故事的符号图形。

四方采风 —— 探访文化名城

四方采风系列课程首次“走出屏幕”,采用文化直播结合外景采拍的形式,在历史文化名城中讲述各地的风土人情。使用【中国古建筑】作为这一系列课程的超级符号,见证和反映了各地社会的发展和历史变迁。

高端文学 —— 精读文学作品

高端文学系列课程将带领用户学习重磅文学作品,该系列选用【卷轴】作为代表符号,卷轴不仅承载了国人对中国绘画、书法的认识,更是写入了古人的思想与信念。

在确认好三个系列的代表符号后,我们将构图一分为二,左边作为系列的重点信息区域,右边作为符号以及视觉表现区域。

02 国风之美 · 色彩

浓墨淡彩,总相宜。

在视觉品牌的色彩方面,我们从古代写意的浓墨重彩中,提取出了富有中国气质的一抹颜料。

历史厚重的「红」,风光写意的「绿」,静心阅读的「蓝」代表了三个系列课程各自独有的气质。

03 国风之美 · 书法

刚柔并济,行云流水。

我们依据行楷的笔画特点,设计了三个系列的第一识别字体。「行楷」介于楷书与行书之间,比端正的楷书多一分活泼自由,又比随性的行书多一份端庄。我们在此行楷的灵活中增添一抹稳重,刚柔并济,恰到好处。

第二识别字体的设计灵感来源于印章。「印章」的历史可以追溯到战国,至今仍在生活中广泛应用,古人凿铜刻玉,力艰功深,我们希望这种信念依旧可以传承在青少年的品格中。受到印章印面形式的启发,设计了第二识别字体。文字采用现代字体为基础,增加辨识性。

04 国风之美 · 国画

清新淡雅,水天一色。

国画,以其永恒的艺术魅力穿越时空。国画的绘制讲求布局、造型、运笔、赋彩,不拘泥于自然物象的再现,强调主观意境的创造,是中华民族传统文化的瑰宝。我们借鉴了国画中工笔画的「留白」构图理念,并添加水墨画中的「墨韵」作为细节补充,创作了既符合现代视觉风格,又不失古韵的插画;

最终,我们将提炼出的「符号」「色彩」「书法」「国画」这四个关键词融合在系列课程之中。

创作作品凝结:深挖沉浸体验

01 除了赋予课堂知识,我们还能为用户做什么?

除了设计课程产品常规的讲义以及线上页面,为了进一步提升用户的沉浸式学习体验,有道博闻独创了「手账本」这一教辅材料,并且随课程附赠可以使用户进一步体验传统艺术魅力的「国风礼盒」。

02 如何使用户更加沉浸地参与课堂?

「手账本」可以帮助用户将课上的知识融会贯通,并收入「手抄报」「旅行MAP」「作家名片」「思维导图」等模块,让用户深度参与到【输入-加工-输出】的产品结构中,使用户充分吸收课堂知识、加入自己的思考理解,并最终输出观点和总结。【听-想-做】循环,巩固知识印象。我们最终会收集用户的优秀作品,并集结成刊,出版成册,进一步提升用户的参与度,增强他们的学习热情。

在手账本的视觉设计中,我们根据课程内容绘制了精美插图,考虑到用户书写的便捷性,设计了古风的书写外框,力求用户可以时时刻刻沉浸在充满国风之美的课堂中,使视觉设计与教学内容完美融合。

03 所有心意,只为准备给喜爱课程的你!

「国风礼盒」将“长见识,会思考,懂审美”的概念植入到礼盒的选品和包装中。封面设计我们选用了「时空穿梭」的概念,通过时空隧道,串联古今,大开眼界。礼品内容里,充分尊重用户的喜好,最终选取了「国画颜料」「手绘扇子」「国风笔记本」「考古盲盒」。每一份礼品,都充满着我们对它的严格要求和对用户参与的期待。

写在最后

“古老的种子,它生命的胚芽蕴藏于内部,只是需要在新时代的土壤里播种。”    ——泰戈尔

中华传统文化正是一颗充满惊喜和生机的种子,静待着我们的细心发掘。我们会继续探索,用设计在新时代中传承优秀传统文化。让传统艺术拥抱青少年,让东方美学成为青少年心中最引以为豪的文化。


本次有道博闻项目的设计过程中,我们牢记以用户为中心的理念,做与课程产品融合的设计,最终收获了一份宝贵的经验,也获得了用户的一致好评和赞许。未来,设计团队也会坚持做以用户为中心的产品,传达设计的力量。


相信种子,相信力量。

                         



蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~

希望得到建议咨询、商务合作,也请与我们联系。 



作者: 有道LCT设计团队  来源:站酷





分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。 



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

配色老被说不好看?这160种配色方案拿去用吧!

涛涛

颜色可以在很大程度上影响一件设计作品的调性和美观性,要想抓准一件设计作品的调性,选择一个合适的色彩搭配组合尤为关键,为此,葱爷花两天时间整理了19大设计调性,多达160种配色方案,赶紧收藏起来以备不时之需吧。


1. 高端


视觉调性高端的色彩,通常具有明度低、饱和度低、颜色数量少等特点,所以很多高端的设计都会以深色作为背景色,因为深色更显低调、更具神秘感,所以给人的感觉更高贵。然后以亚金色、银色、桔红色、白色等作为辅助色。


2.科技


想要表现科技感,色彩的整体调性通常会偏冷色系,明暗对比要强,且通常会使用渐变色。比如以深蓝色到蓝色的渐变作为背景色,然后用高饱和度、高亮度的青色和紫色作为辅助色,这时这些辅助色就会非常的跳跃,具有一种发光的效果。


3.时尚

其实所有调性的配色都应该要尽量时尚一点,即使是想表现复古,也不能太土,所以这里所说的时尚特指偏向年轻、潮流的时尚。这种色彩通常具有饱和度高、明度适中、色相对比较大等特点。葱爷这里概括了两类,一类是以纯色作为背景,这种色彩比较适合于品牌设计、网页设计、画册设计等;一类是以渐变色作为背景,这种色彩比较适合于电商设计、广告设计等。


4.酷炫

酷炫是指那种视觉效果特别张扬、甚至是极具个性的色彩搭配,比如近几年比较火的蒸汽波风格、酸性风格、赛博朋克风格、故障风格,其色彩就属于酷炫类的。该类设计通常也是以深色作为背景,图片元素会使用高饱和度且对比很强的渐变色,色彩相对较多。


5.好吃


即让人感觉很有食欲的色彩搭配,这种色彩通常以暖色为主,比如红色、橙色、黄色。饱和度较高、明度较低的组合方式通常用于餐饮行业;而饱和度较低、明度较高的色彩组合通常用于甜点、饮料等行业。


6.夏天


目前正值火热的夏季,所以葱爷专门整理了一些适合表现夏季的好看色彩,该类色彩通常会以蓝色、青色、绿色这种冷色系最为主要颜色,然后以黄色或红色、白色作为辅助色,这种色彩组合会给人清凉、快乐的感觉。


7.清新


小清新的视觉感受为轻松、柔和、淡雅,要达到这样的效果,颜色的明度通常是比较高的,饱和度偏低,常用的颜色有浅青色、浅绿色、浅黄色、粉红色等,在奶茶、女性护肤品的相关设计中比较常见。


8.快乐

快乐是张扬的、是活泼的,所以快乐的色彩饱和度较高、明度不会太低、色彩的种类会比较多,通常也是以暖色为主,但是会搭配冷色一起使用。黄色具有很强的快乐、阳光属性,所以想要表达快乐,黄色通常是少不了的。

9.可爱


跟儿童、年轻女性相关的设计,通常需要表现出可爱的调性,这类色彩通常是用冷色和暖色相互组合,颜色的明度同样不会太低,否则会有压抑的感觉,另外饱和度也不要过高,饱和度稍低一点效果会更柔和一些。


10.健康


想到健康我们立马就会想蓝天白云、青山、绿色的草地和树叶,还有黄色的小野花等等,所以蓝色、绿色、青色、黄色、白色都是常用于表现健康的色彩,红色也可以偶尔作为点缀色加进来。由于健康的调性也是要给人一种舒适、轻松的感觉,所以整体的颜色明度不要太低。


11.运动


要想让色彩动起来,对比一定要强,可以是色相对比、也可以是明度对比和饱和度对比。橙色和黄色是两个很具活力的的颜色,所以常用于表现运动的设计里。

12.科幻


这是一些科幻电影、机动游戏的海报设计常用的色彩搭配组合,给人的视觉感受是稳重而大气,科技感和神秘感并存,所以背景色通常也比较暗,喜欢用青色和黄色这种比较亮的颜色作为点缀。

13.喜庆



在设计节日海报或促销海报时,通常需要表现出喜庆的调性,有些设计师会局限在大红色、黄色、和橙色里,这样搭配出来的色彩容易土,而想要解决这个问题,一方面可以加入冷色搭配使用,另一方面颜色的饱和度和亮度也不要过高。


14.复古


这类色彩的特点是颜色的饱和度会相对低一点,而且大多数情况下,整体的明度通常也不会太高,常用类比色搭配和对比色搭配。

15.中国风


具有中国风特色的颜色和色彩组合有很多,葱爷这里仅列举了8个组合。这类色彩同样饱和度不会达到最高,有点复古和充满文化气息的感觉。胭脂(暗红色)、缃色(中黄)、绀青(深蓝色)、黛(褐色)等是中国风常用的颜色。


16.梦幻


梦幻具有奇妙和神秘的感觉,好像在黑暗中找到了一点曙光,奇遇了惊喜一般,所以大多数情况下,背景色会使用从深色到亮色的渐变。颜色相对会比较丰富,而且以渐变色居多。


17.女性


女性是温柔的,是感性的,所以该类色彩组合通常为类比色,偶尔会用一点对比色作为点缀,以增加画面的活泼气息,颜色的明度和饱和度都不能太低,当然饱和度最好也不要过高,粉色、紫色是常用于表现女性的色彩。

18.优雅


优雅可以理解为低调、高级、温和、安静,所以这类色彩的对比通常不会太强,饱和度也会比较低,整体的色彩调性会偏中性,常用卡其色、麻色,还有单色组合及类比色组合。


19.经典色彩组合

除了以上十八大调性,葱爷还给大家推荐一些经典的配色,很难把它们具体归为哪一类,但是我们在做很多设计时,用上这种配色总能得到不错的效果,比如红黄黑、红白蓝、黄绿黑、等等,在很多平面海报设计中经常能看到。


以上所列举的色彩组合,矩形色块为背景色,圆形色块为画面中图片元素或文字使用的颜色。根据需要可以把其中的某些纯色转变为单色渐变,或者也可以把某些单色渐变转化为纯色。另外,在不包含黑白灰的色彩组合里,仍可以根据需要自行加入黑白灰,比如用于填充文字的颜色。

当然,能体现以上这些调性的颜色还有很多,大家可以自行补充,建立起自己的色库。


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~
希望得到建议咨询、商务合作,也请与我们联系。 

作者:葱爷   来源:站酷


分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。 

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

8个立马提升设计感的画册标题排版技巧

涛涛

标题排版在画册设计中有着很关键的作用,标题排得好可以让整个版面的气质提升不少,反之亦然,而很多设计师在排画册的标题时,通常都是单纯选择一个笔画较粗的字体,把字号拉大与正文对齐,这种标题的排版太过常规,容易导致整个版面缺乏设计感,比如下图。

其实画册的标题也能排出许多新意,本篇文章,葱爷来给大家分享几个可以给画册设计加分的标题排版技巧。

01.描边字错位组合

上图是某院校招生画册的“学院简介”排版,由于太过讲究对齐,缺少变化,所以显得不够灵活,我们可以把标题的中英文词汇拆开进行错位排版,错位时要注意左右的平衡,另外,三行错位比起两行错位的变化会更丰富一些。

单纯只是做错位处理,效果并不怎么好,因为没有层级关系,所以可以再加上字号大小的变化,突出重点词汇,弱化次要词汇。

这样层级丰富多了,但是众多很粗很黑的字体挤在一起略显压抑,把其中部分词汇改成描边后,整体就变得更透气、更有设计感一些了,注意描边要细一点,以避免描边的笔画重叠在一起影响识别性和美观性。

标题排好以后,再根据标题调整一下内文、页眉、页码的排版,内文通常会对齐标题中的某个字词,但一边对齐就好,不需要两端都对齐,页眉、页码可以作为装饰来排版,填充一点颜色可以让版面变得更活跃。


02.彩色标题叠加灰色图片

还是拿前面的那个案例举例,把学校图片换成一张没有去底的矩形照片,然后把它处理成黑白色照,移动至版面上方,标题使用蓝色压住图片的左上角,这时标题就不是孤立的几行文字了,而是与图片形成了一个整体,这种排版方式在网页设计中比较常见,用于画册的标题排版,效果也是很不错的。

图片做出血处理显得更大气,左下角的页码与标题左对齐,可以加强版面的整体性和关联性。

3.手写体搭配黑体

同一个标题我们通常只会使用一种字体(不包括英文),但有时候也可以试试用两种字体搭配来使用,比如手写字体搭配无衬线字体,这两种字体在风格上完全不一样,对比非常强烈,能够给版面带来新意。

由于该中文标题过于简短,所以搭配上英文会更丰富一些。

正文刻意与标题进行了错位排版,当然,同时也保持着某些对齐关系,图片的排版同样如此,与正文错位,但与标题左对齐,整个版面既灵活又很有序,符合学校画册的调性。

04.文字叠加色块

加色块是标题设计中常用的手法,但如果只是用一个色块把标题包住,那么效果是比较普通的,很容易像促销折页的做法。所以我们可以只把色块作为标题的一个装饰元素,用一个小小的色块放在标题后面,使其视觉上更丰富、更突出。

图片的刻意错位很关键,如果图片与正文两端对齐,那么英文标题、正文、图片、页码都是沿着一条直线对齐的,整个版面就会变得生硬很多。

文字加色块还有另一种效果也不错,即把文字色块合并在一起做成补丁效果,首先把文字错位排版,然后分别给每一行文字加一个色块把文字框住,色块与色块上下相连。

搭配上序号和英文标题,丰富标题的对比关系,使其更美观、更有设计感,色块可以根据需求适当超出文字的长度。

正文的排版我做了一点改变,把第一段单独拿出来作为引文使用,刚好这段文字在内容上也正好是起到提前说明的作用,这样处理后这个版面也变得有了一些新意,标题十分显目。

05.手写体跨版

在画册设计对于有些版面,可以排得大气一点,比如把原本可以1P排完的内容排成一个跨P,这时标题也可以拉大跨版排列,这种做法可以加强文字的大小对比,也会有更多留白空间。


为什么用手写体呢?宋体和黑体不行吗?其实也可以,不过由于汉字的笔画比较复杂,宋体和黑体又比较方正,所以拉太大排列时会显得不够灵活,如果是英文则会好一些,所以在排版的时候我还做了了倾斜与裁剪处理,并且搭配了英文进行错位排版,不然会显得过于单调。

06.标题与正文左右排版

在竖版的画册中,我们通常喜欢把标题排在正文的上方,而如果把标题与正文左右摆放,那么又会有种不一样的感觉。

但不要把标题与正文水平对齐,那样的话标题的空间就过小了,会显得很压抑,而是要把标题放在正文的左上方,并保持某些对齐关系。

如果把这种排版方式看成是分栏网格,那么它属于不对称网格,即正文栏应该比标题栏更大一些,以保证有足够大的空间排列正文内容。标题栏可以有大量留白,页脚可以与标题形成呼应,丰富版面的细节。

07.扭曲标题

这种标题处理手法在海报设计中比较常见,其实国外很多画册也这么做,效果很酷,冲击力很强。

用中文来做这种效果行不行呢?也可以,不过不适合太严肃的画册,用在设计类和时尚类的画册中会比较合适,比如前面列举过的设计书籍的排版。

由于文字较多,所以进行分行错位处理,然后在顶部菜单栏中选择对象-封套扭曲-用网格建立,把网格参数设置为3行5列。

移动网格的锚点使文字呈波浪形,如下图。

拉拽锚点左右两边的手柄使波浪形变得柔和一点。

波浪效果做得差不多后,按快捷键E调出自由变换工具面板,并选择自由扭曲工具,把标题扭曲成如下效果。

再调整一下细节,然后把它放在版面中,把内容篇章的序号处理成描边样式与标题叠加在一起,可以起到装饰的作用。

扭曲的标题搭配上鲜艳一点的颜色,效果会更时尚,对于这种版面,正文也不要排得过于规矩,所以,我刻意把版面中的两张图片做了错位处理。

08.打散排列

通常我们会把标题文字集中排放,但对于设计和时尚类画册,我们可以打破传统的做法,把标题做适当的分散排版,效果也很不错,当然,标题文字如果太少就不合适了。

另外,为了使标题更特别 ,给文字加上下划线效果会更好,并且下划线可以根据需求适当延长,以加强这些分散文字的关联性,甚至还可以加上英文做装饰。

正文的排版与标题文字左右两端保持对齐。

结语

设计是一个不断尝试、调整的过程,排标题同样也是如此。另外,标题的排版固然是很重要的,但是想要整体效果得到比较大的改善,正文、图片、页眉、页脚、页码的配合也很重要,永远要把整体的大效果摆在第一位。


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~
希望得到建议咨询、商务合作,也请与我们联系。 

作者:葱爷   来源:站酷


分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。 

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

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档