好設(shè)計(jì)告訴你什么叫打破常規(guī)

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)輪播類(lèi)似于滾動(dòng)的櫥窗,表現(xiàn)形式非常新穎,帶給用戶(hù)更好的感官體驗(yàn)。




二、默認(rèn)頭像的多種預(yù)設(shè)選擇


隨著產(chǎn)品感官體驗(yàn)的提升,很多產(chǎn)品在默認(rèn)頭像的設(shè)計(jì)層面變得更豐富,不一定需要用戶(hù)上傳照片,自定義的選擇也更靈活。


除了通過(guò) IP 形象強(qiáng)化默認(rèn)頭像的視覺(jué)感以外,最近在使用智行火車(chē)票 App 時(shí),其默認(rèn)頭像以矢量插畫(huà)風(fēng)為主。用戶(hù)進(jìn)行頭像設(shè)置時(shí)無(wú)需上傳照片,產(chǎn)品提供了多個(gè)默認(rèn)頭像,方便用戶(hù)根據(jù)自己的喜好作出預(yù)設(shè)。多種預(yù)設(shè)讓自定義選擇更靈活,也能讓默認(rèn)頭像更美觀,提升用戶(hù)對(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)行打卡,類(lèi)似于儀表盤(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),也帶給用戶(hù)非常新穎的視覺(jué)享受。




五、場(chǎng)景化的積分兌換設(shè)計(jì)


為了提高用戶(hù)黏性,通過(guò)簽到積分、消費(fèi)積分、任務(wù)積分等,再結(jié)合積分兌換提高用戶(hù)參與度,是提升黏性轉(zhuǎn)化的有效形式。


麥當(dāng)勞 App 在積分兌換的設(shè)計(jì)中結(jié)合了兌換套餐的實(shí)物照片,讓用戶(hù)對(duì)于兌換商品更有直觀感受。也可以切換不同積分兌換的差異,提高用戶(hù)參與積分的積極性。通過(guò)場(chǎng)景化的積分兌換設(shè)計(jì),不僅提高用戶(hù)參與度,設(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é)合也能起到突出作用。


比如智行火車(chē)票 App 首頁(yè)設(shè)計(jì)中,以動(dòng)效的形式演變賣(mài)點(diǎn),以此突出酒店欄目。動(dòng)效表達(dá)的形式形成動(dòng)靜對(duì)比,以差異化的形式突出業(yè)務(wù)重點(diǎn),提高用戶(hù)的關(guān)注度。




七、播放按鈕的品牌氛圍營(yíng)造


越來(lái)越多的產(chǎn)品開(kāi)始注重立足于品牌的設(shè)計(jì),強(qiáng)化品牌曝光度和產(chǎn)品差異化,品牌基因的融入可以一舉多得。


最近在使用汽水音樂(lè) App 聽(tīng)歌時(shí),播放按鈕暫停狀態(tài)背景會(huì)有氣泡漂浮,還原了汽水帶給用戶(hù)的視覺(jué)感。通過(guò)小小的動(dòng)效表達(dá)不僅強(qiáng)化了品牌感,也提高了播放按鈕的點(diǎn)擊欲,帶給用戶(hù)不錯(cuò)的感官體驗(yàn)。




八、登錄設(shè)計(jì)中的動(dòng)態(tài)背景


登錄已經(jīng)逐步成為體驗(yàn)產(chǎn)品的必備步驟,很多產(chǎn)品都需要用戶(hù)登錄才可以體驗(yàn),如何提高用戶(hù)的登錄意愿度變得至關(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)的排斥感,提高用戶(hù)登錄體驗(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)類(lèi)景區(qū),會(huì)以古鎮(zhèn)代表的圖標(biāo)設(shè)計(jì)替代默認(rèn)圖標(biāo),也會(huì)顯示景區(qū)購(gòu)票信息,方便用戶(hù)進(jìn)行購(gòu)票和了解相關(guān)信息。結(jié)合場(chǎng)景打造人性化的設(shè)計(jì),讓用戶(hù)時(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)贊效果,帶給用戶(hù)差異化的點(diǎn)贊體驗(yàn)。



作者:黑馬青年
來(lái)源:站酷



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

希望得到建議咨詢(xún)、商務(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ì)sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(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咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔