分享幾個SVG思路，讓交互為你的內容加分
| 寫在最前：
SVG是一種交互圖文形式，
但我們做SVG又從不止于交互本身，
讓交互服務于內容，
提升內容閱讀體驗與信息感知，
才是合格有效的SVG交互。
| 圖層重疊，鏤空填充，形成對比感受
當有了某個品牌的加持后，不同人的生活會發(fā)生什么樣的改變？這是一個很常見，但又必須不斷去溝通的邏輯。
那怎么讓用戶更愿意接受和理解呢？我們以品牌顏色“橙”作為橋梁，“黑白畫面”寓意人生的困難，當橙色注入生活后，問題便有了解決的思路。交互形式與內容相輔相成，實現(xiàn)有效傳播。
案例直達傳送門
| 從一個主體不斷發(fā)散，自動展開多層含義
深圳是一個怎么樣的城市？不同人有著不同的印象和理解。借助自動伸長彈出的形式，豐富涵義逐一出現(xiàn)，給讀者帶來極強沖擊感。搭配深圳這一特殊城市，充分調動國民自豪感，為內容帶來高度認可。
案例直達傳送門
| 擬真老虎機，強化活動參與意愿
活動獎品多種多樣，要怎么讓用戶感受到自己有機會獲取到不同獎品？活動通過小程序參與，推文又該如何強化用戶的參與意愿，避免流失？
我們的答案是從推文開始玩，通過定制老虎機交互樣式，用戶在推文里就能提前預測了解獎品，從而更愿意前往參與。
案例直達傳送門
| 多層展開，將剪彩作為交互無縫融入
隨著第100家分行的開業(yè)，將前99家按地區(qū)劃分并定制逐一點擊展開的交互，進行一次全盤回顧。最后以共同“剪彩”作為交互點，邀請用戶點擊剪彩，共同開啟100新征程。
案例直達傳送門
| 信息融入場景，隨著用戶閱讀層層揭開
制作一個充滿書籍的場景，眾多線索埋藏其中。隨著用戶的滑動，逐一出現(xiàn)揭秘，讓閱讀更順暢有趣。
案例直達傳送門
| 以影院為場景，揭幕交互感受精彩
一場重磅發(fā)布會，就像一出好戲揭幕，為觀眾呈現(xiàn)精彩。以“筑夢劇場”作為包裝，邀請用戶前來觀賞，點擊畫面播放動畫揭幕，整體收縮后進一步展開發(fā)布會中的一個個環(huán)節(jié)，正如一幕幕精彩畫面。
案例直達傳送門
| 滑動“撕開”創(chuàng)意祝福
面對開工節(jié)點，結合開工送福這一大眾有共性的傳統(tǒng)習俗，定制撕福紙的創(chuàng)新互動，還原真實場景與動作，豐富讀者的閱讀體驗。
案例直達傳送門
| 放映機形式，回顧歷史關鍵畫面
點擊圖片跳轉查看
| 隨機結果，實現(xiàn)抽簽結果
直接點擊圖片跳轉查看
| 用下滑形式，巧妙實現(xiàn)關燈與背后心里話
直接點擊圖片跳轉查看
項目信息
參與者
評論
評論
推薦評論
全部評論（3條）