10個產(chǎn)品細(xì)節(jié)剖析,看看高手如何做設(shè)計!

設(shè)計能力的強弱取決于設(shè)計思維,技能操作層面的不足可以通過反復(fù)訓(xùn)練,在短時間內(nèi)即可彌補;而設(shè)計思維需要通過長時間的熏陶,還要找對學(xué)習(xí)的方法和途徑。很多設(shè)計師工作五年甚至十年,但是設(shè)計能力依然比較普通,很大程度上還是設(shè)計思維能力的缺失。

我們也可以通過體驗和分析優(yōu)秀的案例來提升,學(xué)習(xí)優(yōu)秀設(shè)計師的設(shè)計思路和處理技巧,以此來強化自我專業(yè)思維。今天黑馬哥繼續(xù)給大家分享一些優(yōu)秀的設(shè)計案例,希望可以助力提高大家的設(shè)計思維。

一、不一樣的返回設(shè)計

進(jìn)入層級界面可以通過返回回到上一級操作場景,通常都是以箭頭圖標(biāo)、返回文字組合設(shè)計或者獨立設(shè)計。

最近在體驗喵喵記賬 App 時,其返回設(shè)計以“門”作為創(chuàng)意元素,進(jìn)入層級界面時門會打開,點擊返回時會有關(guān)門的動作。以開關(guān)門的方式表達(dá)進(jìn)入和返回狀態(tài),形象化的表達(dá)了不一樣的返回設(shè)計,呈現(xiàn)出不同的設(shè)計解決方案。

10個產(chǎn)品細(xì)節(jié)剖析,看看高手如何做設(shè)計!

二、可以切換大小的設(shè)計布局

為了滿足更多用戶的體驗需求,設(shè)計布局的靈活性變得越來越重要,需要提供多種選擇便于操作。
在藏書館 App 中,針對書庫分類的展示設(shè)計,用戶可以通過點擊切換呈現(xiàn)不同大小的樣式。文字和書籍封面圖都會隨著切換而縮放,方便滿足不同用戶的瀏覽需求,提升用戶對產(chǎn)品的操作體驗度。

10個產(chǎn)品細(xì)節(jié)剖析,看看高手如何做設(shè)計!

三、做減法的設(shè)計表達(dá)

隨著互聯(lián)網(wǎng)環(huán)境的發(fā)展,提供給大家的產(chǎn)品選擇越來越豐富,而產(chǎn)品設(shè)計也從最初的功能性服務(wù)擴(kuò)展到綜合性服務(wù)。功能變得越來越多,商業(yè)氛圍也十分濃厚,有種眼花繚亂的感覺。

最近在使用美團(tuán)外賣柜小程序時,其簡約的設(shè)計印象深刻。存取功能一目了然,沒有多余的設(shè)計干擾體驗,操作指引也是簡單易懂。有時候減法的設(shè)計才是最好的用戶體驗,與其布局一堆功能或者服務(wù),反而增加了用戶的操作成本。

10個產(chǎn)品細(xì)節(jié)剖析,看看高手如何做設(shè)計!

四、品牌動態(tài)渲染春節(jié)氛圍

春節(jié)氛圍感營造對于品牌來說至關(guān)重要,是渲染春節(jié)主題和增強用戶親和力的關(guān)鍵,營造方式也是豐富多樣。

其中夸克 App 通過品牌 LOGO 結(jié)合春節(jié)主題進(jìn)行動態(tài)設(shè)計,不僅突出春節(jié)氛圍,動效過渡也非常流暢??淇私?jīng)常會以品牌動態(tài)化的形式表現(xiàn)節(jié)日或者特殊活動主題,設(shè)計融合性處理得十分細(xì)致。

10個產(chǎn)品細(xì)節(jié)剖析,看看高手如何做設(shè)計!

五、品牌插畫表現(xiàn)界面置底

界面設(shè)計過程中,對于到達(dá)底部的處理方式通常有品牌表達(dá)、公司名稱、版權(quán)信息、情感化內(nèi)容表達(dá)等。

最近在體驗我要做計劃 App 時,界面設(shè)計底部以品牌 IP 形式的插畫進(jìn)行表達(dá),不僅符合整體設(shè)計風(fēng)格,也使得界面設(shè)計更有趣味性。整個產(chǎn)品設(shè)計也以插畫風(fēng)格為主,是一個很有個性化的產(chǎn)品。

10個產(chǎn)品細(xì)節(jié)剖析,看看高手如何做設(shè)計!

六、動態(tài)刷新紅包設(shè)計

結(jié)合刷新設(shè)計賦予更多功能或者服務(wù),已經(jīng)成為二層樓設(shè)計的首選。

最近在體驗美團(tuán)外賣時,首頁下拉刷新會出現(xiàn)紅包樣式的動效表達(dá),隨著下拉的程度不同,紅包金額會隨之增加或者減少。動態(tài)刷新紅包設(shè)計更能吸引用戶繼續(xù)體驗,進(jìn)而進(jìn)入二層樓參與活動,趣味性的表達(dá)方式很有吸引力,也以此方式促進(jìn)了用戶參與感。

10個產(chǎn)品細(xì)節(jié)剖析,看看高手如何做設(shè)計!

10個產(chǎn)品細(xì)節(jié)剖析,看看高手如何做設(shè)計!

七、涂鴉風(fēng)格的流程設(shè)計

隨著同質(zhì)化設(shè)計的現(xiàn)象,產(chǎn)品設(shè)計也在不斷嘗試更具差異化的風(fēng)格。結(jié)合插畫風(fēng)格表達(dá)界面設(shè)計,變得越來越普及。

在我要做計劃 App 設(shè)計中,整體風(fēng)格以涂鴉插畫風(fēng)為主,完善做計劃流程設(shè)計也以涂鴉風(fēng)格進(jìn)行設(shè)計。不僅風(fēng)格特征更突出,也能吸引用戶的關(guān)注度,促進(jìn)完善計劃流程。

10個產(chǎn)品細(xì)節(jié)剖析,看看高手如何做設(shè)計!

八、情感化閃屏設(shè)計

閃屏設(shè)計分為品牌感方向和營銷廣告等方向,其中閃屏廣告較為常見,不過也有品牌啟動頁和閃屏廣告相結(jié)合的方式。

閃屏設(shè)計的形式也非常多樣,其中情感化的方向以 IP 形象和情感故事性插畫為主。比如喜馬拉雅閃屏設(shè)計便以 IP 形象的各種動態(tài)化形式呈現(xiàn),畫面非固定表達(dá)形式,每次重新打開都會有所不同,IP 動態(tài)也非常俏皮可愛。

10個產(chǎn)品細(xì)節(jié)剖析,看看高手如何做設(shè)計!

九、圖標(biāo)設(shè)計的翻轉(zhuǎn)動效

圖標(biāo)動效的運用非常普及,以往見過的案例都是動效的形式表達(dá)圖標(biāo)的不同形式感,但是圖標(biāo)的含義不會受到影響。

最近在體驗盒馬 App 時,首頁金剛區(qū)圖標(biāo)以翻轉(zhuǎn)動效進(jìn)行表達(dá),既突出春節(jié)氛圍也賦予圖標(biāo)兩層含義。在保留圖標(biāo)本身功能含義的同時,通過翻轉(zhuǎn)另一面表達(dá)出不同的意思,也是一個新的圖標(biāo)動效表達(dá)思維。

10個產(chǎn)品細(xì)節(jié)剖析,看看高手如何做設(shè)計!

十、蛇年主題圖標(biāo)設(shè)計

蛇年春節(jié)主題設(shè)計在產(chǎn)品中的運用很豐富,其中在圖標(biāo)設(shè)計中的運用是最普遍的,廣泛運用于應(yīng)用圖標(biāo)、金剛區(qū)圖標(biāo)、底部標(biāo)簽欄圖標(biāo)和其他功能圖標(biāo)等。

圖標(biāo)設(shè)計的運用形式很多,比如蛇年主題文案嵌入、生肖蛇相關(guān)元素設(shè)計、春節(jié)元素設(shè)計等。表現(xiàn)形式以立體質(zhì)感居多,配色以突出春節(jié)氛圍為主。

10個產(chǎn)品細(xì)節(jié)剖析,看看高手如何做設(shè)計!

小結(jié)

設(shè)計思維除了依靠自身專業(yè)基礎(chǔ)以外,通過不斷學(xué)習(xí)分析優(yōu)秀的案例也能不斷提升,希望本期的案例分享可以帶給大家更多靈感。

收藏 32
點贊 39

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。