穿越星際，跟隨銀河系安居指南，共同守護(hù)那顆星！

數(shù)英評(píng)分

收藏 評(píng)論

舉報(bào) 2022-01

掃描,分享朋友圈

心智障礙群體隔著厚厚的墻壁彼此交流，聲量愈發(fā)微弱，于是他們向內(nèi)生長(zhǎng)，縫合孤寂揉碎的熱鬧，笑迎僻壤孕育的荒蕪，純凈的心便是一顆盎然的星球，他們?cè)谧约旱你y河系中發(fā)亮，微弱而閃耀。我們穿越星際，跟隨銀河系安居指南，探訪他們的星球，聆聽(tīng)他們的故事，用想象力和創(chuàng)造力定制出屬于自己的星星裝備，幫助他們獲得更多藝術(shù)療愈的機(jī)會(huì)，共同守護(hù)那顆星！

此支H5是億眾互動(dòng)為字節(jié)跳動(dòng)打造的一支含有公益性質(zhì)的H5，通過(guò)視頻及星球信息展示的創(chuàng)意形式，呈現(xiàn)有關(guān)心智障礙群體的詳細(xì)信息，柔和溫情的音樂(lè)、寫(xiě)實(shí)的畫(huà)面及一系列色彩絢麗、內(nèi)容豐富的插畫(huà)引導(dǎo)用戶加強(qiáng)對(duì)心智障礙群體的了解。

H5還采用了DIY的形式，使用戶隨心DIY漁夫帽或帆布鞋的樣式來(lái)定制星球守護(hù)裝備，從而獲得星球入駐機(jī)會(huì)，生成星球守護(hù)證書(shū)，為心智障礙群體爭(zhēng)取更多獲得藝術(shù)療愈的機(jī)會(huì)。

掃描二維碼，獲得你的星球守護(hù)裝備！

（數(shù)英APP用戶需點(diǎn)擊放大二維碼，長(zhǎng)按識(shí)別）

一、策劃邏輯

1. loading頁(yè)：銀白色如銀河般的進(jìn)度條向前涌動(dòng)，同時(shí)顯示加載進(jìn)度；視覺(jué)中心是緩慢滾動(dòng)的四句文案，文案的提示與藍(lán)紫色的銀河背景色相互配合，指引著用戶深入探訪心智障礙伙伴的星球，在茫茫銀河的諾大星球上留下自己的腳印；加載完畢后出現(xiàn)“開(kāi)始”按鈕，點(diǎn)擊“開(kāi)始”進(jìn)入【視頻】頁(yè)面；

2. 視頻頁(yè)：寫(xiě)實(shí)的畫(huà)面、簡(jiǎn)短的字符搭配著柔和的曲調(diào)讓用戶更切實(shí)地感心智障礙群體所感，更動(dòng)容地通過(guò)鏡頭觸摸他們的生活痕跡，走近他們豐盈的內(nèi)心世界，探訪他們的星球，并在視頻中向用戶簡(jiǎn)短介紹此支H5的主題與用戶任務(wù)，清晰明了，視頻播放完畢后自動(dòng)進(jìn)入【首頁(yè)】；

3. 首頁(yè)：每顆星球都安靜緩慢地循著自己的軌道滑動(dòng)，在深邃黑暗的銀河系中散發(fā)著自己微弱的光亮，輕柔靈動(dòng)的音樂(lè)與簡(jiǎn)短動(dòng)人的文案提示引導(dǎo)用戶開(kāi)啟探訪他們星球的旅程，長(zhǎng)按交互按鈕，進(jìn)入【星球展示頁(yè)】；

4. 星球展示頁(yè)：每顆星球都擁有美麗而獨(dú)特的名字，色彩明亮而多樣的星球插畫(huà)圖緊緊抓住用戶的雙眼，心智障礙群體的心靈星球如此豐富多彩，每一支涌動(dòng)的葉都有著平和呼吸的節(jié)奏，吸引用戶繼續(xù)了解，點(diǎn)擊“查看星球故事”進(jìn)入【星球介紹頁(yè)】；

5. 星球介紹頁(yè)：情節(jié)豐富的星球插圖配以星球介紹，使用戶仿佛置身于美麗夢(mèng)境中與各個(gè)星球相識(shí)相知，每個(gè)不同的星球的介紹都呈現(xiàn)了心智障礙群體的一種特征，巧妙的融合設(shè)計(jì)使用戶在參觀游覽的過(guò)程中加深了對(duì)該群體的了解，點(diǎn)擊“查看其他星球”進(jìn)入【星球展示頁(yè)】，點(diǎn)擊“購(gòu)買(mǎi)推薦搭配”進(jìn)入【購(gòu)買(mǎi)頁(yè)】，點(diǎn)擊“定制守護(hù)裝備” 進(jìn)入【DIY頁(yè)】；

6. 【DIY頁(yè)】：用戶可以選擇定制漁夫帽或帆布鞋，可以自由選擇漁夫帽的顏色、圖案及帽沿圖案，帆布鞋的鞋面顏色、鞋帶顏色及鞋圖案，點(diǎn)擊“重新定制”可以重新操作，點(diǎn)擊“保存定制”可將其保存至“我的定制”中，點(diǎn)擊“定制X星守護(hù)裝備”返回【星球介紹頁(yè)】，點(diǎn)擊“立即購(gòu)買(mǎi)”彈出購(gòu)買(mǎi)遮層，選擇完畢后點(diǎn)擊“立即購(gòu)買(mǎi)”進(jìn)入【海報(bào)頁(yè)】；

7. 海報(bào)頁(yè)：用戶獲得含有所選擇的星球插圖的守護(hù)證書(shū)海報(bào)，不僅呈現(xiàn)出用戶是第X位入駐星球的居民，還將用戶定制的守護(hù)裝備展示出來(lái)，使用戶更加具有參與感，長(zhǎng)按保存海報(bào)，點(diǎn)擊“購(gòu)買(mǎi)推薦裝備”返回【購(gòu)買(mǎi)頁(yè)】，點(diǎn)擊“繼續(xù)定制”返回【星球展示頁(yè)】。

二、視覺(jué)設(shè)計(jì)

1.整支H5以藍(lán)紫色為主題色，既契合了身處銀河系的場(chǎng)景之中，又體現(xiàn)出一種溫柔靜謐的氛圍感，使用戶更自然地融入H5的場(chǎng)景主題中；

2.不同星球采用色彩鮮明亮麗的黃綠色或粉紅色等，與背景色形成鮮明對(duì)比，視覺(jué)沖擊力強(qiáng)，同時(shí)也契合了心智障礙群體有著豐富多彩的內(nèi)心世界的主題；

3.動(dòng)效既轉(zhuǎn)場(chǎng)色彩的運(yùn)用具有驚喜感，以白色為主，使畫(huà)面色彩更加具有呼吸感和空間感，在不突兀的前提下優(yōu)化用戶的視覺(jué)體驗(yàn)。

三、轉(zhuǎn)場(chǎng)及動(dòng)效

1.轉(zhuǎn)場(chǎng)絲滑柔順，如進(jìn)入視頻時(shí)畫(huà)面漸變成白色，再逐漸呈現(xiàn)出視頻畫(huà)面的內(nèi)容，增強(qiáng)用戶對(duì)畫(huà)面的適應(yīng)度；進(jìn)入【星球展示頁(yè)】時(shí)由中間的星球發(fā)出越來(lái)越大的亮光，輻射至滿屏再轉(zhuǎn)場(chǎng)至【星球展示頁(yè)】，既具有視覺(jué)驚喜感又具有視覺(jué)連貫性；

2.動(dòng)效設(shè)計(jì)巧妙靈動(dòng)，使畫(huà)面更加具有呼吸感，如【星球展示頁(yè)】不同顆星球的元素動(dòng)效設(shè)計(jì)既貼合場(chǎng)景又靈動(dòng)活波，樂(lè)游星上的蝴蝶翅膀不停上下煽動(dòng)。