一、統一

統一性是一切產品設計的基礎，它可以增加用戶品牌感知、粘性和親切感。試想，如果用戶打開NAVER公司的每一個產品，都有一種熟悉的感覺，是不是就會很容易吸引大批用戶，獲得好的口碑。

面對這么多產品線的韓國NAVER公司，他們如何做到統一的呢？下面分別從框架網格、產品圖標、啟動頁來看下。

1.? 統一框架網格

NAVER為了確保用戶全場景體驗統一，將Naver Square 的網格系統應用到 UX 設計中，任何人都可以輕松訪問服務功能，無論您連接到什么內容，您都可以獲得一致、無縫的體驗。

NAVER UX Square Gird

2. 統一產品圖標氣質

NAVER也將家族化產品LOGO進行規范化設計，統一色彩傾向、輕質感和一致品牌人格。

同時定義色彩規范和圖標網格，來確保家族化LOGO設計基因一致。

色彩和圖標

系統圖標規范

NAVER 方形UI圖標規范，確保APP內圖標一致的風格體驗。

方形UI圖標

3. 統一產品啟動頁氣質

產品的啟動頁，是用戶正式進入產品應用內第一時間感受到的。在NAVER家族化產品設計中幾乎是看不到廣告，取而代之的是干凈簡潔的設計。

整體保持一致的風格和調性，綠色為主，然后略微做一些差異化創新。

NAVER家族化產品啟動頁

二、創新

NAVER善于做創新，挖掘細節，他們在推動創新落地這件事上值得我們所有設計師學習。下面我們從設計細節、微動效兩個維度來看看NAVER的產品設計。

1. 設計細節

質感上：NAVER APP扁平化+擬物化設計，底部圖標運用了輕擬物化設計，增強界面品質感。中間功能圖標點擊展開后，采用了與眾不同的斷線+圓點集合的線性圖標設計。

NAVER

布局上：層疊化布局+破形布局，增加界面設計形式感。

NAVER Knowledge inN, eXpert和WEBTOON KR

破形布局可以增加設計形式感，如果配合動效，可玩性更高，由此可見他們對設計推動落地是有很強的驅動力在里面。

VLIVE

2. 微交互動效

NAVER首頁交互動效

中間圓形圖標點擊展開可看到更多的功能，而且手長按時，中間圓點還可以旋轉，對應色彩也會變化。這樣的細節與創新，竟然都推動落地，簡直不要太贊。

NAVER音樂交互動效

NAVER APP中音樂交互動效，底部粒子波紋動態效果，給整個頁面增加了可玩性，至少我回去點擊，觸摸，非常有趣味性。

Series

上圖中，頂部BANNER當滑動時，里面元素破形和放大動效，增加了用戶在滑動時候的趣味性。

AudioClip

JuniverTV的加載動效將動物擬人化表情賦予其中，趣味性十足，頂部Bar的圖標動效也是做的比較傳神。

JuniverTV

三、個性

品牌個性可以讓一個產品形成有力的競爭，如果說人有個性，那么對于品牌來說也是同樣會有。在產品個性塑造上，NAVER把家族化的綠色基因全產品延續，包括WEB端、APP內，運營設計等。在所有全場景中不斷重復應用，強化用戶對品牌心智，凸顯個性。

1. 不斷重復出現綠色

2021、Naver設計座談會

2019、Naver設計座談會

在應用商店的運營設計，也是統一的調性。

LINE Corporation

WEBTOON

應用商店運營位置，也是可以強化品牌傳播力，統一的設計風格，加強用戶對產品的熟悉度。

LINE DAY 2020，主題設計

2. 產品內差異化設計

在保證大的基因延續家族化設計理念時候，產品個性就體現在一些特殊的應用上。比如音樂、視頻、漫畫等這些偏娛樂性質的產品。在設計上也應該有一些獨特的創新點。

Vibe

NAVER旗下一個音樂應用Vibe，整個調性更傾向音樂沉浸式氛圍渲染，因此在設計上和NAVER本身產品相比會有所不同，也算是一種業務策略。

Series

四、寫在最后

今天主要帶著學習的目的，看看國外大廠如何做產品設計？他們的思路與國內有什么不同。其實不管是國內還是國外做設計，有一個重要的因素不可分割，那就是當地的社會環境因素有關。我們能做的就是學習好的地方，然后盡量吸收，轉化應用到自己的產品設計中。

希望我們大家都做到在同質化的今天，能做出一些差異化的創新設計，這才本篇文章的價值所在，希望對你有所啟發。

#專欄作家#

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

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

題圖來自Unsplash，基于CC0協議