如何設(shè)計(jì)悼念緬懷相關(guān)的網(wǎng)頁(yè)？本文用大量案例，總結(jié)了7個(gè)做好悼念緬懷網(wǎng)頁(yè)的技巧。

相關(guān)閱讀：

今年九月，英女王伊麗莎白二世逝世，這不僅在英國(guó)是新聞，在國(guó)際，也是一樁大新聞。這位女王在位的時(shí)間超過(guò) 70 年，一生中獲得了許多崇拜者，可以說(shuō)得上是英國(guó)的文化象征了。官方新聞報(bào)道以后，英國(guó)人民也開(kāi)始用他們自己的方式哀悼緬懷這位傳奇領(lǐng)袖。

人類之所以與其他生物不一樣，是因?yàn)槲覀円涣?、討論社?huì)事件去傳達(dá)信息、情感，而不是單純滿足于原始欲望。除了簡(jiǎn)單的文字交流以外，事物的意義和象征意義，在不同時(shí)代都有所不同。

誠(chéng)然，人固有一死，在大多數(shù)文化中，一個(gè)人生命的結(jié)束，都會(huì)以葬禮作為真正的句號(hào)。隨著時(shí)代的發(fā)展，人們表達(dá)哀思的方式也變得多樣化起來(lái)，葬禮上的鮮花和致悼詞，印刷出來(lái)的報(bào)紙，廣播里聽(tīng)到的聲音，再到數(shù)字媒體，這些媒介無(wú)一不在闡述著 UX / UI 的重要性。

互聯(lián)網(wǎng)時(shí)代，不管是哪一個(gè)主體，每當(dāng)有受人尊敬的人物離世或者是重大歷史事件的特殊日子，社交媒體平臺(tái)，都會(huì)有一點(diǎn)變化，比如國(guó)家公祭日當(dāng)天，幾乎所有平臺(tái)都會(huì)將首頁(yè)設(shè)置成黑白。

那么作為設(shè)計(jì)師或者是運(yùn)營(yíng)方，可能需要考慮的問(wèn)題是，這些“哀悼”、“致敬”的情緒，是不是如此表達(dá)就可以了呢？只有首頁(yè)做改變會(huì)不會(huì)被人詬病呢？那么這種沉默的悼念要維持多久呢？畢竟沒(méi)有任何一個(gè)公司 / 組織想要變成箭靶，被標(biāo)上“什么都沒(méi)做”或者是“做得太過(guò)了”的標(biāo)簽。

今天，就著這個(gè)話題，我們就來(lái)談?wù)?，?a href="http://76r.com.cn/tag/%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c" class="tag_a" target="_blank">用戶體驗(yàn)中如何表達(dá)哀思緬懷才是恰到好處的。

一、真誠(chéng)點(diǎn)，切勿流于形式

英國(guó)人在致敬英女王的時(shí)候，不管是街頭巷尾的物料，還是網(wǎng)絡(luò)搜索引擎和社交平臺(tái)，從看手機(jī)到逛超市，都讓人時(shí)刻沉浸在哀思緬懷的氛圍當(dāng)中。

這種行為往往是自發(fā)的，畢竟嚴(yán)格意義來(lái)說(shuō)，并沒(méi)有硬性的規(guī)定，大家必須做，所以有一些小公司，往往不會(huì)參與在其中。而有些公司做了一些改變，在他們的頁(yè)面當(dāng)中插入了橫幅，表達(dá)敬意。但這又略顯敷衍，因?yàn)闆](méi)有一種整體感，打破了頁(yè)面中其他元素的閱讀性，其他功能性的區(qū)域也沒(méi)有顏色變化。

當(dāng)代網(wǎng)民也不是這么容易被糊弄的，平臺(tái)是否有誠(chéng)意做這件事，其實(shí)是能夠被感受到的。這種特殊時(shí)期的頁(yè)面，應(yīng)該提前做一些預(yù)設(shè)，比如黑白組件，以便于需要的時(shí)候能夠馬上激活使用。像是上圖的右方，整個(gè)網(wǎng)站的頁(yè)面都設(shè)置了黑白，不管是圖片還是文字。

要做，就要做好，臨時(shí)抱佛腳倒也大可不必！

二、不一定只用黑色

為什么大部分文化當(dāng)中，黑色都被默認(rèn)為是死亡的顏色，至今也沒(méi)有什么特別精準(zhǔn)的解釋 / 典故。不過(guò)既然是約定俗成，那么營(yíng)造“致敬”氛圍，用黑色，是一個(gè)不會(huì)出錯(cuò)的選擇。

同時(shí)，黑色又是一個(gè)萬(wàn)能的顏色。從灰度的變化，黑白插圖，再到 LOGO，都離不開(kāi)黑色。

上圖兩個(gè)案例，都展現(xiàn)了致敬與哀思，但是運(yùn)用的顏色卻不一樣。右邊使用了金褐色調(diào)的文字，來(lái)表達(dá)對(duì)英女王輝煌過(guò)去的回憶，選用的肖像也沒(méi)有處理成黑白。

所以不一定只用黑色，關(guān)鍵是需要考慮色彩的平衡和數(shù)量，也不要硬套公司的識(shí)別色彩，否則就變成為了推廣自己而硬蹭熱點(diǎn)。

三、不能忽略文字的力量

言語(yǔ)的力量不可忽視，尤其是在莊嚴(yán)的場(chǎng)合，人們能從說(shuō)話人語(yǔ)氣里感受到發(fā)自內(nèi)心的真誠(chéng)。而書面文字也一樣，我們中國(guó)也有一句“見(jiàn)字如面”來(lái)表達(dá)文字的重要性。

不過(guò)網(wǎng)站或者是社交平臺(tái)不像信件和博客，沒(méi)辦法只展示這些情緒，它是通向不同功能的入口。人們?yōu)g覽網(wǎng)站，需要從中獲取有效的信息，或許是購(gòu)物詳情，或許是企業(yè)年報(bào)，也可能是公交運(yùn)營(yíng)時(shí)刻表。所以社交平臺(tái)、功能網(wǎng)站，還是需要保留與用戶相關(guān)的實(shí)用信息 / 功能。

英女王國(guó)葬日當(dāng)天為假期，不少企業(yè)的業(yè)務(wù)和商店都會(huì)暫停營(yíng)業(yè)，盡管全英國(guó)鋪天蓋地的傳播這一信息，但是為了提高用戶體驗(yàn)，這些公司都會(huì)主動(dòng)通知用戶他們即將暫停服務(wù)。

上圖兩個(gè)例子的對(duì)比，左邊一個(gè)藍(lán)色的對(duì)話氣泡上是引導(dǎo)點(diǎn)擊（閱讀）文案，承上啟下，下面我們可能會(huì)認(rèn)為是一些有利于健康的建議，但接的內(nèi)容卻是英女王的致敬文案。右邊的則是戴森公司的創(chuàng)始人所寫的一段表達(dá)哀思致敬的話，簡(jiǎn)潔又嚴(yán)肅，然后下拉才是網(wǎng)站的日常功能。

這組例子對(duì)比的就是功能性文案和情感性文案的平衡運(yùn)用，我們需要表達(dá)情緒，但是不能因?yàn)楸磉_(dá)而影響網(wǎng)站原本有的功能，保證用戶瀏覽的時(shí)候不會(huì)感到困惑。

四、考慮頁(yè)面的可訪問(wèn)性和包容性

既然是用戶體驗(yàn)，用戶當(dāng)然才是所有問(wèn)題的核心。每個(gè)人在使用社交平臺(tái)、瀏覽網(wǎng)頁(yè)的時(shí)候，都會(huì)出現(xiàn)各種各樣的問(wèn)題。作為設(shè)計(jì)師或者是運(yùn)營(yíng)平臺(tái)，在聽(tīng)取意見(jiàn)的同時(shí)，也要堅(jiān)守標(biāo)準(zhǔn)，不能隨便妥協(xié)。頁(yè)面上“真正的文本”要考慮視障人士的使用，不是單純用不同顏色的按鈕來(lái)區(qū)分。

所以在致敬的時(shí)候，并不是把頁(yè)面變成黑白就可以了，我們還要注意顏色的對(duì)比，讓文本讀起來(lái)流暢順利。

上面的就是錯(cuò)誤的案例，左邊是 National Rail 在 2021 年菲利普親王去世后的致敬頁(yè)面，整個(gè)頁(yè)面改成了黑白，但是因?yàn)槲淖值膶?duì)比不明顯，收到了大量的投訴：影響正常訂票。所以今年吸取意見(jiàn)，定制了致敬英女王大版頭，下方維持網(wǎng)站正常的功能使用。

一些特殊需求有時(shí)候很難被察覺(jué)到，但是在這些頁(yè)面正式上線前，我們應(yīng)該進(jìn)行測(cè)試。目前行業(yè)對(duì)于致敬時(shí)期的黑白頁(yè)面并沒(méi)有標(biāo)準(zhǔn)，而由于總體使用情景次數(shù)較少，也缺乏一些數(shù)據(jù)、案例作為參考。所以有時(shí)候一些特殊需求很難被察覺(jué)到，但是在這些頁(yè)面正式上線前，我們應(yīng)該進(jìn)行測(cè)試，避免疏忽。

由于不同組織或者地緣政治關(guān)系，這些致敬的行為，一些國(guó)際品牌是否參與也需要考慮多方因素。如果一個(gè)品牌 / 網(wǎng)站在當(dāng)?shù)氐捻?yè)面沒(méi)有跟進(jìn)本土?xí)r事，情況就會(huì)變得很復(fù)雜。

當(dāng)然也有一些公司是站在全球化背景下考慮他們的用戶，會(huì)有一些較為靈活的做法，比如谷歌，英女王國(guó)殤期間，頁(yè)面上有一條黑絲帶。

五、要快！但也要有持續(xù)性

英女王逝世的消息是周四晚上 6 點(diǎn) 30 分宣布的，為了第二天工作日網(wǎng)站能順利趕上更新，幾乎所有人都是立馬開(kāi)始投入工作。

面對(duì)這種情況，快是第一要義！但是也要保證本文的第一點(diǎn)能夠?qū)嵤Ｍ瑫r(shí)也不要以為首頁(yè)完成了就萬(wàn)事大吉了，后面還有很多要加深印象渲染情感的工作要做呢。

比如英國(guó)石油公司，就做了專題頁(yè)，展示公司與英女王之間的歷史故事；Skynews 則是創(chuàng)建了一個(gè)問(wèn)卷調(diào)查。

隨著時(shí)間流逝，所有事情都會(huì)回歸常態(tài)。但是我們要知道人類是需要時(shí)間去接受現(xiàn)實(shí)和調(diào)整狀態(tài)的，所以這種緬懷的思緒有可能會(huì)延續(xù)一段時(shí)間，所以作為設(shè)計(jì)師，或許需要計(jì)算一下致敬合適結(jié)束，或者是否在網(wǎng)頁(yè)內(nèi)留下一點(diǎn)“彩蛋”持續(xù)致敬。

六、有效的沖擊感

致敬，少即是多。不要用過(guò)多的顏色、信息充斥頁(yè)面，合理的滿版圖片，簡(jiǎn)潔的文字，讓頁(yè)面“說(shuō)話”

七、在限制中展現(xiàn)創(chuàng)意

除了將頁(yè)面調(diào)整為黑白或者用人物黑白肖像，也有其他代表死亡的象征，比如半旗，或者傳說(shuō)中起源于有古代猶太文化的黑絲帶，也有可能是鮮花。

全球大部分國(guó)家對(duì)于致敬這一主題，在文化層面基本是趨于一致的，因?yàn)樗劳龅南笳骰臼巧鲜鰩讉€(gè)例子。作為設(shè)計(jì)師 / 運(yùn)營(yíng)平臺(tái)，我們需要好好思考如何將這些有限的象征事物從物理層面延伸到跨媒體層面上。

比如英國(guó)皇室的網(wǎng)站（上圖右），就建立了一個(gè)線上紀(jì)念館，將英女王的生平通過(guò)數(shù)據(jù)的形式，永遠(yuǎn)留在網(wǎng)絡(luò)世界里。

大約七年前，新加坡國(guó)父李光耀逝世，當(dāng)?shù)夭簧偈忻窈推髽I(yè)主動(dòng)追思，他們將李先生的臉印在黑絲帶上，人們紛紛把這定制的黑絲帶貼在自己的擋風(fēng)玻璃上，以此來(lái)傳達(dá)對(duì)李先生的緬懷之情。

死亡，是誰(shuí)也躲不過(guò)的一個(gè)詞。它必然是我們每個(gè)人都會(huì)遇上的，“致敬”這一主題，相信在未來(lái)設(shè)計(jì)師 / 運(yùn)營(yíng)平臺(tái)需要為此投入更多心思，以表達(dá)我們對(duì)生活中的英雄的感激與尊重。

譯者：巖鹽鹽鹽
作者：Darren Yeo