有時(shí)候創(chuàng)意就體現(xiàn)在很細(xì)節(jié)的局部，不一定是多么驚人的想法，只要一個(gè)細(xì)微的差異，就能拿捏用戶的情緒。一些簡(jiǎn)單的設(shè)計(jì)處理，只要讓用戶多看幾眼，就能實(shí)現(xiàn)設(shè)計(jì)目的。

本期黑馬哥繼續(xù)為大家分享一些不錯(cuò)的設(shè)計(jì)案例，希望這些設(shè)計(jì)思路可以給你開眼，帶給你更多創(chuàng)作靈感。

通過線上打卡已經(jīng)成為眾多業(yè)務(wù)方向的選擇，在便利性的同時(shí)也方便管理與追溯。為了提高用戶的打卡參與度，產(chǎn)品設(shè)計(jì)師也在不斷挖掘更有趣、體驗(yàn)更好的解決方案。

作為上班族和家長們會(huì)用到一些打卡軟件來輔助完成工作或者學(xué)習(xí)等，平時(shí)我也會(huì)經(jīng)常使用釘釘給小孩進(jìn)行課業(yè)打卡。在完成打卡后我的成果展示設(shè)計(jì)中，打卡標(biāo)記的設(shè)計(jì)中嵌入系列 IP 形象或者圖形，通過情感化的設(shè)計(jì)提升了成果展示的趣味性，更能激發(fā)小朋友參與打卡的熱度。

底部標(biāo)簽欄更便于用戶操作頻繁切換的功能，通常 3~5 個(gè)為最佳，如果遇到超過極限值時(shí)就需要在交互形式上面思考解決方案。

在洋蔥學(xué)園 APP 中，體驗(yàn)到一個(gè)底部標(biāo)簽欄帶有二級(jí)導(dǎo)航的設(shè)計(jì)方案，很好的解決了超過極限值的情況。在二級(jí)導(dǎo)航設(shè)計(jì)中強(qiáng)化了字體和添加了圖片背景區(qū)分狀態(tài)，以差異化的視覺表現(xiàn)吸引用戶關(guān)注度，以此增加二級(jí)導(dǎo)航的操作率。

圖標(biāo)在產(chǎn)品中主要分為功能性和修飾性，對(duì)產(chǎn)品的操作體驗(yàn)和感官體驗(yàn)都起到了非常重要的作用，圖標(biāo)的運(yùn)用也被深挖到各種業(yè)務(wù)場(chǎng)景中。

在嗶哩嗶哩任務(wù)中心欄目中，展示紅包、獎(jiǎng)勵(lì)、積分、獎(jiǎng)品的設(shè)計(jì)中，除了量化的數(shù)字結(jié)合以外，在各自數(shù)據(jù)背景中還添加了圖標(biāo)設(shè)計(jì)。相較于單純的數(shù)據(jù)展示而言，圖標(biāo)背景化的運(yùn)用不僅提升了設(shè)計(jì)的感官度，也助力了業(yè)務(wù)屬性的差異化。

彈窗設(shè)計(jì)在圖形創(chuàng)意、視覺表現(xiàn)和造型等方面都有更多發(fā)揮空間，為了提升轉(zhuǎn)化率和降低阻力設(shè)計(jì)帶來的負(fù)面情緒，提升彈窗設(shè)計(jì)的體驗(yàn)感也是至關(guān)重要的。

在使用我愛我家 APP 時(shí)，發(fā)現(xiàn)新版本的彈窗設(shè)計(jì)造型結(jié)合品牌和業(yè)務(wù)性質(zhì)進(jìn)行設(shè)計(jì)，區(qū)別于常規(guī)造型的彈窗表達(dá)。品牌化的探索可以強(qiáng)化用戶對(duì)產(chǎn)品的品牌記憶度，深化用戶粘性。

卡片式設(shè)計(jì)是近些年非常流行的 UI 趨勢(shì)之一，卡片式設(shè)計(jì)無論在視覺表現(xiàn)力還是造型層面都呈現(xiàn)出了眾多案例，簡(jiǎn)單的形式被賦予了各式各樣的表達(dá)。

最近發(fā)現(xiàn)了一個(gè)色彩豐富的卡片式設(shè)計(jì)案例，相較于常規(guī)的白色卡片而言，嘀嗒出行的設(shè)計(jì)中給帶有描邊的卡片添加了局部突出部位作為背景。在色彩漸變的強(qiáng)化中，不僅使得卡片結(jié)構(gòu)化，也體現(xiàn)出了青春活潑的感官氛圍。

品牌 IP 在產(chǎn)品設(shè)計(jì)中的運(yùn)用已經(jīng)逐步普及，提升情感化設(shè)計(jì)的同時(shí)，也是助力品牌化的關(guān)鍵。

在掌上生活 APP 設(shè)計(jì)中，為了突出服務(wù)大廳入口的曝光度，采用動(dòng)態(tài) IP 來強(qiáng)化該功能的關(guān)注度。動(dòng)態(tài)化的小招喵更有吸引力，強(qiáng)化功能的同時(shí)也讓用戶感受到輕松愉悅，提升了產(chǎn)品設(shè)計(jì)的情感化體驗(yàn)值。

用戶反饋是提高忠誠度和采集數(shù)據(jù)的關(guān)鍵，為了提高用戶反饋的意愿度，從情感化設(shè)計(jì)或者互動(dòng)性等方面都在不斷探索。

通過餓了么訂餐之后，當(dāng)配送員完成送達(dá)時(shí)，會(huì)彈窗提示用戶是否已收到商品。通過表情化的圖標(biāo)配合文案設(shè)計(jì)，情緒化的表達(dá)使得反饋更清晰，更能提升用戶的反饋意愿。

地圖軟件的出現(xiàn)改變了大家的出行方式，再也不會(huì)擔(dān)心迷路，可以盡情地走南闖北。隨著產(chǎn)品體驗(yàn)的不斷升級(jí)，地圖軟件也越來越人性化，帶給用戶優(yōu)質(zhì)的導(dǎo)航體驗(yàn)。

對(duì)于駕駛的用戶來說，如果使用高德地圖提前開始導(dǎo)航會(huì)進(jìn)行人性化的導(dǎo)向，方便導(dǎo)航時(shí)間預(yù)估得更加精準(zhǔn)。點(diǎn)擊我已上車即可開始導(dǎo)航，讓導(dǎo)航體驗(yàn)變得更加人性化。

為了提升預(yù)設(shè)內(nèi)容的體驗(yàn)度，針對(duì)一些默認(rèn)的內(nèi)容也在逐步走向情感化設(shè)計(jì)的方向，可以讓用戶感受到更加真實(shí)的操作體驗(yàn)。

針對(duì)頭像設(shè)置也從默認(rèn)的灰色人物剪影演變?yōu)閭€(gè)性化的 IP 形象、人偶、真實(shí)人物形象等，為了提升互動(dòng)性，也在提供動(dòng)態(tài)化的解決方案。比如豆包 APP 在給豆包設(shè)置頭像時(shí)，設(shè)計(jì)了不同性別的動(dòng)態(tài)頭像，使得頭像表達(dá)更加生動(dòng)形象。

產(chǎn)品設(shè)計(jì)的風(fēng)格越來越多樣化，為了體現(xiàn)差異化的體驗(yàn)，個(gè)性化的界面設(shè)計(jì)也是層出不窮。

最近在點(diǎn)餐時(shí)體驗(yàn)到一個(gè)設(shè)計(jì)風(fēng)格非常個(gè)性化的小程序，名字叫：WHAT TO EAT。區(qū)別于別的點(diǎn)餐類產(chǎn)品，該產(chǎn)品設(shè)計(jì)風(fēng)格以線性插畫風(fēng)結(jié)合，非常有個(gè)性化。不僅強(qiáng)化了自身品牌感，也深化了用戶的記憶點(diǎn)。

優(yōu)秀的設(shè)計(jì)細(xì)節(jié)可以幫助我們打開禁錮的思維，創(chuàng)作出更優(yōu)秀的設(shè)計(jì)方案。描述的觀點(diǎn)屬于個(gè)人經(jīng)驗(yàn)總結(jié)，不足之處我們繼續(xù)努力改進(jìn)。

本文由 @黑馬青年 原創(chuàng)發(fā)布。未經(jīng)許可，禁止轉(zhuǎn)載。