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

數(shù)英評分

收藏評論

舉報 2022-01

掃描,分享朋友圈

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

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

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

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

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

一、策劃邏輯

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

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

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

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

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

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

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

二、視覺設(shè)計

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

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

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

三、轉(zhuǎn)場及動效

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

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