扫描二维码 上传二维码
域名商店
选择防红平台类型,避免链接被拦截
选择允许访问的平台类型

全国哀悼日,APP们如何用设计表达哀思

那个春天的灰色记忆,对很多互联网人来说,不只是一次集体悼念,也是一场无声的设计大考。

2020年4月4日,清明节,全国深切哀悼新冠肺炎疫情中牺牲的烈士和逝世的同胞,娱乐活动叫停,各大应用几乎在一夜之间褪去了颜色。如今回过头看,那一屏屏的黑白、那一支支蜡烛、那一行行简短的文字,背后藏着许多值得细品的思考。互联网厂商们用各自的方式缅怀逝者、致敬英雄,也用设计承担起了该有的社会责任。这些尝试,有让人拍案的地方,也有值得商榷的细节。

最先闯入视线的,往往是启动页。它就像App的“开场白”,全屏展示,视觉冲击力强,情绪传递也最直接。形式很灵活,可以放静态图,也可以用几秒的动态画面。但缺点同样明显——停留时间实在太短,三五秒一闪而过,留不住太多内容。这对设计的要求就变得很高:必须在极短的时间内抓住用户的视觉焦点,唤起情感共鸣,几乎没有试错的空间。

今日头条的启动页处理得相当老练。它同时用了动态图和静态图两种模式,都以黑白为主色调,营造出肃穆的氛围。动态图里,“深切哀悼”四个字简短有力,字号很大,第一时间就抓住了主题。随后画面中风中摇曳的花朵,很自然地把视线从上往下引导,最后定格在“哀悼逝者”的链接上,吸引用户点击进去看专题。静态图的结构和动态图类似,但重心更低,底部白色花朵成为核心元素,旁边配上文案,同时露出“央视新闻”和“今日头条”的标识。这个细节很聪明,既补足了静态图没法用动态引导的短板,又不动声色地强化了品牌与权威新闻源的关联。



考拉海购走的也是蜡烛路线,背景图以烛光为主,用户还可以点击蜡烛表达哀思,交互上多了一层参与感。但它在排版上出现了一个比较明显的问题:文案全部竖排,而且字号大小没有区分,用户一眼扫过去会觉得文字特别密。竖排阅读本来就不太符合大多数人的习惯,再加上没有层次变化,信息传递的效率打了折扣,主题的感染力多少被削弱了。

苏宁易购同样是蜡烛元素,背景却用了彩色图。上半部分是悼念主题,下半部分是个醒目的白色品牌logo,一整块黑白分明。这种处理让页面在视觉上直接裂成了两块,白色区域过于抢眼,用户很容易被logo吸引走,背景图想要营造的那种哀伤氛围,反而被冲淡了。启动页说到底,还是需要文案和背景图相互成全——文案精炼易读,图能准确切入情绪,最好用完整的画面营造一种沉浸感,而不是让它被人为割裂。

如果说启动页是快速的情绪点燃,那么内容页才是真正考验平衡能力的地方。用户要在这里长时间停留,氛围太淡,没法传递敬意;氛围太浓,又可能干扰正常使用,甚至带来心理负担。尤其是电商平台,商品图片本身就是交易的命脉,没法儿全去色,处理起来就更纠结。

今日头条作为内容分发平台,动静很大。它从头部背景开始动手,把品牌色换成了白色花卉图,和启动页、哀悼活动页的背景元素保持一致,整体感很强。再往下,底部导航、频道标签、内容标题、图片全部变成了灰色模式,只有其他频道页还保留着原来的风格。最彻底的是,它直接把放映厅的视频内容屏蔽了,换成一张“深切哀悼”的公告。这样既避免了哀悼日里出现娱乐内容的风险,又清楚地告诉用户为什么看不了。因为内容没了,导航上的放映厅icon也单独做了灰色处理,没用点亮状态,细节很到位。

电商平台就不一样了。淘宝首页首屏去色,金刚区下方放了一个哀悼楼层,但商品图片依然保持彩色,因为没法想象用户对着黑白图片决定买不买。频道页就克制多了,只改了头部背景色,其余基本不动,最大程度保证购物体验。天猫的思路和淘宝类似,也是用哀悼楼层来突出主题,改动集中在框架层,比如页面头部背景色和底部导航栏变色,商品图片原样保留。这种做法的好处是主题明确,但强烈的色彩对比——上方黑白灰,下方五彩斑斓的商品——可能会让一部分用户在购物时感觉不大舒服,情绪上有点跳脱。



京东的处理,我觉得是几家里比较灵活的。框架层改动面积比淘宝天猫都大,底部导航栏也做了着色,同时标题栏的滚动广告位里加入了“记住哀悼”的引导信息,还专门设计了一个落地页。频道页呢,只对非商品内容去色,商品图不变,氛围面积明显收窄,既表达了哀悼,又没有把沉重感铺满整个浏览路径。这种分层显示的方式,让用户在首屏感受到仪式感,深入逛的时候又不会被一直提醒,情绪可以自己选择。

拼多多的做法也值得一说。它平时界面背景是白色的,为了强化活动氛围,特意加重了背景色,顶部标题栏和底部导航栏都变成了深色,金刚区去色之后被弱化,然后用Banner的形式传递哀悼信息。这样既突出了主题,又比常驻楼层更灵活,不会让用户在浏览过程中持续感到心理压力,是另一种聪明的平衡。



除了这些大框架的调整,还有一些细节设计,特别能看出一家产品的用心程度。爱奇艺把底部导航栏里的“VIP会员”直接改成了“全国哀悼”,微博把发现频道图标换成了一支蜡烛,脉脉专门开辟了活动页面,让用户有一个表达情感的出口,同时也激发了用户的表达欲,间接提升了活跃度。这些细节看起来很小,但传递出来的信息更细腻,也更容易让人记住。

还有一个有意思的观察。那天我特意对比了支付宝、拼多多和美团在早上7点和晚上10点的截图,差异很明显。早上多少有点仪式感,但不强烈,到了晚上,压抑的氛围一下子浓了不少。具体什么时候发生的变化,可能只有内部才知道。我个人的猜测是,虽然哀悼是全国性的活动,但情感太强烈,如果从早到晚都维持高强度的氛围,会对用户心理和使用习惯产生比较大的冲击。所以厂商们可能采用了逐步释放或者分时段加强的策略,在不影响大多数用户日常使用的前提下,在情绪更容易被触动的晚间时段,把氛围感拉满。当然,这只是推测,如果有知道内情的朋友,很欢迎来聊聊。

回过头来看,这些设计背后其实有一条很清晰的逻辑:策略必须紧紧围绕产品定位。微信作为个人社交工具,就不适合去强推哀悼活动,否则反而像是一种打扰。而平台型、内容型产品,则有空间去做一定的仪式感设计。启动页是很好的渲染窗口,强烈的视觉能在短时间内激发情感共鸣,又不会对后面的使用造成太大影响,但前提是文案和背景图必须精炼,能一击即中。内容页的情感表达可以分层,用户接触最多的首页,往往是情绪渲染最重的地方,其他频道页适当弱化,避免变成情感负担。特别是电商平台,在框架层用色和去色之间找到平衡,像京东那样让用户自己选择深入还是跳过,可能比直接铺满一整屏的灰色要更舒服一些。

说到底,那一天的哀悼设计,是一场情感与理性的博弈。既要传递温度,也得尊重用户;既要庄重,也得克制。那些在启动页里轻轻摇曳的花,在导航栏上悄悄亮起的蜡烛,在深夜悄悄变深的背景色,都在告诉我们:好的设计,从来不是用力过猛,而是恰到好处。