四、考慮用戶習(xí)慣的導(dǎo)航設(shè)計(jì)
五、應(yīng)景的標(biāo)簽設(shè)計(jì)
七、動(dòng)態(tài)感的個(gè)人中心設(shè)計(jì)
八、動(dòng)態(tài) Banner 更有吸引力
九、有點(diǎn)意思的圖標(biāo)設(shè)計(jì)
隨著用戶體驗(yàn)的不斷升級，手勢交互變得越發(fā)普及，使得產(chǎn)品操作體驗(yàn)變得更有互動(dòng)感和趣味性。通過手勢交互的輔助，讓產(chǎn)品設(shè)計(jì)更加簡化，更有利于用戶實(shí)現(xiàn)操作目標(biāo)。
我們經(jīng)常用抖音刷短視頻，可以通過單擊底部標(biāo)簽欄“首頁”進(jìn)行刷新，長按則會(huì)彈出模式切換。通過手勢交互的輔助可以快速切換單列、雙列展示形式，以及刷新首頁和默認(rèn)靜音設(shè)置，不知道這個(gè)操作你發(fā)現(xiàn)了嗎？
情感化設(shè)計(jì)可以讓產(chǎn)品與用戶建立更強(qiáng)的共鳴感，讓用戶感受到產(chǎn)品的溫度，促進(jìn)對其服務(wù)的認(rèn)可度。
在杭州生活的人會(huì)經(jīng)常使用浙里辦，在一些節(jié)慶、節(jié)氣等時(shí)間段打開 App 時(shí)，頂部視覺區(qū)域背景會(huì)進(jìn)行應(yīng)景設(shè)計(jì)。通過情感化的表達(dá)方式營造氛圍感的同時(shí)，也讓用戶感受到產(chǎn)品的溫度，帶來更加溫馨的體驗(yàn)感。
瓷片區(qū)的靈活性可以方便更多功能模塊的布局，也能自由更換和增刪處理，只要保障基礎(chǔ)框架結(jié)構(gòu)的穩(wěn)定即可。
酷狗音樂未登錄時(shí)首頁推薦板塊的瓷片區(qū)設(shè)計(jì)，在滑動(dòng)過程中會(huì)進(jìn)行自適應(yīng)布局，方便進(jìn)行結(jié)構(gòu)的填充和內(nèi)容的補(bǔ)充。默認(rèn)時(shí)隱藏部分內(nèi)容可以提高當(dāng)前位置的利用率，便于提高更多內(nèi)容的曝光度，交互過程中的動(dòng)效表達(dá)也非常的流暢自然。
抽屜式導(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í)慣的用戶需求。
標(biāo)簽設(shè)計(jì)的表達(dá)形式非常多樣化，也被運(yùn)用到眾多的場景中，輔助內(nèi)容的傳播與理解等。
天氣冷了，大家會(huì)在淘寶買一些秋冬服裝等商品，當(dāng)搜索秋冬外套、保暖等關(guān)鍵詞時(shí)，會(huì)出現(xiàn)降溫坐標(biāo)、輕暖等標(biāo)簽設(shè)計(jì)。通過標(biāo)簽突出了商品關(guān)鍵詞的特征，也讓用戶可以感受到季節(jié)的變化，促進(jìn)商品被搜索的概率。
隨著生活壓力和職場壓力的不斷增加，為了緩解大家的焦慮情緒，衍生出很多日記類產(chǎn)品，幫助大家記錄心情和管理調(diào)節(jié)。
最近在使用心島日記記錄心情時(shí)，記錄界面設(shè)計(jì)感覺很有意思。通過轉(zhuǎn)盤的交互形式選擇心情，也通過應(yīng)景的動(dòng)效表達(dá)輔助心情傳遞，整體設(shè)計(jì)情感化體驗(yàn)度非常好。
個(gè)人中心的設(shè)計(jì)在整個(gè)產(chǎn)品設(shè)計(jì)中都是非常重要的存在，也因此出現(xiàn)了眾多優(yōu)秀的設(shè)計(jì)方案。
心島日記的個(gè)人中心設(shè)計(jì)中，頂部區(qū)域背景以動(dòng)態(tài)的形式表達(dá)，描繪出的場景讓人心情愉悅。相較于靜態(tài)畫面的表達(dá)，動(dòng)感的設(shè)計(jì)更能打動(dòng)用戶。
Banner 設(shè)計(jì)在產(chǎn)品中的表現(xiàn)形式也非常豐富，可以在視覺創(chuàng)意中發(fā)揮，也可以在造型結(jié)構(gòu)中變化，還能動(dòng)靜各異。
最近在使用支付寶時(shí)，首頁為了突出發(fā)放消費(fèi)券的活動(dòng)，采用了動(dòng)態(tài) Banner 設(shè)計(jì)。突出的視覺和動(dòng)感的效果，讓活動(dòng)變得特別突出，增加板塊吸引力，提高用戶參與度。
隨著圖標(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ú)特而有新意。
冬天雖然很冷，但是也有獨(dú)特的風(fēng)景帶給大家，在寒冷中感受這個(gè)季節(jié)的獨(dú)特魅力。
飛豬旅行 App 在首頁設(shè)計(jì)中，頂部背景區(qū)域結(jié)合冬季下雪與堆雪人等元素，以動(dòng)態(tài)的形式營造了這個(gè)冬季獨(dú)有的氛圍感。不僅提升了產(chǎn)品的感官度，也讓用戶更有季節(jié)代入感。
設(shè)計(jì)靈感來源于日積月累，希望我們的產(chǎn)品體驗(yàn)日記欄目可以成為大家積累的來源。本文描述屬于個(gè)人觀點(diǎn)，不足之處大家留言補(bǔ)充。
作者：黑馬青年鏈接：https://www.zcool.com.cn/article/ZMTY0OTI0NA==.html來源：站酷著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。
