賞析鏈接：https://c.m.163.com/nc/qa/activity/dada_philosophy_7/index.html

完整欣賞此案例大約需要55秒

案例：測測你的哲學氣質

出品：網易噠噠

亮點：

1.策劃上，恰逢世界哲學日。這則案例用問答的形式帶我們一起了解哲學背後的故事，測一測我們普通人內心深處潛在的哲學人格，同時也附加科普的作用。案例一個10個問題，每個問題2-4個答案不等。根據用戶每個問題的選擇，生成個人哲學性格圖之後，用戶可點擊詳情頁查看，諸如犬儒主義、斯多葛主義背後的含義，對哲學小白也很友好。根據用戶答題的選項對應產生 23 種哲學性格。

2.設計上，淺色調，整體畫面以素色為主，有古希臘雕塑，有粒子移動，有近代油畫。畫面豐富，風格多樣。沒有五顏六色的物體，唯黑白兩色，以及自己與自己的交流。這就是哲學最開始出現時的樣子。

3.技術上，使用 Zepto 做 DOM 的操作與畫面的隱現。畫面的轉場與銜接是通過在 canvas 畫布上移動關鍵幀來產生動畫的效果。不同場景的音效進行預載入，到特定畫面再進行觸發，配合轉場動畫實現平滑的過渡效果。

4.體驗上，場景之間銜接自然，轉場動畫自然流暢。由哲學這個主題，引發用戶自身探索的慾望，通過簡單的答題方式來讓用戶瞭解自己內心潛在的哲學性格。並在最後的結果頁附加二級頁的內容詳情，讓用戶瞭解諸如犬儒主義、斯多葛主義等這些哲學名詞背後的含義。案例的畫面上採用素色的設計，隱含了哲學思考自身的含義。

推薦閱讀：