APP優(yōu)秀案例設(shè)計(jì)思維

2025-2-10    ui設(shè)計(jì)分享達(dá)人 移動(dòng)端UI設(shè)計(jì)文章及欣賞

設(shè)計(jì)能力的強(qiáng)弱取決于設(shè)計(jì)思維，技能操作層面的不足可以通過(guò)反復(fù)訓(xùn)練，在短時(shí)間內(nèi)即可彌補(bǔ)；而設(shè)計(jì)思維需要通過(guò)長(zhǎng)時(shí)間的熏陶，還要找對(duì)學(xué)習(xí)的方法和途徑。很多設(shè)計(jì)師工作五年甚至十年，但是設(shè)計(jì)能力依然比較普通，很大程度上還是設(shè)計(jì)思維能力的缺失。
 
我們也可以通過(guò)體驗(yàn)和分析優(yōu)秀的案例來(lái)提升，學(xué)習(xí)優(yōu)秀設(shè)計(jì)師的設(shè)計(jì)思路和處理技巧，以此來(lái)強(qiáng)化自我專業(yè)思維。今天黑馬哥繼續(xù)給大家分享一些優(yōu)秀的設(shè)計(jì)案例，希望可以助力提高大家的設(shè)計(jì)思維。
為什么我沒(méi)有這樣的設(shè)計(jì)思維呢？
 
 
 
 
體驗(yàn)?zāi)夸?/div>
 
一、不一樣的返回設(shè)計(jì)
二、可以切換大小的設(shè)計(jì)布局
三、做減法的設(shè)計(jì)表達(dá)
四、品牌動(dòng)態(tài)渲染春節(jié)氛圍
五、品牌插畫(huà)表現(xiàn)界面置底
六、動(dòng)態(tài)刷新紅包設(shè)計(jì)
七、涂鴉風(fēng)格的流程設(shè)計(jì)
八、情感化閃屏設(shè)計(jì)
九、圖標(biāo)設(shè)計(jì)的翻轉(zhuǎn)動(dòng)效
十、蛇年主題圖標(biāo)設(shè)計(jì)
 
 
 
一、不一樣的返回設(shè)計(jì)
 
進(jìn)入層級(jí)界面可以通過(guò)返回回到上一級(jí)操作場(chǎng)景，通常都是以箭頭圖標(biāo)、返回文字組合設(shè)計(jì)或者獨(dú)立設(shè)計(jì)。
 
最近在體驗(yàn)喵喵記賬 App 時(shí)，其返回設(shè)計(jì)以“門”作為創(chuàng)意元素，進(jìn)入層級(jí)界面時(shí)門會(huì)打開(kāi)，點(diǎn)擊返回時(shí)會(huì)有關(guān)門的動(dòng)作。以開(kāi)關(guān)門的方式表達(dá)進(jìn)入和返回狀態(tài)，形象化的表達(dá)了不一樣的返回設(shè)計(jì)，呈現(xiàn)出不同的設(shè)計(jì)解決方案。
為什么我沒(méi)有這樣的設(shè)計(jì)思維呢？
 
 
 
 
二、可以切換大小的設(shè)計(jì)布局
 
為了滿足更多用戶的體驗(yàn)需求，設(shè)計(jì)布局的靈活性變得越來(lái)越重要，需要提供多種選擇便于操作。
 
在藏書(shū)館 App 中，針對(duì)書(shū)庫(kù)分類的展示設(shè)計(jì)，用戶可以通過(guò)點(diǎn)擊切換呈現(xiàn)不同大小的樣式。文字和書(shū)籍封面圖都會(huì)隨著切換而縮放，方便滿足不同用戶的瀏覽需求，提升用戶對(duì)產(chǎn)品的操作體驗(yàn)度。
為什么我沒(méi)有這樣的設(shè)計(jì)思維呢？
 
 
 
 
三、做減法的設(shè)計(jì)表達(dá)
 
隨著互聯(lián)網(wǎng)環(huán)境的發(fā)展，提供給大家的產(chǎn)品選擇越來(lái)越豐富，而產(chǎn)品設(shè)計(jì)也從最初的功能性服務(wù)擴(kuò)展到綜合性服務(wù)。功能變得越來(lái)越多，商業(yè)氛圍也十分濃厚，有種眼花繚亂的感覺(jué)。
 
最近在使用美團(tuán)外賣柜小程序時(shí)，其簡(jiǎn)約的設(shè)計(jì)印象深刻。存取功能一目了然，沒(méi)有多余的設(shè)計(jì)干擾體驗(yàn)，操作指引也是簡(jiǎn)單易懂。有時(shí)候減法的設(shè)計(jì)才是最好的用戶體驗(yàn)，與其布局一堆功能或者服務(wù)，反而增加了用戶的操作成本。
為什么我沒(méi)有這樣的設(shè)計(jì)思維呢？
 
 
 
 
四、品牌動(dòng)態(tài)渲染春節(jié)氛圍
 
春節(jié)氛圍感營(yíng)造對(duì)于品牌來(lái)說(shuō)至關(guān)重要，是渲染春節(jié)主題和增強(qiáng)用戶親和力的關(guān)鍵，營(yíng)造方式也是豐富多樣。
 
其中夸克 App 通過(guò)品牌 LOGO 結(jié)合春節(jié)主題進(jìn)行動(dòng)態(tài)設(shè)計(jì)，不僅突出春節(jié)氛圍，動(dòng)效過(guò)渡也非常流暢?？淇私?jīng)常會(huì)以品牌動(dòng)態(tài)化的形式表現(xiàn)節(jié)日或者特殊活動(dòng)主題，設(shè)計(jì)融合性處理得十分細(xì)致。
為什么我沒(méi)有這樣的設(shè)計(jì)思維呢？
 
 
 
 
五、品牌插畫(huà)表現(xiàn)界面置底
 
界面設(shè)計(jì)過(guò)程中，對(duì)于到達(dá)底部的處理方式通常有品牌表達(dá)、公司名稱、版權(quán)信息、情感化內(nèi)容表達(dá)等。
 
最近在體驗(yàn)我要做計(jì)劃 App 時(shí)，界面設(shè)計(jì)底部以品牌 IP 形式的插畫(huà)進(jìn)行表達(dá)，不僅符合整體設(shè)計(jì)風(fēng)格，也使得界面設(shè)計(jì)更有趣味性。整個(gè)產(chǎn)品設(shè)計(jì)也以插畫(huà)風(fēng)格為主，是一個(gè)很有個(gè)性化的產(chǎn)品。
為什么我沒(méi)有這樣的設(shè)計(jì)思維呢？
 
 
 
 
六、動(dòng)態(tài)刷新紅包設(shè)計(jì)
 
結(jié)合刷新設(shè)計(jì)賦予更多功能或者服務(wù)，已經(jīng)成為二層樓設(shè)計(jì)的首選。
 
最近在體驗(yàn)美團(tuán)外賣時(shí)，首頁(yè)下拉刷新會(huì)出現(xiàn)紅包樣式的動(dòng)效表達(dá)，隨著下拉的程度不同，紅包金額會(huì)隨之增加或者減少。動(dòng)態(tài)刷新紅包設(shè)計(jì)更能吸引用戶繼續(xù)體驗(yàn)，進(jìn)而進(jìn)入二層樓參與活動(dòng)，趣味性的表達(dá)方式很有吸引力，也以此方式促進(jìn)了用戶參與感。
為什么我沒(méi)有這樣的設(shè)計(jì)思維呢？
 
 
為什么我沒(méi)有這樣的設(shè)計(jì)思維呢？
 
 
 
 
七、涂鴉風(fēng)格的流程設(shè)計(jì)
 
隨著同質(zhì)化設(shè)計(jì)的現(xiàn)象，產(chǎn)品設(shè)計(jì)也在不斷嘗試更具差異化的風(fēng)格。結(jié)合插畫(huà)風(fēng)格表達(dá)界面設(shè)計(jì)，變得越來(lái)越普及。
 
在我要做計(jì)劃 App 設(shè)計(jì)中，整體風(fēng)格以涂鴉插畫(huà)風(fēng)為主，完善做計(jì)劃流程設(shè)計(jì)也以涂鴉風(fēng)格進(jìn)行設(shè)計(jì)。不僅風(fēng)格特征更突出，也能吸引用戶的關(guān)注度，促進(jìn)完善計(jì)劃流程。
為什么我沒(méi)有這樣的設(shè)計(jì)思維呢？
 
 
 
 
八、情感化閃屏設(shè)計(jì)
 
閃屏設(shè)計(jì)分為品牌感方向和營(yíng)銷廣告等方向，其中閃屏廣告較為常見(jiàn)，不過(guò)也有品牌啟動(dòng)頁(yè)和閃屏廣告相結(jié)合的方式。
 
閃屏設(shè)計(jì)的形式也非常多樣，其中情感化的方向以 IP 形象和情感故事性插畫(huà)為主。比如喜馬拉雅閃屏設(shè)計(jì)便以 IP 形象的各種動(dòng)態(tài)化形式呈現(xiàn)，畫(huà)面非固定表達(dá)形式，每次重新打開(kāi)都會(huì)有所不同，IP 動(dòng)態(tài)也非常俏皮可愛(ài)。
為什么我沒(méi)有這樣的設(shè)計(jì)思維呢？
 
 
 
 
九、圖標(biāo)設(shè)計(jì)的翻轉(zhuǎn)動(dòng)效
 
圖標(biāo)動(dòng)效的運(yùn)用非常普及，以往見(jiàn)過(guò)的案例都是動(dòng)效的形式表達(dá)圖標(biāo)的不同形式感，但是圖標(biāo)的含義不會(huì)受到影響。
 
最近在體驗(yàn)盒馬 App 時(shí)，首頁(yè)金剛區(qū)圖標(biāo)以翻轉(zhuǎn)動(dòng)效進(jìn)行表達(dá)，既突出春節(jié)氛圍也賦予圖標(biāo)兩層含義。在保留圖標(biāo)本身功能含義的同時(shí)，通過(guò)翻轉(zhuǎn)另一面表達(dá)出不同的意思，也是一個(gè)新的圖標(biāo)動(dòng)效表達(dá)思維。
為什么我沒(méi)有這樣的設(shè)計(jì)思維呢？
 
 
 
 
十、蛇年主題圖標(biāo)設(shè)計(jì)
 
蛇年春節(jié)主題設(shè)計(jì)在產(chǎn)品中的運(yùn)用很豐富，其中在圖標(biāo)設(shè)計(jì)中的運(yùn)用是最普遍的，廣泛運(yùn)用于應(yīng)用圖標(biāo)、金剛區(qū)圖標(biāo)、底部標(biāo)簽欄圖標(biāo)和其他功能圖標(biāo)等。
 
圖標(biāo)設(shè)計(jì)的運(yùn)用形式很多，比如蛇年主題文案嵌入、生肖蛇相關(guān)元素設(shè)計(jì)、春節(jié)元素設(shè)計(jì)等。表現(xiàn)形式以立體質(zhì)感居多，配色以突出春節(jié)氛圍為主。
為什么我沒(méi)有這樣的設(shè)計(jì)思維呢？
 
 
小結(jié)
 
設(shè)計(jì)思維除了依靠自身專業(yè)基礎(chǔ)以外，通過(guò)不斷學(xué)習(xí)分析優(yōu)秀的案例也能不斷提升，希望本期的案例分享可以帶給大家更多靈感。


作者：黑馬青年
鏈接：https://www.zcool.com.cn/article/ZMTY1MDc0OA==.html
來(lái)源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

日歷

鏈接

個(gè)人資料

存檔