专业的短链接生成工具
链接域名
短网址有效期
APP设计盘点：全国哀悼日的氛围设计
更新时间：2025-6-3 01:23:56 作者：爱短链
本文主要总结了如何营造哀悼氛围，以及不同形式的优缺点。
在新冠肺炎疫情中肺炎疫情中牺牲烈士和死亡同胞。
向英雄和死者致敬。
4月4日清明节，全国上下深切哀悼新冠肺炎疫情牺牲的烈士和死去的同胞。
互联网厂商积极行动，营造各种形式的哀悼氛围，缅怀死者，展现互联网平台的社会责任 。
设计形式主要包括三个方向： 结合案例，我们一起盘点各大厂商的设计方法。
一、启动页 启动页面一直是产品宣传和活动指导的重要页面。
其优点是可以在整个屏幕上展示主题，情感表现更直接，视觉冲击力更强。
形式也比较灵活，可以使用静态图或动态图。
缺点也很明显，启动页面停留时间短，一般只有3s-5s。
所以不能承载更多的内容。
对设计性能的要求也较高，需要在很短的时间内把握用户的视觉焦点，引起用户的情感共鸣。
1. 今日头条 今日头条启动页采用动态图和静态图两种启动页模式。
(左动态图，右静态图) 两者都以黑白为主题，营造出庄严肃穆的哀悼氛围。
动态图中的深切哀悼简短而有力的大号表达了核心主题，很容易引起用户的共鸣。
用下面的图片——风中摇曳的花朵，引导用户从上到下转移视线，最后冻结在哀悼死者的链接上，吸引用户点击查看主题内容。
静态图片的整体页面布局类似于动态图片，主题是通过图片和文本的结合来呈现的，但整体视觉重心更低。
为了弥补上述内容的不足，图片中文案的比例增加了。
图片的核心内容是图片底部的白色花朵，引导用户关注屏幕底部，让用户感受到启动页面的两个制片人——央视新闻和今日头条，加强了今日头条的权威品牌形象。
2. 考拉海购 考拉海上购物的启动页面选择了以蜡烛为主要元素的背景图片，点击烛光来表达对死者的哀悼。
图片采用上下布局的形式。
垂直排列的文本，大小没有区分，导致用户觉得文本特别多，普通用户不适应垂直排列文本的阅读方式，在一定程度上影响了主题信息的传输效率。
3. 苏宁易购 苏宁易购启动页也以蜡烛为情感元素，采用彩色背景图片。
上面是悼念主题，下面是品牌logo。
黑白块的巨大差异使用户能够清楚地感受到内容信息的分割。
它在一定程度上影响了哀悼氛围的营造。
白色品牌区更容易吸引用户的视觉焦点，在一定程度上削弱了背景图片的情感表现。
小结 在设计启动页面时，核心主题通常需要通过文案和背景图相互配合来表达。
文案需要简洁易读，让用户快速掌握核心内容。
背景图需要准确切入主题，引起用户的情感共鸣。
在情感表达强烈的场景中，尽量通过完整的图片内容创造身临其境的体验。
二、内容页 大多数APP页面设计的主要设计精力，主要包括两种形式： 1. 今日头条 作为内容分发平台，今日头条既有图形信息，也有视频信息。
为了更好地配合国家哀悼活动，营造活动氛围，需要从背景和内容两个层面进行产品设计调整。
主要调整点： 1）APP头部背景由品牌颜色调整为白色花卉背景图片。
与启动页面和哀悼活动页面的背景图片元素一致，营造统一氛围； 2)主页框架元素和内容都改为灰色模式，如底部导航、频道Tab标签、内容标题、图片等。
其它频道页面保留了原始的页面风格； 3)视频内容屏蔽。
为配合悼念活动，今日头条将放映厅内容屏蔽为深切哀悼公告，既避免了悼念活动中的敏感错误，又明确告知了用户频道内容变化的原因；由于放映厅内容无法播放，导航icon灰色单独处理，不使用照明状态。
2. 淘宝 对于电子商务平台来说，商品图片是用户购买交易的重要因素 ，为了保证用户的购物体验，商品图片仍然保持着彩色模式。
因此，淘宝和天猫在框架层面和主页上营造了更多的氛围。
淘宝首页主要去色首屏内容，金刚区下方放置哀悼楼层，增强活动氛围。
淘宝频道页最大限度地保留了原有的设计色彩，只修改了头部的背景色，保证了用户的购物体验。
3. 天猫 天猫和淘宝都是阿里巴巴产品，活动氛围也以哀悼楼层的形式突出。
天猫的变化集中在框架页面上，包括页面头部的背景颜色和底部的导航栏。
商品图片保持了原来的颜色模式。
哀悼楼层放置在Banner区下方。
4. 京东 京东还专注于框架层，但颜色调整面积较大，底部导航栏也进行着色处理。
同时，京东在标题栏滚动广告空间增加了记住哀悼指导信息，并专门设计了登陆页面。
(JD.COM及落地页) 与主页的深度处理相比，京东频道页面的氛围面积明显减少（类似于淘宝主页处理），对非商品内容进行着色处理，确保用户的基本购物体验。
(京东频道页截图) 5. 拼多多 在正常情况下，拼多多的界面背景颜色是白色的。
为了加强活动氛围，拼多多故意加重背景颜色，顶部标题栏和底部导航栏变成了深色背景。
在金刚区褪色后，它被削弱了。
通过哀悼信息Banner区域广告空间的形式不仅突出了哀悼的主题，而且避免了常住楼层给用户带来的心理不适。
(左正常状态截图，右哀悼活动截图) 小结 总的来说，我认为京东的表现形式更加灵活。
通过分层显示，更好地营造氛围，避免对用户购物体验的干扰。
用户可以根据自己的情绪需要查看相应的信息。
虽然淘宝和天猫以哀悼楼层的形式表达了更强烈的哀悼，但情绪过于沉重。
与上下文内容的强烈对比可能会让用户在购物时感到不舒服。
三、细节设计 部分APP在渲染氛围的同时，还设计了一些细节。
例如，爱奇艺和微博重新设计了底部导航栏的关键图标。
爱奇艺将VIP会员改为全国哀悼。
微博将发现频道图标改为蜡烛，也给用户带来了鲜明的体验感知，信息传递更加细腻，印象更加深刻。
(左爱奇艺截图，右微博截图) 脉搏作为一个主题应用程序，专门开放了活动页面。
一方面，它给了用户情感发泄的出口，另一方面，哀悼活动的设计也会激发用户的表达欲望，从而增加用户的活动。
四、产品迭代 为了配合整体活动过程，产品可能有相应的迭代策略能有相应的迭代策略（个人猜测），以配合整体活动过程。
以下是支付宝、拼多多、美团、早上7点和晚上10点的截图差异，请进行详细的产品。
(支付宝截图) (拼多多截图) (美团截图) 从图中可以看出，三个应用程序在早上或多或少增加了一些仪式气氛，但并不强烈。
晚上发生了明显的变化，具体的变化是什么时候发生的。
根据我个人的推测，虽然哀悼活动是全国性的，但由于情感太强烈，它会对用户的心理和使用习惯产生一定的影响。
为了尽可能减少影响，主要制造商采用了相应的氛围。
如果你知道内部情况，你可以留言告诉你~，谢谢。
五、总结 设计策略必须与产品定位一致。
例如，作为一种社交工具，微信的个人属性更为明显。
因此，不应推广和展示哀悼活动。
平台产品可以进行一定的仪式设计，营造活动氛围； 启动页面可以作为一种重要的氛围渲染方式。
一方面，它可以通过强烈的设计激发用户的情感共鸣，而不会使用用户APP影响很大。
但在设计中，文案和背景图需要精炼，才能有效触及用户的情感体验点； 内容页面中的情感表达可以通过多种方式营造氛围，但也要考虑人们的接受度。
哀悼可以根据产品定位分层表达，避免对用户造成心理负担； 通常，主页作为用户接触率最高的页面，是情感渲染最重的页面，其他频道页面可以适当削弱氛围设计，确保用户体验； 作者:子牧先生，微信官方账号:子牧设计笔谈（HelloDesign）。
电子商务体验设计师具有丰富的设计经验，跨越信息通信、电力、证券、电子商务等领域。
特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营伙伴提供便利。
本网站收集的公共内容来自互联网或用户的贡献，这并不意味着本网站同意其观点，也不对网站内容的真实性负责。
如有侵权行为，请联系网站管理员删除，。
在新冠肺炎疫情中肺炎疫情中牺牲烈士和死亡同胞。
向英雄和死者致敬。
4月4日清明节，全国上下深切哀悼新冠肺炎疫情牺牲的烈士和死去的同胞。
互联网厂商积极行动，营造各种形式的哀悼氛围，缅怀死者，展现互联网平台的社会责任 。
设计形式主要包括三个方向： 结合案例，我们一起盘点各大厂商的设计方法。
一、启动页 启动页面一直是产品宣传和活动指导的重要页面。
其优点是可以在整个屏幕上展示主题，情感表现更直接，视觉冲击力更强。
形式也比较灵活，可以使用静态图或动态图。
缺点也很明显，启动页面停留时间短，一般只有3s-5s。
所以不能承载更多的内容。
对设计性能的要求也较高，需要在很短的时间内把握用户的视觉焦点，引起用户的情感共鸣。
1. 今日头条 今日头条启动页采用动态图和静态图两种启动页模式。
(左动态图，右静态图) 两者都以黑白为主题，营造出庄严肃穆的哀悼氛围。
动态图中的深切哀悼简短而有力的大号表达了核心主题，很容易引起用户的共鸣。
用下面的图片——风中摇曳的花朵，引导用户从上到下转移视线，最后冻结在哀悼死者的链接上，吸引用户点击查看主题内容。
静态图片的整体页面布局类似于动态图片，主题是通过图片和文本的结合来呈现的，但整体视觉重心更低。
为了弥补上述内容的不足，图片中文案的比例增加了。
图片的核心内容是图片底部的白色花朵，引导用户关注屏幕底部，让用户感受到启动页面的两个制片人——央视新闻和今日头条，加强了今日头条的权威品牌形象。
2. 考拉海购 考拉海上购物的启动页面选择了以蜡烛为主要元素的背景图片，点击烛光来表达对死者的哀悼。
图片采用上下布局的形式。
垂直排列的文本，大小没有区分，导致用户觉得文本特别多，普通用户不适应垂直排列文本的阅读方式，在一定程度上影响了主题信息的传输效率。
3. 苏宁易购 苏宁易购启动页也以蜡烛为情感元素，采用彩色背景图片。
上面是悼念主题，下面是品牌logo。
黑白块的巨大差异使用户能够清楚地感受到内容信息的分割。
它在一定程度上影响了哀悼氛围的营造。
白色品牌区更容易吸引用户的视觉焦点，在一定程度上削弱了背景图片的情感表现。
小结 在设计启动页面时，核心主题通常需要通过文案和背景图相互配合来表达。
文案需要简洁易读，让用户快速掌握核心内容。
背景图需要准确切入主题，引起用户的情感共鸣。
在情感表达强烈的场景中，尽量通过完整的图片内容创造身临其境的体验。
二、内容页 大多数APP页面设计的主要设计精力，主要包括两种形式： 1. 今日头条 作为内容分发平台，今日头条既有图形信息，也有视频信息。
为了更好地配合国家哀悼活动，营造活动氛围，需要从背景和内容两个层面进行产品设计调整。
主要调整点： 1）APP头部背景由品牌颜色调整为白色花卉背景图片。
与启动页面和哀悼活动页面的背景图片元素一致，营造统一氛围； 2)主页框架元素和内容都改为灰色模式，如底部导航、频道Tab标签、内容标题、图片等。
其它频道页面保留了原始的页面风格； 3)视频内容屏蔽。
为配合悼念活动，今日头条将放映厅内容屏蔽为深切哀悼公告，既避免了悼念活动中的敏感错误，又明确告知了用户频道内容变化的原因；由于放映厅内容无法播放，导航icon灰色单独处理，不使用照明状态。
2. 淘宝 对于电子商务平台来说，商品图片是用户购买交易的重要因素 ，为了保证用户的购物体验，商品图片仍然保持着彩色模式。
因此，淘宝和天猫在框架层面和主页上营造了更多的氛围。
淘宝首页主要去色首屏内容，金刚区下方放置哀悼楼层，增强活动氛围。
淘宝频道页最大限度地保留了原有的设计色彩，只修改了头部的背景色，保证了用户的购物体验。
3. 天猫 天猫和淘宝都是阿里巴巴产品，活动氛围也以哀悼楼层的形式突出。
天猫的变化集中在框架页面上，包括页面头部的背景颜色和底部的导航栏。
商品图片保持了原来的颜色模式。
哀悼楼层放置在Banner区下方。
4. 京东 京东还专注于框架层，但颜色调整面积较大，底部导航栏也进行着色处理。
同时，京东在标题栏滚动广告空间增加了记住哀悼指导信息，并专门设计了登陆页面。
(JD.COM及落地页) 与主页的深度处理相比，京东频道页面的氛围面积明显减少（类似于淘宝主页处理），对非商品内容进行着色处理，确保用户的基本购物体验。
(京东频道页截图) 5. 拼多多 在正常情况下，拼多多的界面背景颜色是白色的。
为了加强活动氛围，拼多多故意加重背景颜色，顶部标题栏和底部导航栏变成了深色背景。
在金刚区褪色后，它被削弱了。
通过哀悼信息Banner区域广告空间的形式不仅突出了哀悼的主题，而且避免了常住楼层给用户带来的心理不适。
(左正常状态截图，右哀悼活动截图) 小结 总的来说，我认为京东的表现形式更加灵活。
通过分层显示，更好地营造氛围，避免对用户购物体验的干扰。
用户可以根据自己的情绪需要查看相应的信息。
虽然淘宝和天猫以哀悼楼层的形式表达了更强烈的哀悼，但情绪过于沉重。
与上下文内容的强烈对比可能会让用户在购物时感到不舒服。
三、细节设计 部分APP在渲染氛围的同时，还设计了一些细节。
例如，爱奇艺和微博重新设计了底部导航栏的关键图标。
爱奇艺将VIP会员改为全国哀悼。
微博将发现频道图标改为蜡烛，也给用户带来了鲜明的体验感知，信息传递更加细腻，印象更加深刻。
(左爱奇艺截图，右微博截图) 脉搏作为一个主题应用程序，专门开放了活动页面。
一方面，它给了用户情感发泄的出口，另一方面，哀悼活动的设计也会激发用户的表达欲望，从而增加用户的活动。
四、产品迭代 为了配合整体活动过程，产品可能有相应的迭代策略能有相应的迭代策略（个人猜测），以配合整体活动过程。
以下是支付宝、拼多多、美团、早上7点和晚上10点的截图差异，请进行详细的产品。
(支付宝截图) (拼多多截图) (美团截图) 从图中可以看出，三个应用程序在早上或多或少增加了一些仪式气氛，但并不强烈。
晚上发生了明显的变化，具体的变化是什么时候发生的。
根据我个人的推测，虽然哀悼活动是全国性的，但由于情感太强烈，它会对用户的心理和使用习惯产生一定的影响。
为了尽可能减少影响，主要制造商采用了相应的氛围。
如果你知道内部情况，你可以留言告诉你~，谢谢。
五、总结 设计策略必须与产品定位一致。
例如，作为一种社交工具，微信的个人属性更为明显。
因此，不应推广和展示哀悼活动。
平台产品可以进行一定的仪式设计，营造活动氛围； 启动页面可以作为一种重要的氛围渲染方式。
一方面，它可以通过强烈的设计激发用户的情感共鸣，而不会使用用户APP影响很大。
但在设计中，文案和背景图需要精炼，才能有效触及用户的情感体验点； 内容页面中的情感表达可以通过多种方式营造氛围，但也要考虑人们的接受度。
哀悼可以根据产品定位分层表达，避免对用户造成心理负担； 通常，主页作为用户接触率最高的页面，是情感渲染最重的页面，其他频道页面可以适当削弱氛围设计，确保用户体验； 作者:子牧先生，微信官方账号:子牧设计笔谈（HelloDesign）。
电子商务体验设计师具有丰富的设计经验，跨越信息通信、电力、证券、电子商务等领域。
特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营伙伴提供便利。
本网站收集的公共内容来自互联网或用户的贡献，这并不意味着本网站同意其观点，也不对网站内容的真实性负责。
如有侵权行为，请联系网站管理员删除，。
