說到韓國UI設計案例借鑒，相信很多人第一時間會想到NAVER(네이버)。

NAVER是著名社交軟件平台Line的母公司，也是世界第五大的搜索引擎平台，僅次於Google、Yahoo、Baidu和Bing。

NAVER作為韓國頂級互聯網巨頭(韓國市場份額在77%左右)，旗下擁有眾多產品線，設計品質也非常好。今天就讓Inspirr和大家說說，NAVER的UI設計厲害在哪裡?哪些地方是值得我們參考和借鑒的!

韓國UI設計案例借鑒：NAVER的UI設計厲害在哪

下面，小編將從統一性、創新性和個性這三個維度，分析NAVER系列產品的UI設計語言，希望大家能從這些思路中學習到更多相關且有用的技巧。

NAVER UI設計案例借鑒之 統一性

當網友打開NAVER旗下產品時，都會有種莫名的熟悉感覺，這正是NAVER注重統一性的體驗。

下面，我們分別從框架網格、Logo設計、啟動頁，看看NAVER是如何做到統一的。

a.框架網格

NAVER將NAVER Square的網格系統應用到所有產品的UX設計中，確保網友無論使用旗下任何產品，都能享受到一致且無縫的體驗。

UI設計案例

b. Logo設計

NAVER將所有旗下產品的Logo進行規範化設計，保持一致的色彩傾向、Logo網格、輕質感風格和品牌性格，增強產品之間的聯繫。

UI設計案例

c.產品啟動頁

與其他APP產品不同，在NAVER家族化產品設計中幾乎看不到任何廣告，取而代之的是乾淨簡潔的UI設計。

另外，產品UI設計保持一致的風格、調性和主色調，同時稍微做一些差異化設計，既可增加網友對產品的熟悉度，又可讓網友輕而易舉地區分各產品的不同特性。

UI設計案例

NAVER UI設計案例借鑒之 創新性

在推動創新落地上，NAVER同樣非常值得我們學習，下面我們從設計細節、微動效兩個維度來說說NAVER的創新性設計。

a.設計細節

▪ 質感：扁平化+擬物化設計

底部圖標運用了輕擬物化設計，加強介面的質感;中間功能圖標點擊展開後，則採用與眾不同的斷線+圓點集合的線性圖標設計。

UI設計案例

▪ 佈局：層疊化佈局+破形佈局

破形佈局可增加設計的形式感，搭配層疊化佈局和動效，無形中增強了產品的可玩性。

UI設計案例

b.微動效設計

當NAVER APP中間圓形圖標點擊展開時，網友將可看到更多額外的功能;同時若網友長按圖標時，中間的圓點還可以旋轉，對應的色彩也會隨之發生變化。

UI設計案例

再觀察NAVER Music的交互動效，底部的粒子波紋動態效果，給整個頁面增加了可喚醒。當網友滑動頂部banner時，裏面的元素會出現破形和放大的動效，增加用戶在滑動時的趣味性。

UI設計案例

在JuniverTV的加載動效中，NAVER將動物擬人化表情賦予其中，增加介面的趣味性。另外，NAVER還將Top Bar的圖標動效也做得非常傳神。

NAVER UI設計案例借鑒之 個性

如果說人有個性，那麼對於品牌來說同樣也會有。品牌個性可以讓一個產品形成強而有力的競爭力，而NAVER對品牌設計推動落地，同樣有着很強的驅動力在裏面。

a.不斷重複出現「綠色」

在品牌個性塑造上，NAVER將「綠色」運用到Web設計、APP設計，以及運營設計等上，並在所有場景中不斷重複應用，強化了用戶對品牌的感知，突顯產品的個性。

UI設計案例

b.產品內差異化設計

NAVER在保證家族化產品設計一致性的理念時，還會根據不同產品特性進行差異化設計，比如NAVER旗下的Vibe音樂APP，整個APP設計調性都更傾向於音樂沉浸式分為的渲染，因此在APP設計上會與NAVER其他產品略有有不同。

UI設計案例

【總結】

不管做哪類型的APP設計還是網頁設計，都有一個重要因素是不可分割的，那就是基於當地社會環境因素來考慮設計。如果您對UI設計有什麼疑問，或者正找一家經驗豐富的網頁製作公司，歡迎咨詢我們!