韓國Naver的設計,究竟厲害在哪?
編輯導語:說到韓國設計,第一時間想到的就是NAVER,這篇文章從統一、創新、個性三個維度來分析NAVER產品的家族化設計語言,學習它的成功經驗,一起來看看吧。
說到韓國設計,NAVER第一時間引入眼簾。毫無疑問,因為這家韓國頂級互聯網巨頭,擁有眾多產品線,設計品質也高。對于這么多產品,他們是怎樣保證家族化設計基因傳承?如何做到保持統一規則的同時又有個性化產品?如何保持創新并推動落地?
到這里,大家是不是也很想知道他們產品設計到底有怎樣的不同?上周他們發布2021作品集,更是引發不少國內設計師的關注。
秉承著以學習的態度,從統一、創新、個性三個維度來分析NAVER產品的家族化設計語言。學習好的一面,為己所用。
一、統一
統一性是一切產品設計的基礎,它可以增加用戶品牌感知、粘性和親切感。試想,如果用戶打開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協議
小紅書小程序
簡約大方又能讓用戶輕松理解,確實很值得我學習,受教了
這個界面看著真的是簡單大方,但是功能又很齊全,設計真得蠻不錯!
很精致大方的感覺,綠色看起來也不會疲勞,動畫設計也很可愛
設計看上去真的非常舒服