10個產品細節剖析,看看高手如何做設計!

往期細節回顧:

每次看到這些優秀的設計細節,總能帶給自己一些設計反思,為什么我沒有想到還能這樣設計呢!

發現優秀的設計解決方案是提升設計師眼界的關鍵,我們也定期給大家推薦一些優秀的案例,希望可以帶給大家一些設計思考。

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

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

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

10個產品細節剖析,看看高手如何做設計!

二、情感化的背景設計

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

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

10個產品細節剖析,看看高手如何做設計!

三、自適應的瓷片區布局

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

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

10個產品細節剖析,看看高手如何做設計!

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

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

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

10個產品細節剖析,看看高手如何做設計!

五、應景的標簽設計

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

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

10個產品細節剖析,看看高手如何做設計!

六、情感化的心情記錄

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

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

10個產品細節剖析,看看高手如何做設計!

七、動態感的個人中心設計

個人中心的設計在整個產品設計中都是非常重要的存在,也因此出現了眾多優秀的設計方案

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

10個產品細節剖析,看看高手如何做設計!

八、動態 Banner 更有吸引力

Banner 設計在產品中的表現形式也非常豐富,可以在視覺創意中發揮,也可以在造型結構中變化,還能動靜各異。

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

10個產品細節剖析,看看高手如何做設計!

九、有點意思的圖標設計

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

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

10個產品細節剖析,看看高手如何做設計!

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

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

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

10個產品細節剖析,看看高手如何做設計!

小結

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

收藏 31
點贊 51

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。