2023-5-18 博博
一、弧形輪播的 Banner 圖設(shè)計(jì)
在移動(dòng)端 Banner 圖通常以左右輪播居多,也有個(gè)別產(chǎn)品會(huì)在輪播形式上創(chuàng)新,比如上下輪播、分層輪播、漸隱輪播、Z 軸輪播等。
最近在體驗(yàn)態(tài)棒 App 時(shí),其 Banner 圖采用弧形輪播的形式。利用弧度的形式展示商品提高了 Banner 位的利用率,有助于展示更多推薦商品,直觀的表達(dá)也使得商品更加突出。自動(dòng)輪播類似于滾動(dòng)的櫥窗,表現(xiàn)形式非常新穎,帶給用戶更好的感官體驗(yàn)。
二、默認(rèn)頭像的多種預(yù)設(shè)選擇
隨著產(chǎn)品感官體驗(yàn)的提升,很多產(chǎn)品在默認(rèn)頭像的設(shè)計(jì)層面變得更豐富,不一定需要用戶上傳照片,自定義的選擇也更靈活。
除了通過(guò) IP 形象強(qiáng)化默認(rèn)頭像的視覺(jué)感以外,最近在使用智行火車票 App 時(shí),其默認(rèn)頭像以矢量插畫(huà)風(fēng)為主。用戶進(jìn)行頭像設(shè)置時(shí)無(wú)需上傳照片,產(chǎn)品提供了多個(gè)默認(rèn)頭像,方便用戶根據(jù)自己的喜好作出預(yù)設(shè)。多種預(yù)設(shè)讓自定義選擇更靈活,也能讓默認(rèn)頭像更美觀,提升用戶對(duì)產(chǎn)品的好感度。
三、趣味性的心情打卡設(shè)計(jì)
對(duì)于職場(chǎng)人來(lái)說(shuō)壓力是難以避免的,總會(huì)遇到一些煩心的事或者壓力,就會(huì)因此影響我們的情緒。我們要試著釋放壓力,治愈我們的情緒才能迎接美好的明天。
最近體驗(yàn)到一個(gè)幫你記錄心情,治愈心事的產(chǎn)品-歲歲。整個(gè)產(chǎn)品設(shè)計(jì)風(fēng)格清新可愛(ài),看著就有種治愈感??梢詫?duì)自己當(dāng)前的心情進(jìn)行打卡,類似于儀表盤(pán)一樣的心情打卡設(shè)計(jì)也是趣味性十足,表情設(shè)計(jì)風(fēng)格非常可愛(ài),哪怕是不開(kāi)心也能通過(guò)這樣趣味性的打卡形式而治愈。設(shè)計(jì)風(fēng)格觀賞性很高,值得大家體驗(yàn)。
四、五一主題氛圍設(shè)計(jì)
眾多產(chǎn)品都會(huì)在五一假期期間進(jìn)行系列主題活動(dòng),如何充分利用好當(dāng)前布局結(jié)構(gòu),是產(chǎn)品設(shè)計(jì)師進(jìn)行設(shè)計(jì)發(fā)揮的關(guān)鍵。
在五一期間使用嘀嗒出行 App 時(shí),多個(gè)主界面結(jié)合了五一主題氛圍設(shè)計(jì),青春活潑的插畫(huà)風(fēng)渲染出歡快的節(jié)奏。整個(gè)界面被裝扮得非常有氛圍感,既傳播了主題活動(dòng),也帶給用戶非常新穎的視覺(jué)享受。
五、場(chǎng)景化的積分兌換設(shè)計(jì)
為了提高用戶黏性,通過(guò)簽到積分、消費(fèi)積分、任務(wù)積分等,再結(jié)合積分兌換提高用戶參與度,是提升黏性轉(zhuǎn)化的有效形式。
麥當(dāng)勞 App 在積分兌換的設(shè)計(jì)中結(jié)合了兌換套餐的實(shí)物照片,讓用戶對(duì)于兌換商品更有直觀感受。也可以切換不同積分兌換的差異,提高用戶參與積分的積極性。通過(guò)場(chǎng)景化的積分兌換設(shè)計(jì),不僅提高用戶參與度,設(shè)計(jì)感官度也非常棒。
六、動(dòng)態(tài)賣(mài)點(diǎn)強(qiáng)化關(guān)注度
需要強(qiáng)化功能的關(guān)注度時(shí),除了在視覺(jué)表現(xiàn)層體現(xiàn)差異以外,動(dòng)靜結(jié)合也能起到突出作用。
比如智行火車票 App 首頁(yè)設(shè)計(jì)中,以動(dòng)效的形式演變賣(mài)點(diǎn),以此突出酒店欄目。動(dòng)效表達(dá)的形式形成動(dòng)靜對(duì)比,以差異化的形式突出業(yè)務(wù)重點(diǎn),提高用戶的關(guān)注度。
七、播放按鈕的品牌氛圍營(yíng)造
越來(lái)越多的產(chǎn)品開(kāi)始注重立足于品牌的設(shè)計(jì),強(qiáng)化品牌曝光度和產(chǎn)品差異化,品牌基因的融入可以一舉多得。
最近在使用汽水音樂(lè) App 聽(tīng)歌時(shí),播放按鈕暫停狀態(tài)背景會(huì)有氣泡漂浮,還原了汽水帶給用戶的視覺(jué)感。通過(guò)小小的動(dòng)效表達(dá)不僅強(qiáng)化了品牌感,也提高了播放按鈕的點(diǎn)擊欲,帶給用戶不錯(cuò)的感官體驗(yàn)。
八、登錄設(shè)計(jì)中的動(dòng)態(tài)背景
登錄已經(jīng)逐步成為體驗(yàn)產(chǎn)品的必備步驟,很多產(chǎn)品都需要用戶登錄才可以體驗(yàn),如何提高用戶的登錄意愿度變得至關(guān)重要。
吃貨筆記 App 在登錄設(shè)計(jì)中采用動(dòng)態(tài)背景增強(qiáng)視覺(jué)感,有種炫酷的感覺(jué)。動(dòng)態(tài)背景結(jié)合炫酷的圖形設(shè)計(jì),營(yíng)造出不錯(cuò)的氛圍感,以此降低登錄帶來(lái)的排斥感,提高用戶登錄體驗(yàn)產(chǎn)品的意愿度。
九、導(dǎo)航結(jié)束的人性化設(shè)計(jì)
導(dǎo)航算是這個(gè)時(shí)代最便民的工具之一,讓大家的出行更便捷和安全。隨著導(dǎo)航產(chǎn)品的不斷完善,使用體驗(yàn)也越來(lái)越人性化。
五一期間使用高德地圖導(dǎo)航時(shí),抵達(dá)目的地結(jié)束導(dǎo)航的設(shè)計(jì)中,會(huì)根據(jù)目的地屬性進(jìn)行場(chǎng)景表達(dá)。比如目的地是古鎮(zhèn)類景區(qū),會(huì)以古鎮(zhèn)代表的圖標(biāo)設(shè)計(jì)替代默認(rèn)圖標(biāo),也會(huì)顯示景區(qū)購(gòu)票信息,方便用戶進(jìn)行購(gòu)票和了解相關(guān)信息。結(jié)合場(chǎng)景打造人性化的設(shè)計(jì),讓用戶時(shí)刻感受到產(chǎn)品的溫度。
十、不一樣的點(diǎn)贊設(shè)計(jì)
點(diǎn)贊設(shè)計(jì)已經(jīng)很普遍,通常以伸大拇指和愛(ài)心圖標(biāo)為主,點(diǎn)擊變化過(guò)程中也會(huì)結(jié)合動(dòng)效和衍生設(shè)計(jì)。
最近在體驗(yàn)歲歲 App 時(shí),在樹(shù)洞欄目中點(diǎn)贊設(shè)計(jì)采用動(dòng)效結(jié)合卡通形象。點(diǎn)贊時(shí)以動(dòng)效表達(dá)卡通形象送愛(ài)心的過(guò)程,呈現(xiàn)出不一樣的點(diǎn)贊效果,帶給用戶差異化的點(diǎn)贊體驗(yàn)。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)公司。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com