1、編輯導(dǎo)語：產(chǎn)品頁面有時需要根據(jù)特定的時間進行相應(yīng)設(shè)計，一方面，這可以呼應(yīng)節(jié)日氛圍，另一方面也體現(xiàn)了不同產(chǎn)品當中的設(shè)計思考。本篇文章里，作者結(jié)合時事，對不同產(chǎn)品的設(shè)計交互細節(jié)進行了一定分析，一起來看一下。、戶 、.前言2021 年 7月 1 日是黨成立100周年紀念日，為了慶祝建黨100周年，互聯(lián)網(wǎng)頭部產(chǎn)品都針對這一值得慶祝的日子做出了相應(yīng)的適配。筆者在這里挑選了幾組值得借鑒產(chǎn)品共大家參考，有趣的是在面對同一時事不同類型的產(chǎn)品中內(nèi)容適配的方式也有所不同，我們可以在其中看到許多的產(chǎn)品思考。案例目錄：頂部氛圍層、建黨百年視頻專區(qū)、快捷搜索、推薦內(nèi)容、專題頁面。優(yōu)酷在產(chǎn)品首頁的核心位置幾乎都專門設(shè)立了

2、百年的相關(guān)入口。首先是頂部氛圍層，其次是搜索框的內(nèi)容提示將建黨100周年作為搜索引導(dǎo)。在搜索框的左側(cè)設(shè)立了建黨百年的專題頁面，在精選的banner運營區(qū)域?qū)⒔h的相關(guān)內(nèi)容作為運營位首位，在運營位的下方設(shè)立了五個一百快捷入口。在筆者收集的諸多產(chǎn)品中，優(yōu)酷適配的入口是做得最豐富的。從常用功能到快捷入口再到運營都有所覆蓋。優(yōu)酷針對百年內(nèi)容的適配能給我們最大的借鑒點是在首頁的入口上。在面對重要的節(jié)日或者熱門事件時，我們可以參考這次優(yōu)酷在哪些地方作出了適配。比如搜索框的樣式，以及搜索框的內(nèi)容提示，將相關(guān)運營的banner放在了運營位的首位，專門為專題頁設(shè)立了快捷入口，這些設(shè)計非常值得借鑒。頂部氛圍層、品

3、專區(qū)域、熱門內(nèi)容、底部tab 欄。百度搜索的首頁頂部設(shè)立了專門的氛圍區(qū)域，用于烘托百年氣氛。在底部tab欄中也做了相應(yīng)的適配，中間的語音輸入按鈕以紅色常駐在頁面中。點擊頂部氛圍層即可跳轉(zhuǎn)到建黨百年的搜索內(nèi)容。百度搜索專門為建黨百年設(shè)立了品專區(qū)域，將相關(guān)的專題以及活動安排放在了首屏幕，將核心知識內(nèi)容以金剛區(qū)的形式呈現(xiàn)。為了讓更多的用戶能夠了解到建黨100周年的相關(guān)信息，百度將建黨百年的快捷搜索方式直接外露在了首頁，當用戶進入產(chǎn)品，會被頂部氛圍層吸引，點擊氛圍層即可快捷搜索。這一設(shè)計有利于增加建黨百年信息的熱度，讓全民都熱烈參與到百年慶典的氛圍中。專題頁面、聯(lián)合中央編譯出版雙語熱詞。與普通的方式不

4、同，在氛圍層中有道詞典加入了【去參與】的按鈕。這個按鈕的位置與顏色非常具有引導(dǎo)。用戶在進入了產(chǎn)品之后首先會被氛圍層吸引，其次就會看到【去參與】的按鈕，點擊之后就會進入建黨百年的專題頁。值得一提的是有道詞典聯(lián)合中央編譯出版社權(quán)威發(fā)布建黨 100周年中國特色詞匯標準英譯，并作為專題頁的第一個宣傳視頻進行播放。但有道詞典并沒有單純地制作相關(guān)的視頻專輯，視頻內(nèi)容不是英語 APP 最有利的區(qū)域，有道另辟蹊徑抓準了自己英語學習、翻譯的定位，將英語學習與百年時事相結(jié)合，推出了建黨一百周年中英雙語熱詞翻譯。這不僅加強了用戶對于有道的品牌認知，同時還提高了產(chǎn)品的影響力與權(quán)威性。頂部氛圍層、專題頁。頭條與百度同為

5、信息類產(chǎn)品，在適配上稍有不同。頭條在頂部同樣放置了建黨百年的氛圍層，但想要查看相關(guān)信息則需要點擊搜索框手動輸入。用戶可通過品專區(qū)域進入百年的主題頁。頂部氛圍層、視頻專題區(qū)。愛奇藝在適配上同樣在首頁采用了頂部氛圍層進行氛圍的烘托，其次是在頂部標簽欄中加入了建黨百年的視頻專題頁。在專題頁中分別設(shè)立了重點關(guān)注百年逐夢今朝圓時代驕傲出行擬炬等相關(guān)內(nèi)容?？梢钥闯鰫燮嫠嚨闹饕l(fā)力點是在建黨百年的視頻專區(qū)中。將相關(guān)視頻合集整理在視頻專區(qū)中，讓觀眾回顧建黨的歷史。頂部氛圍層、適配專區(qū)、頂部icon 。除了頂部氛圍層，騰訊視頻在右上角的 icon 上做了非常細致的適配，特別是最右側(cè)的建黨icon,在設(shè)計語言上與

6、百年的元素進行的結(jié)合。進入騰訊百年視頻專區(qū)，能看到整個產(chǎn)品頁面的背景色都做了適配，這能夠讓用戶在該區(qū)域瀏覽的時候更加沉浸，并且頂部的海報完美地與底部的顏色進行了融合，這種海報與底部產(chǎn)品顏色進行融合的處理方式非常值得大家借鑒。往下是八個短片入口在運營區(qū)，其次是將 “理想照耀中國 ”優(yōu)秀電視劇放在了運營位下方，再往下走都是與百年相關(guān)的視頻內(nèi)容，騰訊視頻將所有內(nèi)容進行了分類并且分了優(yōu)先級展現(xiàn)給了用戶。頂部氛圍層、頂部標簽欄、底部tab欄、主題影片。bilibili在適配上主要的發(fā)力點是底部的tab欄以及頂部的標簽欄。在頂部標 簽欄中專門設(shè)立的建黨百年的專區(qū)。值得一提的是，在這視頻專區(qū)中， B 站團隊

7、專門為建黨百年制作了動畫短片為了出發(fā)的紀念，不得不說使用動畫短片的方式來慶祝這一盛事可以說是非常符合bilibili 的產(chǎn)品定位。在整個視頻專區(qū)中同樣將核心的相關(guān)內(nèi)容以金剛區(qū)的形式呈現(xiàn)，每個金剛區(qū)中都內(nèi)置了豐富的視頻內(nèi)容。在筆者所收集的案例中，bilibili的底部tab欄可以說是專門做了適配，仔細看每個tab 中的形象姿勢等都專門做了精心設(shè)計，分別是學生敬禮的姿勢以及擁抱未來的姿勢，bilibili在tab細節(jié)上的處理還是值得借鑒的。頂部氛圍層、頂部標簽欄。與大多數(shù)產(chǎn)品的適配內(nèi)容略有不同，喜馬拉雅專門設(shè)立了聽書專區(qū)，貼合產(chǎn)品定位，其中的內(nèi)容都與建黨百年相關(guān)。喜馬拉雅利用了自己豐富聽書內(nèi)容的優(yōu)

8、勢，將相關(guān)的聽書內(nèi)容在專題頁面中形成了聚合。在專題頁面中還內(nèi)置了具有不同內(nèi)容的金剛區(qū)，有意思的是喜馬拉雅將內(nèi)容區(qū)分為了為何學學什么怎么學的區(qū)域。這可以幫助用戶從為什么、是什么、怎么辦三個角度去學習相關(guān)內(nèi)容。并且還專門內(nèi)置了少兒黨史的內(nèi)容，之所以有這塊內(nèi)容是因為喜馬拉雅的用戶中有一部分用戶是有給寶寶聽故事的場景需求。可以看出喜馬拉雅在產(chǎn)品目標上包含滿足多用戶多場景的內(nèi)容需求。運營位、專題頁。點擊得到首頁運營區(qū)banner即可進入百年的專題頁面。推薦的內(nèi)容形式乍一看與喜馬拉雅一樣都是聽書的內(nèi)容，但仔細觀察會發(fā)現(xiàn)也有略微的不同。由于喜馬拉雅用戶職業(yè)范圍更廣，年齡跨度更大，因此推薦的內(nèi)容必須滿足多用戶

9、多場景的需求。反之得到的用戶更為垂直，大多數(shù)都是已工作的都市上班族，更加渴望提升自我能力與修養(yǎng)，因此推薦的內(nèi)容與單純的學習百年資訊和相關(guān)內(nèi)容不同。得到推薦的內(nèi)容更像是學習歷史人物本身，得到推薦的書單有想開過領(lǐng)袖學習功過方法決戰(zhàn)黨史商鑒，其實我們可以從這里的書單中看出，得到想通過百年這一時事讓當今的年輕人學習和了解更多的歷史偉人。底部 tab 欄。對于大多數(shù)產(chǎn)品豐富的適配方案，小紅書的做法則是聚焦在產(chǎn)品的底部 tab欄。首先我們可以看到底部四個tab 的圖標都采用了非常具有中國特色的標志物。其中有天安門、燈籠、華表以及國旗。其中天安門的圖形作為了首頁，在國外的產(chǎn)品中，首頁的單詞是“homM而小紅書將中國最能象征著家國的建筑天安門作為首頁“hom郛圖標可以說是非常的巧妙。其次是使用燈籠的圖形作為商城的圖標也非常貼切。因為燈籠一般會出現(xiàn)在燈會集市等活動，每當