10個產品細節(jié)剖析，看看高手如何做設計！

往期細節(jié)回顧：

每次看到這些優(yōu)秀的設計細節(jié)，總能帶給自己一些設計反思，為什么我沒有想到還能這樣設計呢！

發(fā)現(xiàn)優(yōu)秀的設計解決方案是提升設計師眼界的關鍵，我們也定期給大家推薦一些優(yōu)秀的案例，希望可以帶給大家一些設計思考。

一、這個隱藏的手勢交互你忽略沒

隨著用戶體驗的不斷升級，手勢交互變得越發(fā)普及，使得產品操作體驗變得更有互動感和趣味性。通過手勢交互的輔助，讓產品設計更加簡化，更有利于用戶實現(xiàn)操作目標。

我們經(jīng)常用抖音刷短視頻，可以通過單擊底部標簽欄“首頁”進行刷新，長按則會彈出模式切換。通過手勢交互的輔助可以快速切換單列、雙列展示形式，以及刷新首頁和默認靜音設置，不知道這個操作你發(fā)現(xiàn)了嗎？

二、情感化的背景設計

情感化設計可以讓產品與用戶建立更強的共鳴感，讓用戶感受到產品的溫度，促進對其服務的認可度。

在杭州生活的人會經(jīng)常使用浙里辦，在一些節(jié)慶、節(jié)氣等時間段打開 App 時，頂部視覺區(qū)域背景會進行應景設計。通過情感化的表達方式營造氛圍感的同時，也讓用戶感受到產品的溫度，帶來更加溫馨的體驗感。

三、自適應的瓷片區(qū)布局

瓷片區(qū)的靈活性可以方便更多功能模塊的布局，也能自由更換和增刪處理，只要保障基礎框架結構的穩(wěn)定即可。

酷狗音樂未登錄時首頁推薦板塊的瓷片區(qū)設計，在滑動過程中會進行自適應布局，方便進行結構的填充和內容的補充。默認時隱藏部分內容可以提高當前位置的利用率，便于提高更多內容的曝光度，交互過程中的動效表達也非常的流暢自然。

四、考慮用戶習慣的導航設計

抽屜式導航是導航設計表達的形式之一，由于屬于隱藏式的設計，通常集合非操作頻繁的功能。

酷狗音樂采用了底部標簽欄和抽屜式導航結合的形式，即滿足高頻功能的便利性，也能集合更多低頻功能。由于大屏手機的普及，用戶單手操作的習慣各有差異，考慮用戶左手或者右手都能輕松打開導航，酷狗音樂右上角的導航圖標可以從右側打開導航，左手貼邊向右滑可以從左側打開導航，滿足了不同操作習慣的用戶需求。

五、應景的標簽設計

標簽設計的表達形式非常多樣化，也被運用到眾多的場景中，輔助內容的傳播與理解等。

天氣冷了，大家會在淘寶買一些秋冬服裝等商品，當搜索秋冬外套、保暖等關鍵詞時，會出現(xiàn)降溫坐標、輕暖等標簽設計。通過標簽突出了商品關鍵詞的特征，也讓用戶可以感受到季節(jié)的變化，促進商品被搜索的概率。

六、情感化的心情記錄

隨著生活壓力和職場壓力的不斷增加，為了緩解大家的焦慮情緒，衍生出很多日記類產品，幫助大家記錄心情和管理調節(jié)。

最近在使用心島日記記錄心情時，記錄界面設計感覺很有意思。通過轉盤的交互形式選擇心情，也通過應景的動效表達輔助心情傳遞，整體設計情感化體驗度非常好。

七、動態(tài)感的個人中心設計

個人中心的設計在整個產品設計中都是非常重要的存在，也因此出現(xiàn)了眾多優(yōu)秀的設計方案。

心島日記的個人中心設計中，頂部區(qū)域背景以動態(tài)的形式表達，描繪出的場景讓人心情愉悅。相較于靜態(tài)畫面的表達，動感的設計更能打動用戶。

八、動態(tài) Banner 更有吸引力

Banner 設計在產品中的表現(xiàn)形式也非常豐富，可以在視覺創(chuàng)意中發(fā)揮，也可以在造型結構中變化，還能動靜各異。

最近在使用支付寶時，首頁為了突出發(fā)放消費券的活動，采用了動態(tài) Banner 設計。突出的視覺和動感的效果，讓活動變得特別突出，增加板塊吸引力，提高用戶參與度。

九、有點意思的圖標設計

隨著圖標設計的風格越來越多，使得產品設計的感官體驗得到了提升，設計師也在不斷嘗試更多的創(chuàng)意表達。

最近在飛豬旅行 App 中，發(fā)現(xiàn)其圖標設計有點意思。部分圖標采用書法里面的連筆形式，結合漸變色使得整體圖標風格年輕活潑，設計表達獨特而有新意。

十、營造冬季氛圍的背景設計

冬天雖然很冷，但是也有獨特的風景帶給大家，在寒冷中感受這個季節(jié)的獨特魅力。

飛豬旅行 App 在首頁設計中，頂部背景區(qū)域結合冬季下雪與堆雪人等元素，以動態(tài)的形式營造了這個冬季獨有的氛圍感。不僅提升了產品的感官度，也讓用戶更有季節(jié)代入感。

小結

設計靈感來源于日積月累，希望我們的產品體驗日記欄目可以成為大家積累的來源。本文描述屬于個人觀點，不足之處大家留言補充。