10個產品細節剖析，看看大廠是如何做設計的！

UI/UX 設計能力的提升離不開分析與探索，針對優秀產品的設計進行分析總結，探索設計背后的經驗規則。為了輔助大家不斷思考和總結，黑馬家族產品體驗日記欄目持續更新，希望可以開啟大家更多的靈感。

今天給大家分享的總結涉及手勢交互、情感化設計探索、感官體驗升級、結構布局突破、自定義設計強化等內容。

利用手勢輔助實現快捷操作

利用手勢交互輔助隱藏式功能操作，可以在不改變當前結構的基礎上實現快捷操作，帶給用戶更加便捷化的體驗。

夸克 APP 在訪問了多層級頁面之后，如果想要快速回到瀏覽器主頁，點擊返回按鈕一級一級返回過于繁瑣。通過底部導航欄向上進行滑動，可以快速激活返回主頁的操作，手勢輔助實現自動跳轉。該設計解決方案通過手勢輔助隱藏功能操作，提高了用戶對于產品的使用體驗。

點贊設計的情感化探索

點贊在閱讀類場景中隨處可見，用于表達用戶對內容的認可度而產生的情感共鳴，通過點贊給予贊同。點贊設計的創新已逐步在探索，通過更加情感化的設計表達提高用戶體驗，借助手勢的變化呈現出更有趣味性的點贊設計。

今日頭條 APP 單擊點贊圖標會隨機性彈出表情化符號，多次點擊會持續彈出更為豐富密集的表情符號，長按則會像模擬持續發射的特效，伴隨著音效和震動帶來“視聽觸”等多重體驗。點贊設計的情感化探索不僅帶給用戶多重感官體驗，也是用戶釋放閱讀壓力的一種情感共鳴。

情感化的點贊文案設計

除了從點贊視覺感官層面進行設計探索以外，眾多產品也在文案提示設計上面進行情感化探索。

AcFun APP 在對話題等內容點贊時，會彈出溫馨的文案提示，每次點贊都會出現不同的文案。情感化的文案設計提高了話題互動的活躍度，帶給用戶更好的社交互動體驗。

突破常規的模式切換設計

設計都在探索差異化的感官表達，如何突破常規至關重要。無論是在布局結構層面還是元素情感化表達層面，設計師都在嘗試更有創新的表達，帶給用戶不一樣的使用體驗。

Wonder APP 在模式切換上做出了一個新穎的設計解決方案，通過環形卡片設計進行模式切換，可以單擊和滑動進行切換。動態的卡通形象增加了感官體驗，流暢的卡片切換也帶來了不錯的操作體驗，是一個在布局層、視覺感官層、互動層等方面的不錯探索。

特色的簽到展示設計

簽到設計對于大家來說并不陌生，提高用戶簽到的參與度是大家都在不斷思考和探索的方向。

AcFun APP 將簽到設計成日歷展示形式，點擊簽到之后彈出，配合日歷運勢的概念來設計，提高用戶的簽到興趣。內容卻不是正式的日歷運勢相關內容，配合趣味化的文案設計，讓用戶會心一笑。視覺感和情感化文案設計的融入，提高了簽到設計的感官體驗，進而提高用戶的參與度。

自定義字號提高閱讀體驗

通過公眾號等自媒體進行閱讀已經成為大家的習慣，不同公眾號編輯內容都會有所不同，字體大小和行間距等沒有特定的規范。官方雖然會有默認設置，但是無法兼顧不同的內容需求。提高小編的編輯體驗和滿足用戶的閱讀體驗，自定義的閱讀調整至關重要。

在公眾號閱讀文章時，可以通過右上角的功能入口進入“調整字體”。用戶可以根據自己的閱讀習慣設置字體大小，在標準和自定義大小之間切換，提高用戶的閱讀體驗。

自選色實現更靈活的個性換膚

個性化的皮膚主題在眾多產品中已經運用普遍，當用戶體量增加之后，個性化的設置才能滿足不同用戶的體驗需求。

酷我音樂 APP 在個性換膚模塊中，除了設置多個主題皮膚供選擇以外，用戶還可以通過自選色設置更加靈活的配色風格。可以選擇更多推薦的配色風格，也可以通過色環自己調節任意顏色，滿足不同用戶對于感官體驗的需求。

自定義圖滿足用戶的創作欲

對于一些追尋個性化較強的用戶，預裝的自定義設計已經無法滿足他們的體驗需求，激發用戶創作欲的設計迎面而來。

酷我音樂 APP 在個性換膚模塊中，用戶可以通過“自定義圖”實現更加個性化的皮膚。用戶可以選擇任意拍攝的照片，然后通過透明度和模糊度來調節照片效果，滿足自己對背景效果的要求。針對按鈕的顏色也提供了幾個配色選擇，用戶可以根據自己調節后的背景效果進行搭配。基于更加個性化的需求滿足用戶的創作欲，才能帶給用戶更加人性化的使用體驗。

關聯功能疊加設計提高使用率

為了提高功能的曝光度，直接展示在用戶的視野中是很多設計師的處理形式，但是卻增加了感官層面的視覺負擔。

幸識 APP 把關聯功能進行合并式的疊加設計，不僅對視覺進行降噪，由于屬于關聯性的操作，用戶更容易通過功能聯想進行使用。當用戶點擊觀看“時間戳”時，底部功能會被替換為“發起”，發起時間戳和觀看本身就是一個流程的體驗。當我們遇到關聯性功能設計時，不一定選擇各自展示，相互疊加或者切換式的交互設計也是不錯的解決方案。

趣味性爆滿的點贊設計

點贊是用戶情緒化表達的關鍵，表示對于內容的認可度和作者的支持度。普通的點贊設計已經無法滿足一些情緒爆滿的用戶，更加趣味夸張的設計在逐步被探索。

微博 APP 針對點贊設計單擊時，出現表情化的符號彈出，持續點擊或者長按點贊圖標則會出現色彩豐富、表情符號四處爆發的視覺效果。一場趣味性爆滿的視覺盛宴，滿足用戶釋放情緒的最大化需求。

小結

在用戶使用體驗和感官體驗層面探索了這些優秀的案例，希望可以拋磚引玉，帶給大家更多啟發。發現設計背后的思路，總結設計表達的經驗，運用優秀案例的技巧，提高我們的設計解決能力。

以上總結僅代表個人觀點，如有不足歡迎大家留言補充，我們互相進步。

歡迎關注作者的微信公眾號：「黑馬家族」