今天通過大廠的設(shè)計告訴大家什么叫打破常規(guī),希望可以帶給大家更多設(shè)計經(jīng)驗。

前言

隨著產(chǎn)品設(shè)計越來越成熟,呈現(xiàn)出來的優(yōu)秀設(shè)計方案比比皆是,如何設(shè)計出差異化的方案變得至關(guān)重要。打破常規(guī)的設(shè)計才能在同質(zhì)化的設(shè)計中脫穎而出,帶給用戶更好的差異化體驗。

近期黑馬哥在體驗產(chǎn)品時,發(fā)現(xiàn)了一些突破常規(guī)的設(shè)計表現(xiàn)形式,希望這些優(yōu)秀的案例可以帶給大家更多設(shè)計靈感。

分享目錄

一、弧形輪播的 Banner 圖設(shè)計

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

三、趣味性的心情打卡設(shè)計

四、五一主題氛圍設(shè)計

五、場景化的積分兌換設(shè)計

六、動態(tài)賣點強化關(guān)注度

七、播放按鈕的品牌氛圍營造

八、登錄設(shè)計中的動態(tài)背景

九、導航結(jié)束的人性化設(shè)計

十、不一樣的點贊設(shè)計

一、弧形輪播的 Banner 圖設(shè)計

在移動端 Banner 圖通常以左右輪播居多,也有個別產(chǎn)品會在輪播形式上創(chuàng)新,比如上下輪播、分層輪播、漸隱輪播、Z 軸輪播等。

最近在體驗態(tài)棒 App 時,其 Banner 圖采用弧形輪播的形式。利用弧度的形式展示商品提高了 Banner 位的利用率,有助于展示更多推薦商品,直觀的表達也使得商品更加突出。自動輪播類似于滾動的櫥窗,表現(xiàn)形式非常新穎,帶給用戶更好的感官體驗。

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

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

除了通過 IP 形象強化默認頭像的視覺感以外,最近在使用智行火車票 App 時,其默認頭像以矢量插畫風為主。用戶進行頭像設(shè)置時無需上傳照片,產(chǎn)品提供了多個默認頭像,方便用戶根據(jù)自己的喜好作出預設(shè)。多種預設(shè)讓自定義選擇更靈活,也能讓默認頭像更美觀,提升用戶對產(chǎn)品的好感度。

三、趣味性的心情打卡設(shè)計

對于職場人來說壓力是難以避免的,總會遇到一些煩心的事或者壓力,就會因此影響我們的情緒。我們要試著釋放壓力,治愈我們的情緒才能迎接美好的明天。

最近體驗到一個幫你記錄心情,治愈心事的產(chǎn)品-歲歲。整個產(chǎn)品設(shè)計風格清新可愛,看著就有種治愈感。可以對自己當前的心情進行打卡,類似于儀表盤一樣的心情打卡設(shè)計也是趣味性十足,表情設(shè)計風格非常可愛,哪怕是不開心也能通過這樣趣味性的打卡形式而治愈。設(shè)計風格觀賞性很高,值得大家體驗。

四、五一主題氛圍設(shè)計

眾多產(chǎn)品都會在五一假期期間進行系列主題活動,如何充分利用好當前布局結(jié)構(gòu),是產(chǎn)品設(shè)計師進行設(shè)計發(fā)揮的關(guān)鍵。

在五一期間使用嘀嗒出行 App 時,多個主界面結(jié)合了五一主題氛圍設(shè)計,青春活潑的插畫風渲染出歡快的節(jié)奏。整個界面被裝扮得非常有氛圍感,既傳播了主題活動,也帶給用戶非常新穎的視覺享受。

五、場景化的積分兌換設(shè)計

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

麥當勞 App 在積分兌換的設(shè)計中結(jié)合了兌換套餐的實物照片,讓用戶對于兌換商品更有直觀感受。也可以切換不同積分兌換的差異,提高用戶參與積分的積極性。通過場景化的積分兌換設(shè)計,不僅提高用戶參與度,設(shè)計感官度也非常棒。

六、動態(tài)賣點強化關(guān)注度

需要強化功能的關(guān)注度時,除了在視覺表現(xiàn)層體現(xiàn)差異以外,動靜結(jié)合也能起到突出作用。

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

七、播放按鈕的品牌氛圍營造

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

最近在使用汽水音樂 App 聽歌時,播放按鈕暫停狀態(tài)背景會有氣泡漂浮,還原了汽水帶給用戶的視覺感。通過小小的動效表達不僅強化了品牌感,也提高了播放按鈕的點擊欲,帶給用戶不錯的感官體驗。

八、登錄設(shè)計中的動態(tài)背景

登錄已經(jīng)逐步成為體驗產(chǎn)品的必備步驟,很多產(chǎn)品都需要用戶登錄才可以體驗,如何提高用戶的登錄意愿度變得至關(guān)重要。

吃貨筆記 App 在登錄設(shè)計中采用動態(tài)背景增強視覺感,有種炫酷的感覺。動態(tài)背景結(jié)合炫酷的圖形設(shè)計,營造出不錯的氛圍感,以此降低登錄帶來的排斥感,提高用戶登錄體驗產(chǎn)品的意愿度。

九、導航結(jié)束的人性化設(shè)計

導航算是這個時代最便民的工具之一,讓大家的出行更便捷和安全。隨著導航產(chǎn)品的不斷完善,使用體驗也越來越人性化。

五一期間使用高德地圖導航時,抵達目的地結(jié)束導航的設(shè)計中,會根據(jù)目的地屬性進行場景表達。比如目的地是古鎮(zhèn)類景區(qū),會以古鎮(zhèn)代表的圖標設(shè)計替代默認圖標,也會顯示景區(qū)購票信息,方便用戶進行購票和了解相關(guān)信息。結(jié)合場景打造人性化的設(shè)計,讓用戶時刻感受到產(chǎn)品的溫度。

十、不一樣的點贊設(shè)計

點贊設(shè)計已經(jīng)很普遍,通常以伸大拇指和愛心圖標為主,點擊變化過程中也會結(jié)合動效和衍生設(shè)計。

最近在體驗歲歲 App 時,在樹洞欄目中點贊設(shè)計采用動效結(jié)合卡通形象。點贊時以動效表達卡通形象送愛心的過程,呈現(xiàn)出不一樣的點贊效果,帶給用戶差異化的點贊體驗。

小結(jié)

設(shè)計沒有一層不變的規(guī)則,只有不斷突破的思維。打破常規(guī)才能帶來差異化的設(shè)計解決方案,帶給用戶體驗上的驚喜。

作者:黑馬青年

本文經(jīng)授權(quán)轉(zhuǎn)載自公眾號:黑馬家族

精選文章:

如何一稿過?修煉好這些設(shè)計師“溝通術(shù)”!

建筑大師都“鐘情”的混凝土,該如何玩轉(zhuǎn)?

2023金曲獎主視覺來了!網(wǎng)友稱贊:歷屆最美設(shè)計...

谷愛凌易烊千璽又一起了!00后已開始制霸全球!

中東文化里程碑?卡塔爾頂級博物館,力壓阿聯(lián)酋和沙特!