工作所需，今年花了挺多心思整理各大平臺(tái)的年終賬單/報(bào)告，一共整理了20個(gè)平臺(tái)的年終報(bào)告，對(duì)比下來(lái)無(wú)論是創(chuàng)意還是頁(yè)面設(shè)計(jì)以及交互上網(wǎng)易云音樂(lè)依舊是YYDS！總是被模仿，但從未被超越！

我也從個(gè)人視角針對(duì)H5年度賬單的關(guān)鍵詞、場(chǎng)景、數(shù)據(jù)維度這幾個(gè)方面進(jìn)行了案例的解析闡述，相信這份梳理對(duì)于所有做創(chuàng)意的同學(xué)都是有用的，即使不是做創(chuàng)意相關(guān)工作的同學(xué)，也建議收藏起來(lái)，說(shuō)不定哪天就有用呢？

每個(gè)平臺(tái)的案例，我都梳理出了頁(yè)面截圖、分享頁(yè)、二維碼、主題，以及我個(gè)人針對(duì)案例的一點(diǎn)拙見(jiàn)。那么，我們開(kāi)始吧?？赐曛笥浀迷u(píng)論區(qū)告訴我，你最喜歡哪家的年終賬單哦~

一、得到：圍繞大學(xué)概念

關(guān)鍵詞：

學(xué)院風(fēng)、頒獎(jiǎng)典禮、插畫(huà)與數(shù)據(jù)維度相呼應(yīng)、推進(jìn)式進(jìn)入回顧頁(yè)面、多動(dòng)效。

場(chǎng)景分析：

以頒獎(jiǎng)典禮為場(chǎng)景，貫穿整個(gè)H5，從設(shè)計(jì)風(fēng)格到設(shè)計(jì)圖標(biāo)，通過(guò)數(shù)據(jù)的調(diào)用以插畫(huà)的形式展示，最終分享頁(yè)會(huì)有某個(gè)數(shù)據(jù)對(duì)應(yīng)某個(gè)獎(jiǎng)項(xiàng)，授予一個(gè)“eg:終身成長(zhǎng)者”稱(chēng)號(hào)

數(shù)據(jù)維度：

①注冊(cè)時(shí)間②學(xué)習(xí)時(shí)長(zhǎng)&課程門(mén)數(shù)③學(xué)習(xí)時(shí)長(zhǎng)最久的一天&學(xué)習(xí)至深夜最晚的一天（同時(shí)間點(diǎn)還有×位同學(xué)一起學(xué)習(xí)）④使用最多的功能⑤分享的次數(shù)⑥學(xué)分（積分）⑦平臺(tái)年度大事件⑧學(xué)習(xí)最多的學(xué)科占總學(xué)習(xí)時(shí)長(zhǎng)的百分比

二、豆瓣-社區(qū)：文藝融進(jìn)了我的血液里

關(guān)鍵詞：

平臺(tái)大事件后緊接著個(gè)人年度社區(qū)賬單；主色調(diào)和品牌色調(diào)相結(jié)合“綠色”；卡通人物形象突出、文藝風(fēng)

場(chǎng)景分析：

事件軸線(xiàn)結(jié)合一個(gè)卡通人物在月光下行走，類(lèi)似散步的一個(gè)動(dòng)效場(chǎng)景

數(shù)據(jù)維度：

①注冊(cè)時(shí)間 ②發(fā)布的動(dòng)態(tài)條數(shù) ③動(dòng)態(tài)獲得的點(diǎn)贊和回復(fù)數(shù)據(jù)&回復(fù)最多的動(dòng)態(tài) ④發(fā)布動(dòng)態(tài)做多的一天 ⑤參與討論最多的話(huà)題 ⑥結(jié)識(shí)×位朋友 ⑦加入的小組數(shù)據(jù)，在某個(gè)小組停留的時(shí)間最久；逛小組的時(shí)間點(diǎn)（中午）在小組逛的時(shí)間最長(zhǎng)的一天。在小組中獲得的身份 最后，選擇了關(guān)鍵詩(shī)，拼貼詩(shī)句（文藝）

三、嗶哩嗶哩：沒(méi)人誰(shuí)比我更懂年輕人

關(guān)鍵詞：

B站熱詞結(jié)合、個(gè)人最喜歡的UP 主、星探等詞匯讓人印象深刻， 文字表達(dá)方面具有優(yōu)勢(shì)，更能吸 引年年輕人。最后還有鉤子吸引 用戶(hù)將年終報(bào)告分享出去。

場(chǎng)景分析：

采用時(shí)光機(jī)的場(chǎng)景，每一頁(yè)面 都與設(shè)置的場(chǎng)景相互結(jié)合，主 色調(diào)為紫色與藍(lán)色相、結(jié)合， 畫(huà)面設(shè)計(jì)很有質(zhì)感。

數(shù)據(jù)維度：

數(shù)據(jù)展示方面很有平臺(tái)特色，更能吸引用戶(hù)分享。注冊(cè)時(shí)間、年度相伴時(shí)長(zhǎng)、看視頻個(gè)數(shù)、時(shí)長(zhǎng)、最晚看視頻時(shí)間、 B站DNA（喜歡哪個(gè)方面的視頻） 學(xué)習(xí)時(shí)長(zhǎng)以及查看最多的UP主，循環(huán)播放最多的視頻等、點(diǎn)贊次數(shù)、發(fā)布視頻個(gè)數(shù)......

四、支付寶-理財(cái)：螞蟻就要科技感拉滿(mǎn)

關(guān)鍵詞：

科技感、吉祥物貫穿、繞地球 走動(dòng)場(chǎng)景

場(chǎng)景分析：

以螞蟻吉祥物為代表，結(jié)合 每個(gè)文案去設(shè)計(jì)與之匹配的 設(shè)計(jì)圖，沒(méi)有很強(qiáng)的故事性 就是單純的數(shù)據(jù)羅列，唯一 不同于其他的是關(guān)鍵詞在第 一頁(yè)，末尾是好運(yùn)簽

數(shù)據(jù)維度：

數(shù)據(jù)維度：今年的收益及收益率、收益最高的金額和產(chǎn)品，收益最低的產(chǎn)品與金額，翻閱資訊的時(shí)間。

五、網(wǎng)易云音樂(lè)：創(chuàng)意是我的信仰

關(guān)鍵詞：

健康色、大自然、小島、 定制人物形象、分享頁(yè)與去年類(lèi)似

場(chǎng)景分析：

定制一個(gè)角色形象，進(jìn)入一個(gè) 小島，根據(jù)路徑看到自己的相 關(guān)數(shù)據(jù)，其中還設(shè)置有其他人 物形象，好感度拉滿(mǎn)。文案部 分更是出彩。故事性很強(qiáng)。

數(shù)據(jù)維度：

先說(shuō)出關(guān)鍵數(shù)字，再去解釋、今年收聽(tīng)的歌手人數(shù)、曲風(fēng)涵蓋×種類(lèi)、各種曲風(fēng)占比、音樂(lè)靈魂年齡、風(fēng)格切換最大的兩首歌、最喜歡的歌曲、最晚聽(tīng)歌的一天、聽(tīng)過(guò)最久遠(yuǎn)的歌年齡、所在地曲風(fēng)、博客數(shù)據(jù)。用總分的形式，有故事性，關(guān)鍵數(shù)字也讓用戶(hù)抱有好奇心繼續(xù)看完

六、QQ音樂(lè)：數(shù)據(jù)精準(zhǔn)是第一要義

關(guān)鍵詞：

簡(jiǎn)潔、時(shí)光采樣、音樂(lè)星球 分享頁(yè)不是很有吸引力，數(shù)據(jù)準(zhǔn)確。

場(chǎng)景分析：

授權(quán)按鈕，開(kāi)頭以日歷為場(chǎng)景 一個(gè)人一只貓坐在音樂(lè)的船上 漂浮在海面上，有一種宮崎駿 的漫畫(huà)風(fēng)格，和植物相互融合 貼近自然，音樂(lè)與自然的結(jié)合， 所有場(chǎng)景中均有l(wèi)ogo，根據(jù)歌名給到契合的場(chǎng)景設(shè)計(jì)

數(shù)據(jù)維度：

全年一共聽(tīng)歌×首，連續(xù)聽(tīng)×首歌，最早聽(tīng)歌的一天，全年聽(tīng)歌最久的一天×小時(shí)×分鐘，最喜歡×的歌，最喜歡的歌手。

七、樊登讀書(shū)：暖暖的，沿用去年蠻好的

關(guān)鍵詞：

閱讀、書(shū)籍、年度關(guān)鍵詞

場(chǎng)景分析：

開(kāi)頭設(shè)計(jì)的是打開(kāi)書(shū)屋的場(chǎng)景，隨后根據(jù)頁(yè)面的文字在發(fā)揮。設(shè)計(jì)頁(yè)面太簡(jiǎn)單，有些拉胯，感染力欠佳。

數(shù)據(jù)維度：

①注冊(cè)時(shí)間②閱讀的第一本書(shū)③年度收聽(tīng)的書(shū)籍?dāng)?shù)量④超過(guò)×%的用戶(hù)⑤收聽(tīng)最多次數(shù)的一本書(shū)⑥最早最晚聽(tīng)書(shū)的時(shí)間和書(shū)籍⑦收聽(tīng)的最冷門(mén)的一本書(shū)⑧收聽(tīng)的書(shū)籍大類(lèi)的改變⑨年度書(shū)單

八、美團(tuán)：一個(gè)年終賬單而已，就這樣吧！

關(guān)鍵詞：

除了logo變了其他沒(méi)有什么創(chuàng)意

場(chǎng)景分析：

吉祥物與頁(yè)面文字描述的場(chǎng)景 相互結(jié)合起來(lái)做的頁(yè)面；簡(jiǎn)單 的數(shù)據(jù)羅列；設(shè)計(jì)上也缺少美 感，沒(méi)有任何創(chuàng)意點(diǎn)

數(shù)據(jù)維度：

①注冊(cè)時(shí)間 ②訂單數(shù)量 ③消費(fèi)數(shù)量 ④城市 ⑤同樣的美食點(diǎn)的最多的一種

九、喜馬拉雅：網(wǎng)易很酷，多向他們學(xué)習(xí)！

關(guān)鍵詞：

動(dòng)漫人物 、地球

場(chǎng)景分析：

人物與地球的互動(dòng)場(chǎng)景，結(jié)合每個(gè)頁(yè)面的文字，設(shè)計(jì)對(duì)應(yīng)的場(chǎng)景去表達(dá)；展示形式上中規(guī)中矩

數(shù)據(jù)維度：

①根據(jù)你閱讀的大類(lèi)，統(tǒng)計(jì)出你最?lèi)?ài)看的哪個(gè)行業(yè)的信息 ②年度聽(tīng)單（篩選聽(tīng)的最多的前×個(gè)節(jié)目名稱(chēng) ③生成專(zhuān)屬分享海報(bào) ④最后有個(gè)類(lèi)似彩蛋的名人的錄音發(fā)過(guò)來(lái)作為收尾

十、知乎：我還是曾經(jīng)那個(gè)文藝小少年

關(guān)鍵詞：

年度大事件與年度賬單相互 結(jié)合、暖色系

場(chǎng)景分析：

頁(yè)面設(shè)計(jì)上也沒(méi)有什么出彩的點(diǎn)，大事件采用選項(xiàng)的形式增 加了互動(dòng)，個(gè)人年終賬單就是 常規(guī)的以數(shù)據(jù)的羅列

數(shù)據(jù)維度：

①瀏覽了多少問(wèn)題 ②寫(xiě)了多少回答 ③瀏覽最多的內(nèi)容 ④搜索過(guò)多少次 ⑤為多少內(nèi)容點(diǎn)過(guò)贊 ⑥根據(jù)你點(diǎn)贊的內(nèi)容推薦知乎 博主

十一、微信讀書(shū)：將簡(jiǎn)潔貫徹到底！

關(guān)鍵詞：

簡(jiǎn)潔、色彩搭配 無(wú)背景音樂(lè)

場(chǎng)景分析：

以時(shí)間軸線(xiàn)和英文月份，對(duì)應(yīng)到季節(jié)點(diǎn)，加上色彩的搭配，與去年的賬單沒(méi)有特別大的差異但還是給到了非常好的用戶(hù)體驗(yàn)回歸報(bào)告的本質(zhì)。

數(shù)據(jù)維度：

①注冊(cè)時(shí)間 ②某個(gè)季節(jié)閱讀時(shí)長(zhǎng)最長(zhǎng)的一本書(shū)，閱讀這本書(shū)的總時(shí)長(zhǎng) ③年度閱讀完的書(shū)籍前9 ④生成關(guān)鍵詞分享海報(bào) ⑤輸出的筆記條數(shù)

十二、豆瓣-書(shū)影：信息量太大，全靠設(shè)計(jì)了！

關(guān)鍵詞：

骰子、集合、內(nèi)容量大 濃縮

場(chǎng)景分析：

以骰子為動(dòng)態(tài)牽線(xiàn)，貫穿整個(gè) H5，骰子的一面為綜合數(shù)據(jù)， 再反轉(zhuǎn)為書(shū)的數(shù)據(jù)、再反轉(zhuǎn)為 影視的數(shù)據(jù)，再反轉(zhuǎn)還有喜歡 的導(dǎo)演的數(shù)據(jù)、演員的數(shù)據(jù)... 設(shè)計(jì)很美觀(guān)。

數(shù)據(jù)維度：

①看了多少書(shū)、影視作品 ②關(guān)注的導(dǎo)演、作者、編劇 ③瀏覽最多的內(nèi)容 ④參與討論的話(huà)題 ⑤注冊(cè)豆瓣幾年 ⑥分享過(guò)多少次

十三、高德地圖：誰(shuí)還不喜歡玩呀！抖抖雪看看

關(guān)鍵詞：

時(shí)光機(jī)、動(dòng)畫(huà)風(fēng)、吉祥物

場(chǎng)景分析：

吉祥物的走動(dòng)貫穿整個(gè)H5， 結(jié)合每個(gè)頁(yè)面上展示的文字， 畫(huà)面中吉祥物與相關(guān)場(chǎng)景進(jìn)行 互動(dòng)，中間還設(shè)置有積雪 模塊，需要用戶(hù)手動(dòng)搖一搖才 能看到積雪后的文字，搖一搖 之后還會(huì)出現(xiàn)煙花場(chǎng)景。aha時(shí)刻

數(shù)據(jù)維度：

①注冊(cè)時(shí)間 ②今年第一次使用APP導(dǎo)航的終點(diǎn) ③最遠(yuǎn)一次出行×KM，和城市 ④搜索過(guò)多少次 ⑤企業(yè)大事件或公益事件 ⑥生成關(guān)鍵詞分享頁(yè)面

十四、抖音：即使是年終報(bào)告也要做的像短視頻一樣有故事！

關(guān)鍵詞：

動(dòng)畫(huà)風(fēng)、畫(huà)面設(shè)計(jì)和音樂(lè)相 當(dāng)完美，很有代入感。

場(chǎng)景分析：

一個(gè)小孩子的形象，帶著好奇心 步入了抖音這個(gè)大世界，奔跑著 去探索去發(fā)現(xiàn)去輸出，然后就有 了一系列的數(shù)據(jù)，生成了這一年 的報(bào)告，最終也會(huì)有一個(gè)關(guān)鍵詞 分享頁(yè)面。整體觀(guān)感很棒。不足之處是角色關(guān)鍵詞太過(guò)常規(guī) 缺少創(chuàng)意

數(shù)據(jù)維度：

①注冊(cè)時(shí)間 ②觀(guān)看最多的視頻內(nèi)容大類(lèi) ③最喜歡看的一個(gè)博主 ④關(guān)注最多的領(lǐng)域 ⑤點(diǎn)贊和評(píng)論 ⑥系統(tǒng)提醒休息；輸出了多少視頻

十五、中通快遞：我有一個(gè)漫畫(huà)里的公主夢(mèng)，快遞員是霸道總裁

關(guān)鍵詞：

漫畫(huà)風(fēng)、強(qiáng)化快遞形象簡(jiǎn)單的用戶(hù)維護(hù)和品牌宣傳目的，缺少一點(diǎn)暖色

場(chǎng)景分析：

美女與帥氣快遞員的互動(dòng)場(chǎng)景 總感覺(jué)是哪個(gè)漫畫(huà)書(shū)里面的人物 形象？美則美矣，但沒(méi)有很吸睛 的地方，更加沒(méi)有讓人想分享的 欲望，就是比較簡(jiǎn)單的羅列，畫(huà)面和動(dòng)效上也沒(méi)有特別的出彩

數(shù)據(jù)維度：

①今年第一次使用時(shí)間 ②寄送包裹數(shù)量 ③最遠(yuǎn)一次寄送，和城市 ④周?chē)T(mén)店的數(shù)量 ⑤最常接觸的快遞員 ⑥派送的包裹來(lái)來(lái)自×城市 ⑦品牌相關(guān)的數(shù)據(jù)

十六、攜程旅行：世界很大，隨時(shí)隨地都要讓你看看！

關(guān)鍵詞：

清爽、logo海豚結(jié)合、數(shù)字化 很高級(jí)的配色

場(chǎng)景分析：

第一個(gè)頁(yè)面有感染到我，這不就 是大魚(yú)海棠的一個(gè)場(chǎng)景嘛，隨后 又用飛行了多遠(yuǎn)的距離去呈現(xiàn)上 用到了地球，也類(lèi)比南極走到北 極，頁(yè)面的畫(huà)風(fēng)也是干干凈凈清 清爽爽的很舒服，分享頁(yè)參考了 網(wǎng)易的人物個(gè)性化定制，但人物 形象不是很可愛(ài)哎

數(shù)據(jù)維度：

①注冊(cè)時(shí)間 ②飛行距離，類(lèi)比 ③最遠(yuǎn)抵達(dá)的城市，停留最久的城市；飛行最多的城市 ④累計(jì)消費(fèi)金額，年度消費(fèi)賬單；最高消費(fèi)的一次訂單 ⑤飛行次數(shù)最多的一個(gè)月；×個(gè)小時(shí)在飛機(jī)上；最晚定機(jī)票的時(shí)間；看過(guò)多少筆記 ⑥最終生成分享海報(bào)頁(yè)；人物形象和各類(lèi)數(shù)據(jù)

十七、Keep：自律的人生是色彩斑斕的！

關(guān)鍵詞：

簡(jiǎn)潔、每個(gè)頁(yè)面都是不同的色調(diào) 用戶(hù)體驗(yàn)感很舒服，用動(dòng)畫(huà)形式 展示與運(yùn)動(dòng)相關(guān)的場(chǎng)景，比如瑜 伽等，很有代入感。

場(chǎng)景分析：

人物形象進(jìn)入運(yùn)動(dòng)之門(mén)的場(chǎng)景，期間會(huì)通過(guò)不同的數(shù)據(jù)維度設(shè)計(jì)相呼應(yīng)的運(yùn)動(dòng)場(chǎng)景，比如早起運(yùn)動(dòng)，最晚一次運(yùn)動(dòng)場(chǎng)景，冥想等用數(shù)據(jù)與畫(huà)面相互結(jié)合來(lái)展示。很有美感

數(shù)據(jù)維度：

①注冊(cè)時(shí)間 ②最早一次運(yùn)動(dòng) ③練習(xí)時(shí)長(zhǎng)最長(zhǎng)的一次運(yùn)動(dòng) ④最喜歡練習(xí)×運(yùn)動(dòng) ⑤刷掉的卡路里 ⑥綜合數(shù)據(jù)展示

十八、支付寶：算了別創(chuàng)意了！我們只求安全！

關(guān)鍵詞：

動(dòng)畫(huà)動(dòng)效強(qiáng)、用戶(hù)參與度較高， 需要代入場(chǎng)景后進(jìn)行按鈕操作， 體感更強(qiáng)一些。

場(chǎng)景分析：

結(jié)合每一個(gè)頁(yè)面的數(shù)據(jù)場(chǎng)景設(shè)計(jì)出 需要參與的動(dòng)效，例如外出給到的 是按鈕紅綠燈、快遞員的場(chǎng)景給到 的是擊掌....開(kāi)頭與結(jié)尾畫(huà)面相呼應(yīng)。整體上沒(méi)有特別的驚艷，但也看起來(lái)很舒服。數(shù)據(jù)羅列上今年也精簡(jiǎn)了許多。

數(shù)據(jù)維度：

①注冊(cè)時(shí)間 ②外出、在外就餐使用支付寶的店鋪數(shù)量 ③運(yùn)動(dòng)產(chǎn)生的能量數(shù)據(jù) ④點(diǎn)外面的次數(shù)以及收快遞的次數(shù) ⑤總的支出與收入數(shù)據(jù)生成分享賬單 ⑥根據(jù)數(shù)據(jù)給到分享頁(yè)的關(guān)鍵詞

十九、個(gè)稅APP：誰(shuí)說(shuō)個(gè)稅就不能有年終報(bào)告了！

關(guān)鍵詞：

儀式感、大事件回顧

場(chǎng)景分析：

事件軸線(xiàn)結(jié)合一個(gè)卡通人物在月光下行走，類(lèi)似散步的一個(gè)動(dòng)效場(chǎng)景

數(shù)據(jù)維度：

①注冊(cè)時(shí)間

②發(fā)布的動(dòng)態(tài)條數(shù)

③動(dòng)態(tài)獲得的點(diǎn)贊和回復(fù)數(shù)據(jù)&回復(fù)最多的動(dòng)態(tài)

④發(fā)布動(dòng)態(tài)做多的一天

⑤參與討論最多的話(huà)題

⑥結(jié)識(shí)×位朋友

⑦加入的小組數(shù)據(jù)，在某個(gè)小組停留的時(shí)間最久；逛小組的時(shí)間點(diǎn)（中午）在小組逛的時(shí)間最長(zhǎng)的一天。在小組中獲得的身份

最后，選擇了關(guān)鍵詩(shī)，拼貼詩(shī)句（文藝）

關(guān)鍵詞：

小清新、數(shù)據(jù)羅列、輕盈 與時(shí)間管理相關(guān) 產(chǎn)品logo、小而美

場(chǎng)景分析：

以時(shí)間&日歷為場(chǎng)景，展示相關(guān)的數(shù)據(jù)。主色調(diào)為天藍(lán)色，視覺(jué)效果很清爽，外加簡(jiǎn)單的動(dòng)效（eg：浮動(dòng)的云層；翻動(dòng)的日歷等）關(guān)鍵詞的描述文案很契合；同樣以懷舊日歷的形式展示作為分享頁(yè)面。但文字的排版設(shè)計(jì)略微欠缺美感。整體還是給人一種小清新的美好，與APP給的感覺(jué)相同。缺背景音樂(lè)

數(shù)據(jù)維度：

①完成了多少任務(wù)，完成任務(wù)最多的月份 ②類(lèi)比，完成率超過(guò)了*%的用戶(hù) ③某一天完成的任務(wù)最多 ④累計(jì)成就值 ⑤完成的第一個(gè)任務(wù)的時(shí)間點(diǎn)

寫(xiě)在最后：

-END-