編輯導語：日常工作和生活中，觀察他人的設計作品有助于提高自己的靈感，從而拓展設計思路。一個圖標都能夠做到如此細致的人，一定是在設計上花了工夫的。本文對一些UI設計進行解析，分享UI設計的一些小技巧，希望對你有幫助。

最近在看一些韓國的app，發現他們設計特別重視細節處理，一個圖標都可以細致到讓我看了好幾遍。正好借此機會，給大家分享一波，希望大家可以從中汲取靈感，轉化成自己的設計儲備。

一、常用圖標增加細節

可能很多設計師說，圖標我也會用啊，但是有極少部分設計師根本沒有認真去應用圖標，比如上圖，這個產品在每一個選項上面增加圖標進行信息設計，這樣就避免全是文字的枯燥畫面。

上圖這個產品，通過4個趣味性功能圖標將整個頁面救活了，試想，如果去掉這種圖形化的表現形式，改成單色線性的，效果是不是又會大打折扣。

圖標特征的設計延續性，包括播放按鈕都有著統一的特征。

上圖，一些小的列表場景都有圖標的出現，還有中間這張圖情感化生日蛋糕的圖標設計，無一不體現對細節的深挖，體驗的打磨。

二、更個性的布局

布局是最能影響視覺感官的設計語言之一，所占面積較大，進入產品第一眼的感受肯定是整體布局調性，然后到細節深入。在上圖，我們可以看到設計師在首頁大膽的運用圖形疊加布局，圓弧背景圖形與專輯封面疊加，錯落有層次，營造氛圍。

在設計中，除了頁面本身布局差異性設計，在包裝時，也是將頁面元素與畫布外面相銜接，這樣連續性的效果，讓頁面增加品質細節。

上圖，設計師也是在頁面中采用圖片錯層疊加布局設計，雜志感與韻律節奏感讓整個頁面細節滿滿。

如果你使用雙圓角過多了，那么不妨試一試單圓角布局，但是需要整個體系保持統一。

三、超趣味性動畫

上圖這個產品，全程虛擬小手在與用戶互動，看起來感覺非常擬真化，也正是這種小細節的處理，才讓產品打動人心。

四、雜志化布局

雜志化布局，在國內這兩年都開始有不少產品在設計應用，雜志化設計思路，映射現實世界中精美雜志的設計和閱讀質感；大標題、層疊布局、留白、大圖等已成為產品雜志化的必要設計語言。

圖片與大標題文字疊加處理。

五、大量運用留白

比如上圖這個設計，設計師在處理布局信息時候，留白居多。在左側頁面處理中，通過圖片豐富細節，然后再運用文字排版。右側列表布局，也是大面積留白，可讓用戶在第一時間抓住關鍵信息。

卡片之間布局也是大空間留白。

留白與個性化布局都有體現。

好了，今天文章就分享到這里。大家下去多做一些設計練習，在做設計探索中多去延展應用，完成設計轉化，設計品質更上一層樓。

#專欄作家#

Tony，微信公眾號：功夫UX，人人都是產品經理專欄作家。國內一線大廠設計師，一直堅持原創文章，樂于幫助新人。擅長作品集指導、筆試題指導、UI視覺創意、設計趨勢風格等。

本文原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議