字節跳動錯襪日公益H5：分享你的不一樣
原標題：你可愛，你的獨特也可愛。打破偏見，分享你的“不一樣”！
他有一個假想中的好朋友，他不喜歡被觸碰，他興奮時會大叫，總是無緣由暴走，他回避與他人的目光交流，只一心躲進自己無邊際的“另個時空”中，他喜歡一個人碎碎念，出門時偶爾還會穿兩只不一樣的襪子，他就是“星星的孩子”。他與眾不同，卻又與你我無異，我們都擁有成為自己的絕對自由，存在的每份“不一樣”都珍貴而可愛。世界充滿嘈雜耳語，讓我們一起打破偏見，給予心智障礙群體更多的關注、理解與接納。
在2021年末的“錯襪日”，億眾互動為字節跳動公益、藝途公益基金會和新周刊打造了一支【測測你的不一樣】公益H5，通過讓用戶選擇自己曾經歷過的幾件“不一樣”的小事，輸入名字生成個性化小事海報，并在其中向用戶介紹“錯襪日”與心智障礙群體，將用戶曾經歷過的小事與該群體的特征相聯系，契合“打破偏見，接納不同”的公益主題。
掃描二維碼，一起來穿錯襪～
（數英APP用戶需點擊放大二維碼，長按識別）
一、策劃邏輯
1、loading頁：一只紫色的襪子悠然自得地信步前行，彩色進度條隨之加載，明亮的色彩鋪在純白的背景色上，各種“不一樣”描畫出世界的斑斕色彩，每一份“與眾不同”共同調和了枯燥乏味的單調性；畫面配以主題文案，使用戶清晰明了地get到H5的主題及其任務；加載完畢后自動進入【選擇頁】；
2、選擇長圖頁：一只紫色襪子坐在小木凳上織一只新的棕色襪子，長長的毛線垂至頁面底端，30件小事懸掛在毛線左右供用戶點擊選擇，用戶選擇完畢后點擊“完成”翻轉進入【信息輸入頁】；
3、信息輸入頁：在昵稱/Name欄中輸入用戶昵稱，點擊“點擊生成”跳轉至【海報頁】；
4、海報頁：標題“這是你不知道的XX”，將用戶所選擇的自己所經歷過的“不一樣小事”列舉呈現，使用戶的“獨特”與心智障礙群體的“獨特”相聯系，他們不一樣，也并非如此不一樣；海報中通過文案與插畫向用戶介紹了心智障礙群體，增進用戶對其的了解，真正達到“打破偏見，理解與接納每一種‘不一樣’”的主題效果；點擊“錯襪日的來源”可在彈窗中進行詳細了解，點擊“分享你的錯襪”進入【分享頁】，長按保存海報；
5、分享頁：海報彈窗配合文案分享，引導用戶分享至好友或朋友圈。
二、視覺設計
1. 整支H5以白色為背景色，搭配紫色的襪子與彩色的進度條，色彩對比更加鮮明，色系的不同之對比更加強烈，蘊含了多種不同且明亮的色彩能夠帶給單調的黑白世界更多的趣味與活力，與“打破偏見，理解接納‘不一樣’”的主題相契合；
2. 【選擇長圖頁】采用淡白色的背景色，將視覺中心轉移至黑色字體顯示的30件小事上，色彩設置突出重點，讓用戶靜心選擇內容，不喧兵奪主；
3. 選擇選項后出現各種表現文字事件的襪子小動效，襪子色彩鮮艷，與背景色形成鮮明對比，與主題契合；
4. 【海報頁】設置了色彩鮮明的穿錯襪的插圖，契合主題，鮮明的色彩配以淡雅的過渡色背景，使畫面更有層次感與呼吸感，優化用戶的視覺體驗。
三．轉場及動效
1. 動效設置用心且巧妙，用戶點擊所選事件后，會出現表現事件的襪子動效，如點擊“對陌生人毫無戒備”后，會出現一只不斷把自己的愛心捧出來遞給他人的動效，契合場景且反饋及時；
2. 運用“翻轉”轉場，絲滑柔順，具有視覺連貫性。
四．互動體驗
交互簡單，操作簡潔，提示明確，以“點擊”和“向下滑動”為交互方式，降低用戶的認知成本及操作成本，將用戶的主要注意力集中在內容上。
不一樣的色彩賦予單調世界以趣味與浪漫，與眾不同的獨特性使每個人成為他自己，快來【測測你的不一樣】，我們一起穿錯襪！
專業評分
專業評分已截止
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）