看完這些韓國的UI設計,我終于知道差距在哪了!
編輯導語:日常工作和生活中,觀察他人的設計作品有助于提高自己的靈感,從而拓展設計思路。一個圖標都能夠做到如此細致的人,一定是在設計上花了工夫的。本文對一些UI設計進行解析,分享UI設計的一些小技巧,希望對你有幫助。
最近在看一些韓國的app,發現他們設計特別重視細節處理,一個圖標都可以細致到讓我看了好幾遍。正好借此機會,給大家分享一波,希望大家可以從中汲取靈感,轉化成自己的設計儲備。
一、常用圖標增加細節
可能很多設計師說,圖標我也會用啊,但是有極少部分設計師根本沒有認真去應用圖標,比如上圖,這個產品在每一個選項上面增加圖標進行信息設計,這樣就避免全是文字的枯燥畫面。
上圖這個產品,通過4個趣味性功能圖標將整個頁面救活了,試想,如果去掉這種圖形化的表現形式,改成單色線性的,效果是不是又會大打折扣。
圖標特征的設計延續性,包括播放按鈕都有著統一的特征。
上圖,一些小的列表場景都有圖標的出現,還有中間這張圖情感化生日蛋糕的圖標設計,無一不體現對細節的深挖,體驗的打磨。
二、更個性的布局
布局是最能影響視覺感官的設計語言之一,所占面積較大,進入產品第一眼的感受肯定是整體布局調性,然后到細節深入。在上圖,我們可以看到設計師在首頁大膽的運用圖形疊加布局,圓弧背景圖形與專輯封面疊加,錯落有層次,營造氛圍。
在設計中,除了頁面本身布局差異性設計,在包裝時,也是將頁面元素與畫布外面相銜接,這樣連續性的效果,讓頁面增加品質細節。
上圖,設計師也是在頁面中采用圖片錯層疊加布局設計,雜志感與韻律節奏感讓整個頁面細節滿滿。
如果你使用雙圓角過多了,那么不妨試一試單圓角布局,但是需要整個體系保持統一。
三、超趣味性動畫
上圖這個產品,全程虛擬小手在與用戶互動,看起來感覺非常擬真化,也正是這種小細節的處理,才讓產品打動人心。
四、雜志化布局
雜志化布局,在國內這兩年都開始有不少產品在設計應用,雜志化設計思路,映射現實世界中精美雜志的設計和閱讀質感;大標題、層疊布局、留白、大圖等已成為產品雜志化的必要設計語言。
圖片與大標題文字疊加處理。
五、大量運用留白
比如上圖這個設計,設計師在處理布局信息時候,留白居多。在左側頁面處理中,通過圖片豐富細節,然后再運用文字排版。右側列表布局,也是大面積留白,可讓用戶在第一時間抓住關鍵信息。
卡片之間布局也是大空間留白。
留白與個性化布局都有體現。
好了,今天文章就分享到這里。大家下去多做一些設計練習,在做設計探索中多去延展應用,完成設計轉化,設計品質更上一層樓。
#專欄作家#
Tony,微信公眾號:功夫UX,人人都是產品經理專欄作家。國內一線大廠設計師,一直堅持原創文章,樂于幫助新人。擅長作品集指導、筆試題指導、UI視覺創意、設計趨勢風格等。
本文原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
好的咱們確實該學,但是…你自己看看這好看嗎…還有那個粉紅色的手…我都不好意思說
其實我覺得還挺好看的,不過不同的地區人們都有不同的審美,對象喜歡就是真的好。
忍不了了,專門登錄上來吐槽一句。不是吧不是吧…這也能舔,還擴展到了與韓國的差距?
開始懷疑你37篇文章都是這么寫的么
還有吹韓國的,這些都丑成啥樣了
好家伙,隨便一個都丑死了