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

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

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


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

日歷

鏈接

個人資料

存檔