APP设计盘点:全国哀悼日的氛围设计

访客4年前黑客工具494

APP设计盘点:全国哀悼日的氛围设计

谨以此文深切哀悼新冠疫情中牺牲烈士和逝世同胞。

向英雄致敬,向逝者致哀。

4月4日清明节,全国上下深切哀悼新冠疫情中牺牲的烈士和逝世的同胞。互联网厂商积极行动,通过多种形式营造哀悼氛围,缅怀逝者,展现了互联网平台的社会责任 。

其中设计形式主要包括三个方向:

APP设计盘点:全国哀悼日的氛围设计

我们结合案例,一起盘点下各大厂商的设计之道。

一、启动页

启动页一直是产品宣传、活动引导的重要页面。其优势在于可以整屏展现主题,情感表现更加直接,视觉冲击力更强。形式也相对灵活,可以采用静态图,也可以采用动态图。而缺点也较为明显,启动页停留时间较短,普遍只有3s-5s。因此无法承载更多内容。在设计表现上要求也更高,需要在极短的时间内抓住用户的视觉焦点,引起用户的情感共鸣。

1. 今日头条

今日头条启动页采用了两种启动页模式:动态图和静态图。

APP设计盘点:全国哀悼日的氛围设计

(左侧动态图,右侧静态图)

两者都采用了黑白主题氛围,营造出庄严肃穆的哀悼气氛。

动态图中“深切哀悼”简短有力的大号字表达出核心主题,很容易就引起用户的共鸣。配合下方的图片——风中摇曳的花朵,引导用户视线自上而下转移,最终定格在“悼念逝者”的链接上,吸引用户去点击查看主题内容。

静态图整体页面布局与动态图相似,通过图文结合的方式呈现主题,但整体上视觉重心更加靠下。为了弥补上方内容的缺失,增大了文案在画面中的比重。图片的核心内容是画面底部的白色花朵,引导用户的视线留意到屏幕底部,从而让用户感知到启动页的两大出品方——“央视新闻”和“今日头条”,强化了今日头条权威的品牌形象。

2. 考拉海购

APP设计盘点:全国哀悼日的氛围设计


考拉海购启动页,选取了蜡烛为主元素的背景图片,点点烛光寄托了对逝者的哀思。画面采用上下布局形式。竖排的文字,并且字号没有做大小区分,导致用户感觉文字特别多,而且普通用户不太适应竖排文字的阅读方式,在一定程度上影响了主题信息的传递效率。 3. 苏宁易购

APP设计盘点:全国哀悼日的氛围设计


苏宁易购启动页同样以蜡烛为情感元素,采用了彩色背景图片。上方是悼念主题,下方是品牌logo。黑白色块的巨大差异,让用户很清晰的感受到了内容信息分割。在一定程度上影响了哀悼氛围的营造。并且白色的品牌区域,更容易吸引用户的视觉焦点,在一定程度上削弱了背景图片的情感表现。 小结

启动页在设计时,一般需要通过文案和背景图相互配合来表达核心主题。文案需要简洁、易读,让用户能够快速了抓住核心内容。背景图需要准确切中主题,引起用户的情感共鸣。在强烈情感表达的场景下,尽量通过完整的画面内容营造沉浸式体验。

二、内容页

大多数APP主要的设计精力放在了页面设计中,内容页主要包括两种形式:

APP设计盘点:全国哀悼日的氛围设计

1. 今日头条

今日头条作为内容分发平台,既有图文信息,也有视频信息,为了更好地配合全国性的哀悼活动,营造活动氛围,需要从背景和内容两个层面上进行产品设计调整。

APP设计盘点:全国哀悼日的氛围设计

主要调整点:

1)APP头部背景由品牌色,调整为白色花朵背景图片。与启动页、悼念活动页面的背景图片元素保持一致,营造了统一的氛围;

2)首页框架元素及内容全部改为了灰色模式,例如底部导航,频道Tab标签,内容标题、图片等。其他频道页保留了原有的页面风格;

3)视频内容屏蔽。为了配合悼念活动,今日头条将放映厅中的内容都进行了屏蔽,改为了“深切哀悼”公告,既避免在悼念活动中出现敏感性差错,也明确告知了用户频道内容改变的原因;由于放映厅内容无法播放,导航中的icon单独进行了灰色处理,并未使用点亮状态。

2. ***

对电商平台而言,商品图片是用户购买交易的重要因素 ,为了保证用户的购物体验,商品图片依旧保持彩色模式。因此 *** 和天猫,更多的是在框架层面和首页进行了氛围营造。

*** 首页主要是对首屏内容进行了去色处理,悼念楼层放在了金刚区下方来增强活动氛围。

相关文章

2020,B站出圈势不可挡

2020,B站出圈势不可挡

B站为什么能够出圈,它做对了哪些事情、搭上了哪趟列车呢?本文从弹幕文化、社区文化、推荐机制和发展潮流等角度解析B站,思考B站的出圈过程。 提起B站,你会想起什么? 鬼畜社区?二次元社区?新年晚会?哔...

一篇文章讲透保单托管的设计开发

一篇文章讲透保单托管的设计开发

文章对保单托管的设计开发进行了梳理分析,希望通过此文能够加深你对保单托管的认识。 一、保单托管的意义 随着近年来中国保险业的蓬勃发展,人均保单数也呈上升趋势。尤其90后进入婚育高峰期使得这批人群逐渐...

经验分享 | 面试快手,我的准备和思考

经验分享 | 面试快手,我的准备和思考

作者分享了面试快手的准备工作,包括一些资料和自己的所思所想。并从快手和抖音的比较出发,对两者的产品定位进行了分析。 前天面试了快手的增长策略产品,面试体验与自我感觉都还不错。快手跟抖音作为短视频行业...

从一场战役说起,产品如何竞争突围?

从一场战役说起,产品如何竞争突围?

做出来一款成功的产品,是每个产品经理的梦想。但是很多时候,一款好的产品不一定会成功,产品的成功取决于很多因素,其中之一的重要因素就是竞争策略。 我们经常听到各种人在谈论竞争策略,那当我们谈论竞争策略...

脱离产品的运营推广都是耍流氓

脱离产品的运营推广都是耍流氓

产品与运营推广是相辅相成的,就像人的两只手,缺一不可。 运营和推广界限划分的并不是很清晰,我做运营多年,说是运营,其实做的也是推广的活。公司的获客、品牌曝光、用户转化都归到我这块来负责,正因为同时做...

用户签到功能优化竞品分析

用户签到功能优化竞品分析

一个好的用户成长体系能够提升用户的主动活跃,用户也可以从体系中获得成就感、兑换礼品等权益。对于平台讲,也有利于提高用户粘性和忠诚度。本次竞品分析将着重对几款主流新闻资讯APP的用户签到进行功能对比。...