一(yī)、這(zhè)個(gè)隐藏的(de)手勢交互你(nǐ)忽略沒

随著(zhe)用(yòng)戶體(tǐ)驗的(de)不(bù)斷升級，手勢交互變得(de)越發普及，使得(de)産品操作(zuò)體(tǐ)驗變得(de)更有(yǒu)互♥動感和(hé)趣味性。通(tōng)過手勢交互的(de)輔助，讓産品設計(jì)更加簡化(huà)，更有(yǒu)利于用(yòng)戶實現(xiàn)操作(zuò)目标。

我們經常用(yòng)抖音(yīn)刷短(duǎn)視(shì)頻(pín)，可(kě)以通(tōng)過單擊底部标簽欄“首頁”進行(xíng)刷新，長(cháng)按則會(huì)彈<出模式切換。通(tōng)過手勢交互的(de)輔助可(kě)以快(kuài)速切換單列、雙列展示形式，以及刷新首頁和>(hé)默認靜(jìng)音(yīn)設置，不(bù)知(zhī)道(dào)這(zhè)個(gè)操作(zuò)你(nǐ)發現(xiàεn)了(le)嗎(ma)？

二、情感化(huà)的(de)背景設計(jì)

情感化(huà)設計(jì)可(kě)以讓産品與用(yòng)戶建立更強的(de)共鳴感，讓用(yòng)戶感受到(dào)産品的(de)溫度，促進對(duì)其服♥務的(de)認可(kě)度。

在杭州生(shēng)活的(de)人(rén)會(huì)經常使用(yòng)浙裡(lǐ)辦，在一(yī)些(xiē)節慶、節氣等時∏(shí)間(jiān)段打開(kāi) App 時(shí)，頂部視(shì)覺區(qū)域背景會(huì)進行(xíng)應景設計(jì)。通(tōng)過情感化(huà)的(de)表達方式營 造氛圍感的(de)同時(shí)，也(yě)讓用(yòng)戶感受到(dào)産品的(de)溫度，帶來(lái)更加溫馨的(de)體(tǐ)驗感。

三、自(zì)适應的(de)瓷片區(qū)布局

瓷片區(qū)的(de)靈活性可(kě)以方便更多(duō)功能(néng)模塊的(de)布局，也(yě)能(néng)自(zì)由更π換和(hé)增删處理(lǐ)，隻要(yào)保障基礎框架結構的(de)穩定即可(kě)。

酷狗音(yīn)樂(yuè)未登錄時(shí)首頁推薦闆塊的(de)瓷片區(qū)設計(jì)，在滑動過程中會(huì)進×行(xíng)自(zì)适應布局，方便進行(xíng)結構的(de)填充和(hé)內(nèi)容的(de)補充。默認時(shí)隐藏部分(fēn)γ內(nèi)容可(kě)以提高(gāo)當前位置的(de)利用(yòng)率，便于提高(gāo)更多(duō)內(nèi)容的(de)曝光(guāng)度，交互過程中的(de)動₹效表達也(yě)非常的(de)流暢自(zì)然。

四、考慮用(yòng)戶習(xí)慣的(de)導航設計(jì)

抽屜式導航是(shì)導航設計(jì)表達的(de)形式之一(yī)，由于屬于隐藏式的(de)設計(jì)，通(tōn​g)常集合非操作(zuò)頻(pín)繁的(de)功能(néng)。

酷狗音(yīn)樂(yuè)采用(yòng)了(le)底部标簽欄和(hé)抽屜式導航結合的(de)形式，即滿足高(gāo)頻(pí&n)功能(néng)的(de)便利性，也(yě)能(néng)集合更多(duō)低(dī)頻(pín)功能(né ng)。由于大(dà)屏手機(jī)的(de)普及，用(yòng)戶單手操作(zuò)的(de)習(xí)慣各↓有(yǒu)差異，考慮用(yòng)戶左手或者右手都(dōu)能(néng)輕松打開(kāi)導航，酷狗音(yīn)樂(yuè)右上(shàng)角的♦(de)導航圖标可(kě)以從(cóng)右側打開(kāi)導航，左手貼邊向右滑可(kě)以從(cóng)左側打開(kāi)導航，滿足了(le)不(bù)同操σ作(zuò)習(xí)慣的(de)用(yòng)戶需求。

五、應景的(de)标簽設計(jì)

标簽設計(jì)的(de)表達形式非常多(duō)樣化(huà)，也(yě)被運用(yòng)到(dào)衆多(duō)的(de)場(chǎng)景中，輔助內(nèi)容的(de)傳播與理(lǐ®)解等。

天氣冷(lěng)了(le)，大(dà)家(jiā)會(huì)在淘寶買一(yī)些(xiē)秋冬服裝等商品，當搜索秋冬外(wài)套、保暖等關鍵詞時(shí)≠，會(huì)出現(xiàn)降溫坐(zuò)标、輕暖等标簽設計(jì)。通(tōng)過标簽突出了(le)商品關鍵詞的(de)特征，也(yě)讓用(yòng)戶可(kě)以♥感受到(dào)季節的(de)變化(huà)，促進商品被搜索的(de)概率。

六、情感化(huà)的(de)心情記錄

随著(zhe)生(shēng)活壓力和(hé)職場(chǎng)壓力的(de)不(bù)斷增加，為(wèi)了(le)緩解大(dà)家(jiā)的(de)焦慮情緒，衍生α(shēng)出很(hěn)多(duō)日(rì)記類産品，幫助大(dà)家(jiā)記錄心情和(hé)管理(lǐ)調節。

最近(jìn)在使用(yòng)心島日(rì)記記錄心情時(shí)，記錄界面設計(jì)感覺很(hěn)有(yǒu)意思。通(tōng)過∑轉盤的(de)交互形式選擇心情，也(yě)通(tōng)過應景的(de)動效表達輔助心情傳遞，整體(tǐ)設計(jì)情感化(huà)體(tǐ​)驗度非常好(hǎo)。

七、動态感的(de)個(gè)人(rén)中心設計(jì)

個(gè)人(rén)中心的(de)設計(jì)在整個(gè)産品設計(jì)中都(dōu)是(shì)非δ常重要(yào)的(de)存在，也(yě)因此出現(xiàn)了(le)衆多(duō)優秀的(de)設計(jì)方案。

心島日(rì)記的(de)個(gè)人(rén)中心設計(jì)中，頂部區(qū)域背景以動态的(de)形式表達，描繪出的(de)×場(chǎng)景讓人(rén)心情愉悅。相(xiàng)較于靜(jìng)态畫(huà)面的(de)表達，動感的(de)設計(jì)更能(néng)打動用(yòng)戶。

八、動态 Banner 更有(yǒu)吸引力

Banner 設計(jì)在産品中的(de)表現(xiàn)形式也(yě)非常豐富，可(kě)以在視(shì₩)覺創意中發揮，也(yě)可(kě)以在造型結構中變化(huà)，還(hái)能(néng)動靜(jìng)各異。

最近(jìn)在使用(yòng)支付寶時(shí)，首頁為(wèi)了(le)突出發放(fàng)消費(fèi)券的(d←e)活動，采用(yòng)了(le)動态 Banner 設計(jì)。突出的(de)視(shì)覺和(hé)動感的&(de)效果，讓活動變得(de)特别突出，增加闆塊吸引力，提高(gāo)用(yòng)戶參與度。

九、有(yǒu)點意思的(de)圖标設計(jì)

随著(zhe)圖标設計(jì)的(de)風(fēng)格越來(lái)越多(duō)，使得(de)産品設計(jì)的(de)感官體(tǐ)驗得(de)到(dào)了(lεe)提升，設計(jì)師(shī)也(yě)在不(bù)斷嘗試更多(duō)的(de)創意表達。

最近(jìn)在飛(fēi)豬旅行(xíng) App 中，發現(xiàn)其圖标設計(jì)有(yǒu)點意思。部分(fēn )圖标采用(yòng)書(shū)法裡(lǐ)面的(de)連筆(bǐ)形式，結合漸變色使得(de)整體(tǐ)圖标風(fēng)格年(nián)輕♣活潑，設計(jì)表達獨特而有(yǒu)新意。

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

冬天雖然很(hěn)冷(lěng)，但(dàn)是(shì)也(yě)有(yǒu)獨特的(de)風(fēng)景帶給大(dàσ)家(jiā)，在寒冷(lěng)中感受這(zhè)個(gè)季節的(de)獨特魅力。

飛(fēi)豬旅行(xíng) App 在首頁設計(jì)中，頂部背景區(qū)域結合冬季下(xià)雪(xuě)與堆雪(​xuě)人(rén)等元素，以動态的(de)形式營造了(le)這(zhè)個(gè)冬季獨有(yǒu‍)的(de)氛圍感。不(bù)僅提升了(le)産品的(de)感官度，也(yě)讓用(yòng)戶更有(yǒu)季節代入感。

小(xiǎo)結

設計(jì)靈感來(lái)源于日(rì)積月(yuè)累，希望我們的(de)産品體(tǐ)驗日(rì)記∑欄目可(kě)以成為(wèi)大(dà)家(jiā)積累的(de)來(lái)源。本文(wén)描述屬于個(gè)人(rén)λ觀點，不(bù)足之處大(dà)家(jiā)留言補充。

【轉載：黑(hēi)馬青年(nián)】