對于設計師來說，遇到設計瓶頸期很正常，入行一段時間后所具備的能力就會達到峰值，無法突破峰值就會遇到瓶頸。主要在設計思維和設計技法層面受限，打開設計思維才能突破瓶頸期，通過積累優秀的案例并進行總結分析，可以更快的打破思維限制。
分享目錄
一、趣味性的登錄設計
二、瓷片區的趣味性手勢交互
三、營造懷舊感的溫馨體驗
四、趣味性的進度提示設計
五、場景感的點擊操作
六、動效引導用戶發帖
七、卡通形象強化瓷片區視覺感
八、不改變布局的曝光強化
九、可以晃動的 Banner 圖
十、場景感的底部標簽欄設計
一、趣味性的登錄設計
登錄是進入產品的第一道防線，也容易讓用戶產生排斥感，降低用戶的防備心理才能提高登錄的意愿度。
盯潮 App 在登錄界面中，以潮流元素和商品等內容進行設計，使得頁面視覺感豐富。晃動手機時元素也會移動，在掉落或者碰撞手機邊緣時配合震動感，讓體驗變得非常有趣。趣味性的設計降低了用戶的排斥感，提升了登錄的意愿度和體驗感。
二、瓷片區的趣味性手勢交互
瓷片區、Banner、金剛區是產品中的三大運營模塊，起到提高曝光度達到引流的目的。瓷片區在頁面中的布局比較靈活，設計表現也非常豐富。
盯潮 App 在首頁瓷片區設計中，以柵格式布局進行區塊劃分，占比較大的模塊類似于 Banner 式表現。通過手勢可以任意拖動實現切換，趣味性和互動性相結合，提高了用戶的使用樂趣。
三、營造懷舊感的溫馨體驗
童年的記憶是我們逝去的青春，每每看到小時候的畫面，總能勾起我們童年的回憶。最近發現一款結合懷舊感營造設計風格的產品，名字叫“軟眠眠”。
這是一款拯救失眠者的治愈系睡眠 App，以一幅小時候生活的環境插畫填充界面背景，圖標設計也是提取小時候的玩物或者生活用品，視覺風格營造極強的懷舊感。無論是畫風還是配色、配樂等，都勾起了我們滿滿的回憶，帶給用戶溫馨的體驗。
四、趣味性的進度提示設計
在完成步驟化和消耗數據等內容表達層面會選擇進度條，通過可視化的表達提高用戶的理解，減輕信息認知負擔。
軟眠眠 App 在定制睡眠計劃的過程中，完成選項時的進度條設計非常有意思，是一個小孩通過拉動繩子移動。拉動過程中結合動態表達，配合手繪風的表現讓人感覺輕松愉快，趣味性的設計也提高了完成選項任務的意愿度。
五、場景感的點擊操作
在保障底層操作體驗的基礎上，設計會越來越講究細節的體驗，逐步強化情感化的融入和場景感的體驗。
最近在體驗小雞上工 App 時，在找工作的列表設計中加入了“搶”按鈕，在點擊列表時按鈕會有按壓的動效過程。模擬搶拍按鈕獲得機會的體驗，營造場景氛圍感，提高了設計表達的趣味性。
六、動效引導用戶發帖
微動效可以提高功能的吸引力，也能讓互動體驗變得更有趣，可以通過動效引導功能操作和提高關注度。
騰訊動漫 App 在圈子欄目中，以 IP 形象結合動效強化發帖按鈕，以此引導用戶參與發帖。動效不僅突出了發帖的關注度，也讓發帖按鈕設計更有親和力，進而提升用戶的點擊欲。
七、卡通形象強化瓷片區視覺感
瓷片區起到強化曝光達到流量引導的作用，提高該模塊的吸引力至關重要，視覺感的突出也尤為重要。
會玩 App 在首頁“一起玩”的瓷片區設計中，以卡通形象結合豐富的色彩進行表現，各種裝扮的形象豐富視覺感。卡通形象設計風格統一，卡片色彩豐富且協調，整體瓷片區視覺沖擊力十足。
八、不改變布局的曝光強化
在當前產品結構不變的基礎上，如何提高局部內容或者主推內容的曝光度，是產品設計師不斷探索的方向。
愛奇藝 App 首頁推薦欄目 Banner 圖下方，默認情況下以宮格布局推薦影片。前段時間在打開時發現了一個臨時設計表達，保持當前結構布局不變，放大了圖片填充和推薦影片，整張畫面填充宮格，視覺張力十足。該設計表達既不會干擾當前布局，也能強化推薦影片的曝光度，解決方案值得探索。
九、可以晃動的 Banner 圖
Banner 可以在創意、造型、互動形式等方面進行設計發揮，也呈現了許多優秀的方案，產品設計師也在不斷嘗試更多的可能性。
最近在體驗盯潮 App 時，發售欄目頂部 Banner 圖設計引人關注。當用戶左右晃動手機時，Banner 圖背景層不動，而文案和產品等元素層會跟著晃動的頻率左右移動。可以晃動的 Banner 圖非常有意思，成功地吸引了用戶的關注度和點擊欲。
十、場景感的底部標簽欄設計
底部標簽欄設計可以在背景、造型、圖標等元素中發揮，其中圖標設計中的發揮相對更多一些，在背景和造型層面的案例較少，不過最近也發現了一個解決方案。
在體驗云游萬里長城小程序時，進入之后的小程序底部標簽欄設計結合了長城墻面和結構，非常有場景代入感。設計了深色版和淺色版，圖標造型設計也融入了長城元素，不失為一種優秀的差異化設計探索。
小結
希望本期的分享可以開啟大家更多設計思維，從優秀的設計方案中發現設計的軌跡，復用到后期的項目設計中。本文描述屬于個人理解和總結，不足之處歡迎大家留言補充，我們互相進步。
