設(shè)計(jì)做到極致注重的就是對于細(xì)節(jié)的把控力，大廠的設(shè)計(jì)師之所以比較優(yōu)秀，就是他們具備很好的細(xì)節(jié)把控力。想要提高產(chǎn)品設(shè)計(jì)的能力，發(fā)現(xiàn)設(shè)計(jì)細(xì)節(jié)和思考設(shè)計(jì)深入的能力至關(guān)重要。

最近在體驗(yàn)產(chǎn)品的時(shí)候，發(fā)現(xiàn)了一些設(shè)計(jì)細(xì)節(jié)做得比較好的優(yōu)秀案例，分享給大家學(xué)習(xí)一下。

分享目錄

一、Banner 輪播轉(zhuǎn)場的品牌化

二、情感化的彈窗設(shè)計(jì)

三、最小化顯示提高空間利用率

四、動(dòng)態(tài)化的設(shè)置引導(dǎo)

五、沉浸式的活動(dòng)氛圍設(shè)計(jì)

六、人性化的提示設(shè)置

七、動(dòng)態(tài)感知的溫度設(shè)計(jì)

八、無處不在的廣告位開發(fā)

九、主題化的圖標(biāo)設(shè)計(jì)

十、新穎的卡片式設(shè)計(jì)

一、Banner 輪播轉(zhuǎn)場的品牌化

立足于品牌做設(shè)計(jì)，才能強(qiáng)化自身產(chǎn)品的差異化。如何在更多設(shè)計(jì)場景中融入品牌基因，是設(shè)計(jì)師需要深入思考的關(guān)鍵。

最近在使用騰訊視頻 APP 時(shí)，發(fā)現(xiàn)首頁 Banner 圖在輪播的轉(zhuǎn)場過程中，以品牌 LOGO 造型作為轉(zhuǎn)場過度。一個(gè)小小的細(xì)節(jié)強(qiáng)化了用戶對于品牌的記憶度，也體現(xiàn)出專屬的設(shè)計(jì)差異。

二、情感化的彈窗設(shè)計(jì)

通過彈窗設(shè)計(jì)可以提高用戶操作效率，也是傳播信息（活動(dòng)/廣告）最直觀的形式。但是體驗(yàn)多了用戶便會(huì)開始排斥，提高彈窗的情感化設(shè)計(jì)變得尤為重要，降低用戶的排斥感才能提高彈窗的作用。

很多娛樂影視等 APP 都會(huì)有“青少年模式”彈窗提示，抖音將彈窗視覺表達(dá)融入了精美的國風(fēng)插畫。也通過針對性的內(nèi)容作為設(shè)置的引導(dǎo)，提高了用戶對“青少年模式”的深入理解，增強(qiáng)了體驗(yàn)的積極性。

插畫的形式在彈窗設(shè)計(jì)中表現(xiàn)比較突出，比如嘀嗒出行 APP 將“推送通知”的彈窗設(shè)計(jì)運(yùn)用插畫增強(qiáng)情感化表達(dá)。相較于生硬的表達(dá)方式用戶更能接受，通過營銷的文案引導(dǎo)用戶授權(quán)，提高了產(chǎn)品的感官體驗(yàn)。

三、最小化顯示提高空間利用率

對于工具型產(chǎn)品不同用戶的操作焦點(diǎn)不同，更多定制化的體驗(yàn)才能提高用戶的操作效率。

釘釘 APP 在協(xié)作欄目中，默認(rèn)展示的各類工具可以進(jìn)行收起，實(shí)現(xiàn)最小化顯示。用戶可以根據(jù)使用習(xí)慣和操作方式選擇收起/展開，提高了當(dāng)前空間的利用率，自定義的功能設(shè)計(jì)可以提高用戶的操作體驗(yàn)。

四、動(dòng)態(tài)化的設(shè)置引導(dǎo)

為了提高用戶隱私權(quán)益，手機(jī)系統(tǒng)針對產(chǎn)品調(diào)用權(quán)限進(jìn)行了阻力設(shè)計(jì)，需要用戶的授權(quán)操作。提高用戶的各類功能授權(quán)就需要設(shè)計(jì)師探索，降低用戶的排斥感和提高授權(quán)的利好政策才能獲得授權(quán)。

抖音在引導(dǎo)用戶開啟通知權(quán)限的設(shè)計(jì)中，采用了動(dòng)態(tài)畫面的表達(dá)來強(qiáng)調(diào)開啟通知的利好政策，以此來攻破用戶的心理防備。相較于生硬的彈窗提示，動(dòng)態(tài)的表達(dá)和引導(dǎo)性的文案更能拉近與用戶的距離感。

五、沉浸式的活動(dòng)氛圍設(shè)計(jì)

沉浸式的體驗(yàn)可以帶給用戶更好的場景感，提高用戶的參與度。在活動(dòng)的設(shè)計(jì)中，不斷向游戲化和沉浸式方向加強(qiáng)體驗(yàn)，提高活動(dòng)的趣味性和強(qiáng)化用戶參與的積極性。

騰訊視頻在情人節(jié)的互動(dòng)活動(dòng)設(shè)計(jì)中，就將搶紅包的活動(dòng)融入到當(dāng)前的界面中，紅包雨鋪滿整個(gè)屏幕，以趣味性的形式滿足用戶心理。不隔斷與界面之間的聯(lián)系，降低活動(dòng)對用戶的干擾，進(jìn)而提高活動(dòng)氛圍感和參與度。

六、人性化的提示設(shè)置

短視頻近些年改變了大家的生活方式和娛樂形式，也有用戶容易過度依賴進(jìn)而影響休息質(zhì)量。

抖音作為短視頻領(lǐng)域的頭部產(chǎn)品之一，在增強(qiáng)用戶體驗(yàn)的同時(shí)也要起到良性的引導(dǎo)作用。當(dāng)用戶刷短視頻一定時(shí)間后會(huì)彈窗提示休息，而提示時(shí)間用戶可以根據(jù)自己的實(shí)際情況進(jìn)行設(shè)置，靈活的設(shè)置可以讓用戶合理分配時(shí)間。健康使用的引導(dǎo)可以讓用戶感受到產(chǎn)品的溫度，提高用戶體驗(yàn)的認(rèn)可度。

七、動(dòng)態(tài)感知的溫度設(shè)計(jì)

天氣預(yù)報(bào)是用戶關(guān)注度較高的信息，對于溫度的感知可以讓我們出行更容易把控。在產(chǎn)品中顯示天氣情況也是一種情感化的升級(jí)，可以帶給用戶更有溫度的體驗(yàn)。

利用餓了么 APP 點(diǎn)餐之后，首頁會(huì)顯示配送情況和當(dāng)前的天氣溫度，背景以動(dòng)態(tài)的天氣畫面增強(qiáng)視覺感知。也希望用戶可以根據(jù)天氣情況對外賣員多一份理解，加強(qiáng)人與人之間的寬容心，帶給用戶更強(qiáng)的情感化體驗(yàn)。

最近在使用愛奇藝 APP 時(shí)，發(fā)現(xiàn)左上角的品牌位置也結(jié)合了天氣情況，結(jié)合頂部視覺區(qū)域的流體漸變，新增的天氣預(yù)報(bào)和品牌 LOGO 完美的通過動(dòng)效過度。整個(gè)設(shè)計(jì)表達(dá)流暢自然，感官體驗(yàn)也是非常值得學(xué)習(xí)的。

八、無處不在的廣告位開發(fā)

廣告是眾多產(chǎn)品實(shí)現(xiàn)流量變現(xiàn)的方式之一，廣告位的開發(fā)也是見縫插針，如何在僅有的空間增加更多廣告位，產(chǎn)品設(shè)計(jì)師也在不斷探索。

最近在使用騰訊視頻 APP 時(shí)，進(jìn)入到個(gè)人中心時(shí)會(huì)默認(rèn)有個(gè)下拉廣告。這個(gè)見縫插針的廣告位新增，對于設(shè)計(jì)師來說讓我感受到了廣告的無處不在，不過對于用戶來說是否會(huì)心生排斥感得通過數(shù)據(jù)去驗(yàn)證。但是作為產(chǎn)品設(shè)計(jì)師這也是一個(gè)啟發(fā)，將有限的空間進(jìn)行深度開發(fā)，還不會(huì)影響已有的結(jié)構(gòu)布局，這也是一個(gè)啟發(fā)性的案例。

九、主題化的圖標(biāo)設(shè)計(jì)

圖標(biāo)是產(chǎn)品中不可或缺的存在，圖標(biāo)設(shè)計(jì)的研究也是設(shè)計(jì)師需要重點(diǎn)對待的技能范圍。精美的圖標(biāo)不僅可以提高產(chǎn)品的感官體驗(yàn)，也能吸引用戶的關(guān)注度，進(jìn)而提高業(yè)務(wù)模塊的點(diǎn)擊欲。

最近在使用順豐速運(yùn)小程序時(shí)，寄快遞欄目的各業(yè)務(wù)入口圖標(biāo)設(shè)計(jì)非常引人注目，結(jié)合主題化的圖標(biāo)設(shè)計(jì)突出了活動(dòng)傳播力度。對于工具型產(chǎn)品而言，強(qiáng)化氛圍感可以打破用戶原有的認(rèn)知，不僅可以突出活動(dòng)主題，也能強(qiáng)化用戶對產(chǎn)品的視覺感知。

十、新穎的卡片式設(shè)計(jì)

卡片式設(shè)計(jì)已經(jīng)流行好幾年了，目前依然是非常普及的 UI 設(shè)計(jì)趨勢之一。如何進(jìn)一步強(qiáng)化卡片式設(shè)計(jì)的創(chuàng)新度，我們需要不斷的嘗試和總結(jié)。

嘩哩嘩哩 APP 的創(chuàng)作中心設(shè)計(jì)也許是一個(gè)不錯(cuò)的啟發(fā)，卡片內(nèi)部右上角的視覺強(qiáng)化使得原本普通的表達(dá)變得更有視覺感。突出的設(shè)計(jì)也成功的吸引了 UP 主的注意力，強(qiáng)化了該入口的點(diǎn)擊欲。這樣的設(shè)計(jì)表達(dá)在保留卡片式設(shè)計(jì)的基礎(chǔ)上，也是一種新穎的視覺表現(xiàn)，可以作為突出業(yè)務(wù)入口的表現(xiàn)方式進(jìn)行探索。