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

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

一、常用圖标增加細節

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

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

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

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

二、更個性的布局

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

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

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

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

三、超趣味性動畫

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

四、雜志化布局

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

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

五、大量運用留白

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

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

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

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

#專欄作家#

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

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

題圖來自Unsplash，基于CC0協議

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部