再細(xì)心一點(diǎn),就能看到不一樣的設(shè)計(jì)

2023-1-4    博博

一、個(gè)性化的性別選擇設(shè)計(jì)


完善信息對于產(chǎn)品來說是提升體驗(yàn)的關(guān)鍵,一些產(chǎn)品在初始狀態(tài)會引導(dǎo)用戶去完善,比如昵稱、頭像、性別、年齡等基礎(chǔ)信息的采集。如何提高用戶的設(shè)置興趣,降低完善信息的排斥感,需要設(shè)計(jì)師進(jìn)行反復(fù)推敲。


最近在體驗(yàn) FLAG APP 的時(shí)候,在性別選擇界面設(shè)計(jì)上區(qū)別于以往體驗(yàn)過的產(chǎn)品,將性別的可視化進(jìn)行了更為情感化的強(qiáng)化。出色的設(shè)計(jì)讓用戶眼前一亮,精美的插畫提高了整體設(shè)計(jì)的感官體驗(yàn)。該案例提供了性別選擇差異化的表現(xiàn),是提高常規(guī)信息界面設(shè)計(jì)視覺感的不錯(cuò)思路。




二、情感化的用戶等級設(shè)計(jì)


用戶等級是增加黏性的關(guān)鍵,也能通過等級帶給會員更多的增值服務(wù),激發(fā)用戶的參與度。


在使用海馬體照相館 APP 的時(shí)候,個(gè)人中心在頂部視覺區(qū)域會直接顯示用戶等級,配合情感化的人物插畫特別突出。通過左右滑動可以查看不同的等級,等級名稱和對應(yīng)的人物形象插畫也會針對性的設(shè)計(jì),不僅強(qiáng)化了用戶體驗(yàn),不錯(cuò)的視覺感也能吸引用戶的關(guān)注度。




三、精美的插畫助你釋放壓力


插畫在產(chǎn)品設(shè)計(jì)中的曝光度越來越高,風(fēng)格多樣化直接影響產(chǎn)品風(fēng)格,也能增強(qiáng)情感化體驗(yàn)。全靠插畫撐起整個(gè)產(chǎn)品的案例是什么樣子呢?最近發(fā)現(xiàn)了這么一款產(chǎn)品。


Wild Journey 是一款解壓的白噪音 APP,內(nèi)置了許多大自然的聲音,讓用戶體驗(yàn)到荒野的空曠、森林的靜謐、大海的波濤。整個(gè)設(shè)計(jì)全是精美的矢量插畫作品,帶給用戶賞心悅目的感官體驗(yàn)。來這里釋放自己的壓力,放松身心。




四、趨勢化的引導(dǎo)頁設(shè)計(jì)


引導(dǎo)頁設(shè)計(jì)是最容易呈現(xiàn)風(fēng)格趨勢的,利于設(shè)計(jì)師進(jìn)行創(chuàng)意發(fā)揮。無論是想要發(fā)揮插畫技能、建模能力或者動效表現(xiàn),引導(dǎo)頁都能提供發(fā)揮的場景。


最近在體驗(yàn)嘀嗒出行的時(shí)候,發(fā)現(xiàn)全新升級的 9.0 版本,引導(dǎo)頁設(shè)計(jì)風(fēng)格也是讓人耳目一新。利用了趨勢感的插畫風(fēng)格和視覺表現(xiàn)風(fēng)格(玻璃質(zhì)感風(fēng))相結(jié)合,畫面清新自然,帶給用戶非常好的視覺感官體驗(yàn)。




五、可視化表現(xiàn)提高用戶理解度


可視化設(shè)計(jì)逐步成為信息傳遞的趨勢,利用圖形化的形式更利于用戶理解,相較于枯燥的文字化呈現(xiàn)來說閱讀理解的效率更高。


Keep 在產(chǎn)品設(shè)計(jì)的時(shí)候,有效的將一些數(shù)據(jù)的表達(dá)和內(nèi)容的普及以可視化的圖形進(jìn)行展示,不僅提高了界面設(shè)計(jì)的感官體驗(yàn),也能有利于用戶對于內(nèi)容的理解。提高界面設(shè)計(jì)的視覺感也能讓用戶更為關(guān)注,圖形可視化已經(jīng)逐步成為產(chǎn)品設(shè)計(jì)解決方案中的趨勢。




六、個(gè)性化的主題皮膚設(shè)置


個(gè)性化的定制設(shè)計(jì)可以讓用戶感受到產(chǎn)品的溫度,根據(jù)自己的喜好選擇主題化呈現(xiàn)。成熟的產(chǎn)品都會在個(gè)性化設(shè)置上面提升體驗(yàn)度,特別是在主題皮膚的定制上面,提供了更多的風(fēng)格讓用戶選擇。


Keep 在將主題皮膚設(shè)置定義為選擇運(yùn)動伙伴,不僅提供了不同的 IP 形象和主題皮膚,俏皮可愛的動態(tài)延展也傳遞了情感化的體驗(yàn)。多種風(fēng)格的設(shè)計(jì)滿足了不同用戶的喜好需求,還為不同的主題定義了擬人化的角色和身份,視覺感和體驗(yàn)度都非常的到位。




七、提高參與度的簽到設(shè)計(jì)


簽到設(shè)計(jì)可以提高用戶黏性,讓用戶在參與的同時(shí)獲得禮品或者增值服務(wù),簽到也成為了眾多產(chǎn)品的標(biāo)配功能。對于設(shè)計(jì)師來說,如何通過設(shè)計(jì)提高用戶簽到的參與度,是需要不斷探索的設(shè)計(jì)思考。


最近在使用天天跳繩時(shí),發(fā)現(xiàn)其簽到設(shè)計(jì)的視覺表達(dá)直觀醒目,大大的提高了用戶對于簽到的理解和參與度。將簽到后解鎖的勛章、經(jīng)驗(yàn)、裝扮和禮品等直觀的結(jié)合到簽到界面中,不僅風(fēng)格協(xié)調(diào)統(tǒng)一,視覺風(fēng)格也符合運(yùn)動場景感。看到這個(gè)界面成功吸引了我的簽到欲望,簽到操作簡單,整體的體驗(yàn)度都做得非常不錯(cuò)。




八、情感化的個(gè)人中心設(shè)計(jì)


個(gè)人中心作為主界面之一來說,設(shè)計(jì)的體驗(yàn)度是至關(guān)重要的。為了滿足用戶的喜好需求,個(gè)性化的設(shè)置也是層出不窮,功能布局、頭像裝扮、主題皮膚等都呈現(xiàn)出了眾多的優(yōu)秀設(shè)計(jì)方案。


天天跳繩是個(gè)人經(jīng)常使用的一款運(yùn)動輔助工具,記錄小孩跳繩也是非常便利的工具。個(gè)人中心頂部視覺區(qū)域的人偶形象增強(qiáng)了界面設(shè)計(jì)的感官度,人偶的動態(tài)體現(xiàn)出用戶的運(yùn)動狀態(tài),可以進(jìn)行自定義的設(shè)置來滿足自己的情感表達(dá)。可以設(shè)置人偶的裝扮、旋轉(zhuǎn)角度、動作等,人性化的功能設(shè)置提高了自定義的體驗(yàn)度,強(qiáng)化了用戶情感化的使用體驗(yàn)。




九、結(jié)果導(dǎo)向的設(shè)計(jì)表達(dá)


以圖標(biāo)/圖形/圖片等設(shè)計(jì)輔助信息的傳遞很常見,通常都是根據(jù)信息的文案來進(jìn)行設(shè)計(jì)表達(dá)。如果放棄本身文案信息傳遞的意思,選擇結(jié)果導(dǎo)向的設(shè)計(jì)表達(dá),也能帶來不一樣的設(shè)計(jì)反思。


最近在體驗(yàn) One More 的時(shí)候,動作庫的列表設(shè)計(jì)中便選擇了結(jié)果導(dǎo)向的思路。如果是常規(guī)的設(shè)計(jì)解決方案,會根據(jù)列表主題內(nèi)容來設(shè)計(jì)配圖,這樣也能輔助對于內(nèi)容的理解。但是 One More 選擇了完成該項(xiàng)目得到的鍛煉部位為設(shè)計(jì)思路,雖然不能輔助項(xiàng)目信息的傳遞,但是這個(gè)設(shè)計(jì)表達(dá)更能讓用戶理解完成的結(jié)果,參與度也能得到提升??梢暬脑O(shè)計(jì)替代了文字的表達(dá),提高了用戶對項(xiàng)目的理解度,進(jìn)而轉(zhuǎn)化更高的參與度。




十、新穎的輪播 Banner 設(shè)計(jì)


輪播 Banner 圖對于設(shè)計(jì)發(fā)揮來說,除了在本身的創(chuàng)意和視覺表達(dá)層面以外,產(chǎn)品結(jié)構(gòu)和功能層面也是設(shè)計(jì)師需要探索的方向。


極有家 APP 在產(chǎn)品的體驗(yàn)設(shè)計(jì)層面做得非常不錯(cuò),針對輪播 Banner 位置也是做了新穎的創(chuàng)新。在 Banner 圖上設(shè)計(jì)了不同商品的引導(dǎo)標(biāo)簽,方便用戶在感受整體家裝效果圖的同時(shí)可以選擇場景中的商品,也能對場景中的商品價(jià)值有個(gè)清晰的認(rèn)知。輪播的形式結(jié)合了待輪播圖的預(yù)覽和風(fēng)格名稱,增加了待輪播圖的曝光度,整個(gè)樣式表達(dá)上面視覺感也非常不錯(cuò),是一個(gè)比較新穎的設(shè)計(jì)解決方案。







作者:黑馬青年      來源:站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔