軟件技法的突破是強化設(shè)計的基礎(chǔ)，阻礙設(shè)計能力的提升不只是軟件而已，設(shè)計思維的改變更為重要。通過優(yōu)秀案例的分析總結(jié)才能不斷改變固化的思維，眼界的提升也離不開海量的存儲。

今天黑馬哥將會繼續(xù)延續(xù)往期的分享，給大家?guī)砀啻髲S設(shè)計細(xì)節(jié)的解析，希望通過每一次的總結(jié)帶給大家更多設(shè)計思維。

一、結(jié)合熱度打造品牌情感化

為了提高用戶對產(chǎn)品的忠誠度，除了打造品牌效應(yīng)之外，讓品牌或者體驗更具情感化也是至關(guān)重要的。

最近在體驗夸克 App 時，首頁的品牌 LOGO 會經(jīng)常結(jié)合熱度打造情感化設(shè)計。比如高考到填寫志愿都會分別進行設(shè)計結(jié)合，配合動效設(shè)計提高用戶的關(guān)注度，夸克高考的大數(shù)據(jù)分析，也給填寫志愿帶來了非常強的助力。運用情感化的設(shè)計和人性化的功能，讓產(chǎn)品變得更有溫度，提高了用戶的使用體驗。

二、會變色的背景更吸引人

通過豐富的色彩、動態(tài)的變化、創(chuàng)意的圖形等提高設(shè)計表達(dá)，是增強頁面視覺感和關(guān)注度的有效形式，特別是在界面背景的設(shè)計中。

最近在體驗騰訊動漫 App 時，個人中心頂部視覺區(qū)背景的設(shè)計表達(dá)中，不僅圖形會有微動效，背景配色也會進行動態(tài)變化。清新自然的配色風(fēng)格結(jié)合微動效，帶給用戶感官體驗的同時，也能吸引用戶的關(guān)注度。

三、趣味性的情緒日記

隨著職場壓力和生活瑣事的影響，很多年輕人都容易爆發(fā)情緒，發(fā)泄情緒和管理心情變得尤為重要。也因此出現(xiàn)了很多冥想、情緒日記和記錄等產(chǎn)品，幫助大家發(fā)泄情緒調(diào)整心態(tài)。

最近在體驗罐頭冥想 App 時，設(shè)計風(fēng)格非常有意思，結(jié)合罐頭的 IP 形象提高情感化體驗。利用不同表情的罐頭記錄情緒日記，不同情緒的選擇也會配合對應(yīng)的訓(xùn)練，以此來緩解哪些不愉悅的心情。設(shè)計風(fēng)格個性有趣，交互體驗也不錯，值得體驗。

四、彈幕式搜索設(shè)計

搜索已經(jīng)成為產(chǎn)品的標(biāo)配功能，搜索區(qū)域的設(shè)計也是引導(dǎo)用戶探索更多內(nèi)容的關(guān)鍵，熱門關(guān)鍵詞和一些推薦內(nèi)容也是因此而存在。

搜索設(shè)計的探索也至關(guān)重要，最近通過餓了么 App 搜索時，發(fā)現(xiàn)結(jié)合了彈幕式的樣式，以此來強化熱門搜索內(nèi)容和推薦詞匯等。下拉或者點擊 IP 形象即可出現(xiàn)，以滾動的形式提高內(nèi)容輸出量和吸引用戶關(guān)注度。IP 形象也會以打招呼的形式輸出內(nèi)容，提高局部內(nèi)容的吸引力，強化了搜索設(shè)計的使用體驗。

五、靈活的瓷片區(qū)布局

瓷片區(qū)是提高商品或者活動曝光度的運營位，瓷片區(qū)的設(shè)計也是豐富多樣，靜態(tài)、微動效和結(jié)合手勢交互等均可。

餓了么 App 首頁的瓷片區(qū)設(shè)計非常靈活，配合手勢交互對商品布局進行延續(xù)，自動輪播和手動滑動結(jié)合。充分展示主推商品時也會小圖形式曝光更多商品，切換時商品移動到展開的卡片中，轉(zhuǎn)場流暢自然。靈活的瓷片區(qū)布局不僅提高了商品的曝光度，也增強了該區(qū)域的感官體驗。

六、隱藏式設(shè)計提高頁面利用率

在功能業(yè)務(wù)較多的產(chǎn)品設(shè)計中，如何利用隱藏式設(shè)計提高頁面利用率尤為重要，可以給更多業(yè)務(wù)提供曝光度。

飛豬旅行 App 首頁 Banner 便采用了隱藏式設(shè)計，減少高度占比給下方功能提供了更多的曝光度。上滑頁面時再展開 Banner 隱藏的內(nèi)容，方便用戶進一步了解賣點，提高用戶的點擊率。隱藏式設(shè)計配合手勢交互的呈現(xiàn)，可以讓頁面布局更為靈活，便于內(nèi)容的呈現(xiàn)和版面利用率的提升。

七、個性化的底部標(biāo)簽欄設(shè)計

底部標(biāo)簽欄的設(shè)計風(fēng)格主要集中在圖標(biāo)設(shè)計的發(fā)揮層面，背景層面的裝飾也會帶來一些風(fēng)格變化，優(yōu)秀的案例也是層出不窮。

騰訊動漫 App 底部標(biāo)簽欄圖標(biāo)風(fēng)格比較個性化，結(jié)合手繪風(fēng)插畫進行表現(xiàn)，視覺張力尤為明顯。點擊狀態(tài)還結(jié)合了 IP 形象進行創(chuàng)作，進一步強化了表現(xiàn)形式的差異和品牌感。更多風(fēng)格的嘗試可以打破固化的思維，帶給用戶眼前一亮的感官體驗。

八、品牌化的金剛區(qū)圖標(biāo)設(shè)計

金剛區(qū)是非常靈活多變的功能模塊，圖標(biāo)設(shè)計風(fēng)格也非常豐富，隨著主題活動也可以進行特殊創(chuàng)意。

結(jié)合品牌營造圖標(biāo)氛圍也是打造金剛區(qū)模塊差異的方向，比如麥德龍 App 在金剛區(qū)圖標(biāo)設(shè)計中，便以 IP 形象作為圖標(biāo)背景輪廓，以此突出品牌基因。不僅可以統(tǒng)一零散的元素，使其顯得更為聚焦，也能突出品牌的曝光度，強化用戶對品牌的感知。

九、人性化的提示設(shè)計

以用戶體驗為主導(dǎo)打造產(chǎn)品設(shè)計，才能讓用戶更依賴產(chǎn)品所提供的服務(wù)，要在每一個細(xì)節(jié)上設(shè)計得更人性化。

高德地圖在高考期間，導(dǎo)航時會特意提示高考封路路段，防止用戶選擇錯誤的路線。人性化的提示設(shè)計可以讓用戶少走彎路，盡早對出行做出合理的安排。

十、圖標(biāo)設(shè)計的場景思維

圖標(biāo)設(shè)計除了在風(fēng)格和質(zhì)感層面打造差異，場景思維下的圖標(biāo)會更人性化。根據(jù)現(xiàn)實場景思考圖標(biāo)設(shè)計，結(jié)合用戶操作行為進行顯示，更能提高用戶的情感化體驗。

比如全民 K 歌 App 底部標(biāo)簽欄圖標(biāo)設(shè)計中，默認(rèn)狀態(tài)下的點唱圖標(biāo)話筒是傾斜的，當(dāng)點擊時會動效形式豎起來。模擬拿起話筒唱歌時的動作過程，讓用戶對場景更有代入感，提升操作過程中的體驗感，場景思維下的圖標(biāo)設(shè)計讓服務(wù)過程變得更情感化。

小結(jié)

阻礙我們進步的不是技法而是設(shè)計思維，而設(shè)計思維的提升離不開海量的積累和總結(jié)。通過對優(yōu)秀產(chǎn)品的體驗、分析和總結(jié)，我們可以學(xué)習(xí)案例的表現(xiàn)思路和技巧，有助于積累更多的設(shè)計靈感。

本文描述思路僅代表個人思考過程，不足之處歡迎大家留言補充。

作者：黑馬家族