首頁

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

ui設(shè)計(jì)分享達(dá)人

設(shè)計(jì)能力的強(qiáng)弱取決于設(shè)計(jì)思維，技能操作層面的不足可以通過反復(fù)訓(xùn)練，在短時(shí)間內(nèi)即可彌補(bǔ)；而設(shè)計(jì)思維需要通過長時(shí)間的熏陶，還要找對(duì)學(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á)
四、品牌動(dòng)態(tài)渲染春節(jié)氛圍
五、品牌插畫表現(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í)界面可以通過返回回到上一級(jí)操作場(chǎng)景，通常都是以箭頭圖標(biāo)、返回文字組合設(shè)計(jì)或者獨(dú)立設(shè)計(jì)。
 
最近在體驗(yàn)喵喵記賬 App 時(shí)，其返回設(shè)計(jì)以“門”作為創(chuàng)意元素，進(jìn)入層級(jí)界面時(shí)門會(huì)打開，點(diǎn)擊返回時(shí)會(huì)有關(guān)門的動(dòng)作。以開關(guān)門的方式表達(dá)進(jìn)入和返回狀態(tài)，形象化的表達(dá)了不一樣的返回設(shè)計(jì)，呈現(xiàn)出不同的設(shè)計(jì)解決方案。
為什么我沒有這樣的設(shè)計(jì)思維呢？
 
 
 
 
二、可以切換大小的設(shè)計(jì)布局
 
為了滿足更多用戶的體驗(yàn)需求，設(shè)計(jì)布局的靈活性變得越來越重要，需要提供多種選擇便于操作。
 
在藏書館 App 中，針對(duì)書庫分類的展示設(shè)計(jì)，用戶可以通過點(diǎn)擊切換呈現(xiàn)不同大小的樣式。文字和書籍封面圖都會(huì)隨著切換而縮放，方便滿足不同用戶的瀏覽需求，提升用戶對(duì)產(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í)，其簡約的設(shè)計(jì)印象深刻。存取功能一目了然，沒有多余的設(shè)計(jì)干擾體驗(yàn)，操作指引也是簡單易懂。有時(shí)候減法的設(shè)計(jì)才是最好的用戶體驗(yàn)，與其布局一堆功能或者服務(wù)，反而增加了用戶的操作成本。
為什么我沒有這樣的設(shè)計(jì)思維呢？
 
 
 
 
四、品牌動(dòng)態(tài)渲染春節(jié)氛圍
 
春節(jié)氛圍感營造對(duì)于品牌來說至關(guān)重要，是渲染春節(jié)主題和增強(qiáng)用戶親和力的關(guān)鍵，營造方式也是豐富多樣。
 
其中夸克 App 通過品牌 LOGO 結(jié)合春節(jié)主題進(jìn)行動(dòng)態(tài)設(shè)計(jì)，不僅突出春節(jié)氛圍，動(dòng)效過渡也非常流暢?？淇私?jīng)常會(huì)以品牌動(dòng)態(tài)化的形式表現(xiàn)節(jié)日或者特殊活動(dòng)主題，設(shè)計(jì)融合性處理得十分細(xì)致。
為什么我沒有這樣的設(shè)計(jì)思維呢？
 
 
 
 
五、品牌插畫表現(xiàn)界面置底
 
界面設(shè)計(jì)過程中，對(duì)于到達(dá)底部的處理方式通常有品牌表達(dá)、公司名稱、版權(quán)信息、情感化內(nèi)容表達(dá)等。
 
最近在體驗(yàn)我要做計(jì)劃 App 時(shí)，界面設(shè)計(jì)底部以品牌 IP 形式的插畫進(jìn)行表達(dá)，不僅符合整體設(shè)計(jì)風(fēng)格，也使得界面設(shè)計(jì)更有趣味性。整個(gè)產(chǎn)品設(shè)計(jì)也以插畫風(fēng)格為主，是一個(gè)很有個(gè)性化的產(chǎn)品。
為什么我沒有這樣的設(shè)計(jì)思維呢？
 
 
 
 
六、動(dòng)態(tài)刷新紅包設(shè)計(jì)
 
結(jié)合刷新設(shè)計(jì)賦予更多功能或者服務(wù)，已經(jīng)成為二層樓設(shè)計(jì)的首選。
 
最近在體驗(yàn)美團(tuán)外賣時(shí)，首頁下拉刷新會(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)了用戶參與感。
為什么我沒有這樣的設(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ì)分為品牌感方向和營銷廣告等方向，其中閃屏廣告較為常見，不過也有品牌啟動(dòng)頁和閃屏廣告相結(jié)合的方式。
 
閃屏設(shè)計(jì)的形式也非常多樣，其中情感化的方向以 IP 形象和情感故事性插畫為主。比如喜馬拉雅閃屏設(shè)計(jì)便以 IP 形象的各種動(dòng)態(tài)化形式呈現(xiàn)，畫面非固定表達(dá)形式，每次重新打開都會(huì)有所不同，IP 動(dòng)態(tài)也非常俏皮可愛。
為什么我沒有這樣的設(shè)計(jì)思維呢？
 
 
 
 
九、圖標(biāo)設(shè)計(jì)的翻轉(zhuǎn)動(dòng)效
 
圖標(biāo)動(dòng)效的運(yùn)用非常普及，以往見過的案例都是動(dòng)效的形式表達(dá)圖標(biāo)的不同形式感，但是圖標(biāo)的含義不會(huì)受到影響。
 
最近在體驗(yàn)盒馬 App 時(shí)，首頁金剛區(qū)圖標(biāo)以翻轉(zhuǎn)動(dòng)效進(jìn)行表達(dá)，既突出春節(jié)氛圍也賦予圖標(biāo)兩層含義。在保留圖標(biāo)本身功能含義的同時(shí)，通過翻轉(zhuǎn)另一面表達(dá)出不同的意思，也是一個(gè)新的圖標(biāo)動(dòng)效表達(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)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
評(píng)論(0) 瀏覽(227)

UI設(shè)計(jì)如何突出氣象APP的主要功能和特點(diǎn)？

藍(lán)藍(lán)設(shè)計(jì)的小編

通過精心的 UI 設(shè)計(jì)，從布局、數(shù)據(jù)展示、個(gè)性化定制、交互反饋到色彩搭配等多個(gè)方面入手，可以有效地突出氣象 APP 的主要功能和特點(diǎn)，為用戶打造一個(gè)功能強(qiáng)大、操作便捷、視覺舒適且個(gè)性化的氣象信息服務(wù)平臺(tái)，在競(jìng)爭(zhēng)激烈的市場(chǎng)中脫穎而出，贏得用戶的青睞與信任。

評(píng)論(0) 瀏覽(318)

UI 妙筆著風(fēng)云：蘭亭妙微創(chuàng)新氣象 APP 視覺華章

藍(lán)藍(lán)設(shè)計(jì)的小編

UI 設(shè)計(jì)公司蘭亭妙微憑借其在色彩運(yùn)用、圖標(biāo)設(shè)計(jì)、布局規(guī)劃、動(dòng)效設(shè)計(jì)以及個(gè)性化定制等方面的創(chuàng)新與突破，為氣象 APP 打造了一個(gè)令人驚艷的視覺界面。這不僅提升了氣象 APP 的用戶體驗(yàn)與競(jìng)爭(zhēng)力，也讓用戶在獲取氣象信息的過程中，能夠感受到科技與藝術(shù)完美融合所帶來的魅力與便捷。在未來的發(fā)展中，相信蘭亭妙微將繼續(xù)以其 UI 妙筆，在氣象 APP 設(shè)計(jì)領(lǐng)域書寫更加輝煌的篇章，為人們的氣象生活帶來更多的精彩與驚喜。

評(píng)論(0) 瀏覽(342)

UI 設(shè)計(jì)公司蘭亭妙微分享：創(chuàng)新 APP 界面設(shè)計(jì)引領(lǐng)潮流

藍(lán)藍(lán)設(shè)計(jì)的小編

UI 設(shè)計(jì)公司蘭亭妙微憑借其以用戶為中心的設(shè)計(jì)理念、創(chuàng)新的視覺與交互設(shè)計(jì)、響應(yīng)式設(shè)計(jì)策略以及對(duì)新興技術(shù)的積極融合，在 APP 界面設(shè)計(jì)領(lǐng)域不斷創(chuàng)新，引領(lǐng)著潮流的發(fā)展。在未來，隨著技術(shù)的不斷進(jìn)步和用戶需求的持續(xù)演變，蘭亭妙微將繼續(xù)砥礪前行，為打造更多優(yōu)秀的 APP 界面而努力，為用戶帶來更加卓越的數(shù)字化體驗(yàn)。

評(píng)論(0) 瀏覽(324)

小程序尺寸 ，一篇搞定！

藍(lán)藍(lán)設(shè)計(jì)的小編

用 736 這個(gè)高也和兼容小屏幕有關(guān)就不展開了，且小程序在電腦端也可以使用響應(yīng)式的適配，只是這個(gè)需求實(shí)在太少，所以也不在這里多做介紹，感興趣的可以自己研究官方規(guī)范。

最后，我自己當(dāng) AI 做總結(jié)
：

小程序使用 rpx 作為寬度單位

移動(dòng)端小程序使用 750rpx 渲染

rpx 長度是移動(dòng)端屏幕的 1/750

小程序適配不同手機(jī)屏幕的方式是根據(jù)寬度等比縮放

創(chuàng)建小程序設(shè)計(jì)畫布使用 375667 或 375812

小程序在電腦端上會(huì)放大成 414*736

評(píng)論(0) 瀏覽(355)

UI 設(shè)計(jì)公司的手機(jī)界面創(chuàng)新邏輯

藍(lán)藍(lán)設(shè)計(jì)的小編

搭建敏銳反饋 “觸角”，APP 內(nèi)置反饋箱、社區(qū)論壇設(shè)吐槽專版，捕捉實(shí)時(shí)情緒；定期回訪 “回頭客”，深挖心境變遷，新功能上線速測(cè)滿意度。梳理抱怨、建議 “信息流”，分清輕重緩急，為優(yōu)化校準(zhǔn) “羅盤”。
據(jù)此敏捷迭代，小修小補(bǔ)周更除卡頓、視覺瑕疵 “疥癬”，大改重塑季更適配新潮流、習(xí)慣 “蛻變”。伴隨用戶成長進(jìn)階，新手引導(dǎo)從蹣跚學(xué)步到健步如飛，對(duì)資深用戶開放自定義 “百寶箱”，界面隨心定制，功能自由調(diào)配，確保與用戶同頻 “共振”，創(chuàng)新之火長燃不熄，于手機(jī)界面 “舞臺(tái)” 續(xù)寫傳奇 “劇本”。
UI 設(shè)計(jì)公司循洞察為基、視覺為筆、交互為墨、迭代為章的邏輯，在手機(jī)界面畫布揮毫潑墨，繪就用戶心之所向、目之所及的創(chuàng)新盛景，將冰冷屏幕點(diǎn)化成熱忱交互 “摯友”，于數(shù)字浪潮領(lǐng)航逐新。

評(píng)論(0) 瀏覽(383)

UI設(shè)計(jì)公司如何設(shè)計(jì)出具有創(chuàng)新性的手機(jī)界面？

藍(lán)藍(lán)設(shè)計(jì)的小編

在手機(jī)界面中融入 AR 元素。例如，在相機(jī)應(yīng)用中，用戶可以通過 AR 技術(shù)將虛擬的物體或信息疊加在現(xiàn)實(shí)場(chǎng)景中。在導(dǎo)航應(yīng)用中，除了傳統(tǒng)的地圖顯示，還可以使用 AR 技術(shù)將路線指示直接顯示在真實(shí)的街道場(chǎng)景上，讓用戶更直觀地找到方向。

評(píng)論(0) 瀏覽(330)

【必看】移動(dòng)端UI設(shè)計(jì)精髓：提升用戶體驗(yàn)的20條實(shí)戰(zhàn)心得與技巧

藍(lán)藍(lán)設(shè)計(jì)的小編

用戶體驗(yàn)的獨(dú)特性并不等同于多樣性。我們的意思是，許多用戶體驗(yàn)設(shè)計(jì)師為了創(chuàng)造可識(shí)別的東西，會(huì)在用戶界面上添加不必要的功能。這樣一來，用戶界面使用門檻也就會(huì)提高，初學(xué)者也很難直觀地適應(yīng)使用。記住，極簡主義是你最好的朋友。在進(jìn)行花哨的設(shè)計(jì)、使用非標(biāo)準(zhǔn)字體和文本塊布局之前，請(qǐng)考慮這一切是否會(huì)提高用戶的進(jìn)入門檻。

評(píng)論(0) 瀏覽(432)

打造專屬UI界面設(shè)計(jì)指南與策略——優(yōu)化老年用戶體驗(yàn)

藍(lán)藍(lán)小助手

讓老年人舒適地使用應(yīng)用程序并不需要進(jìn)行太多的額外考慮。一般而言，遵循最佳做法和可用性準(zhǔn)則就將有助于使所有用戶易于使用產(chǎn)品，無論年齡，身體或認(rèn)知是否有障礙（與年齡或其他方面有關(guān)）。
設(shè)計(jì)師應(yīng)在專門針對(duì)老年人的應(yīng)用程序中為老年人考慮更多，例如較大的字體，更直觀的界面元素，清晰的措詞以及有用的功能提示等，這會(huì)提升他們的用戶體驗(yàn)。

評(píng)論(0) 瀏覽(628)

掌握APP頁面分割技巧：一步到位的實(shí)用教程，提升你的設(shè)計(jì)效率！

藍(lán)藍(lán)小助手

優(yōu)化APP頁面分割策略：以清晰條理與悅目秩序提升內(nèi)容突出度，實(shí)現(xiàn)高效信息傳達(dá)！全面解析版面效果與決策要素。

評(píng)論(0) 瀏覽(359)

日歷

鏈接

個(gè)人資料

存檔