往期細(xì)節(jié)回顧：

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

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

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

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

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

二、情感化的背景設(shè)計(jì)

情感化設(shè)計(jì)可以讓產(chǎn)品與用戶建立更強(qiáng)的共鳴感，讓用戶感受到產(chǎn)品的溫度，促進(jìn)對其服務(wù)的認(rèn)可度。

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

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

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

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

四、考慮用戶習(xí)慣的導(dǎo)航設(shè)計(jì)

抽屜式導(dǎo)航是導(dǎo)航設(shè)計(jì)表達(dá)的形式之一，由于屬于隱藏式的設(shè)計(jì)，通常集合非操作頻繁的功能。

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

五、應(yīng)景的標(biāo)簽設(shè)計(jì)

標(biāo)簽設(shè)計(jì)的表達(dá)形式非常多樣化，也被運(yùn)用到眾多的場景中，輔助內(nèi)容的傳播與理解等。

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

六、情感化的心情記錄

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

最近在使用心島日記記錄心情時，記錄界面設(shè)計(jì)感覺很有意思。通過轉(zhuǎn)盤的交互形式選擇心情，也通過應(yīng)景的動效表達(dá)輔助心情傳遞，整體設(shè)計(jì)情感化體驗(yàn)度非常好。

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

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

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

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

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

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

九、有點(diǎn)意思的圖標(biāo)設(shè)計(jì)

隨著圖標(biāo)設(shè)計(jì)的風(fēng)格越來越多，使得產(chǎn)品設(shè)計(jì)的感官體驗(yàn)得到了提升，設(shè)計(jì)師也在不斷嘗試更多的創(chuàng)意表達(dá)。

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

十、營造冬季氛圍的背景設(shè)計(jì)

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

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

小結(jié)

設(shè)計(jì)靈感來源于日積月累，希望我們的產(chǎn)品體驗(yàn)日記欄目可以成為大家積累的來源。本文描述屬于個人觀點(diǎn)，不足之處大家留言補(bǔ)充。