韓國Naver的設(shè)計,究竟厲害在哪?

5 評論 3889 瀏覽 15 收藏 11 分鐘

編輯導(dǎo)語:說到韓國設(shè)計,第一時間想到的就是NAVER,這篇文章從統(tǒng)一、創(chuàng)新、個性三個維度來分析NAVER產(chǎn)品的家族化設(shè)計語言,學(xué)習(xí)它的成功經(jīng)驗,一起來看看吧。

說到韓國設(shè)計,NAVER第一時間引入眼簾。毫無疑問,因為這家韓國頂級互聯(lián)網(wǎng)巨頭,擁有眾多產(chǎn)品線,設(shè)計品質(zhì)也高。對于這么多產(chǎn)品,他們是怎樣保證家族化設(shè)計基因傳承?如何做到保持統(tǒng)一規(guī)則的同時又有個性化產(chǎn)品?如何保持創(chuàng)新并推動落地?

到這里,大家是不是也很想知道他們產(chǎn)品設(shè)計到底有怎樣的不同?上周他們發(fā)布2021作品集,更是引發(fā)不少國內(nèi)設(shè)計師的關(guān)注。

秉承著以學(xué)習(xí)的態(tài)度,從統(tǒng)一、創(chuàng)新、個性三個維度來分析NAVER產(chǎn)品的家族化設(shè)計語言。學(xué)習(xí)好的一面,為己所用。

韓國Naver的設(shè)計,究竟厲害在哪?

一、統(tǒng)一

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

面對這么多產(chǎn)品線的韓國NAVER公司,他們?nèi)绾巫龅浇y(tǒng)一的呢?下面分別從框架網(wǎng)格、產(chǎn)品圖標(biāo)、啟動頁來看下。

韓國Naver的設(shè)計,究竟厲害在哪?

1.? 統(tǒng)一框架網(wǎng)格

NAVER為了確保用戶全場景體驗統(tǒng)一,將Naver Square 的網(wǎng)格系統(tǒng)應(yīng)用到 UX 設(shè)計中,任何人都可以輕松訪問服務(wù)功能,無論您連接到什么內(nèi)容,您都可以獲得一致、無縫的體驗。

韓國Naver的設(shè)計,究竟厲害在哪?

NAVER UX Square Gird

2. 統(tǒng)一產(chǎn)品圖標(biāo)氣質(zhì)

NAVER也將家族化產(chǎn)品LOGO進(jìn)行規(guī)范化設(shè)計,統(tǒng)一色彩傾向、輕質(zhì)感和一致品牌人格。

韓國Naver的設(shè)計,究竟厲害在哪?

同時定義色彩規(guī)范和圖標(biāo)網(wǎng)格,來確保家族化LOGO設(shè)計基因一致。

韓國Naver的設(shè)計,究竟厲害在哪?

色彩和圖標(biāo)

韓國Naver的設(shè)計,究竟厲害在哪?

系統(tǒng)圖標(biāo)規(guī)范

NAVER 方形UI圖標(biāo)規(guī)范,確保APP內(nèi)圖標(biāo)一致的風(fēng)格體驗。

韓國Naver的設(shè)計,究竟厲害在哪?

方形UI圖標(biāo)

3. 統(tǒng)一產(chǎn)品啟動頁氣質(zhì)

產(chǎn)品的啟動頁,是用戶正式進(jìn)入產(chǎn)品應(yīng)用內(nèi)第一時間感受到的。在NAVER家族化產(chǎn)品設(shè)計中幾乎是看不到廣告,取而代之的是干凈簡潔的設(shè)計。

整體保持一致的風(fēng)格和調(diào)性,綠色為主,然后略微做一些差異化創(chuàng)新。

韓國Naver的設(shè)計,究竟厲害在哪?

NAVER家族化產(chǎn)品啟動頁

二、創(chuàng)新

NAVER善于做創(chuàng)新,挖掘細(xì)節(jié),他們在推動創(chuàng)新落地這件事上值得我們所有設(shè)計師學(xué)習(xí)。下面我們從設(shè)計細(xì)節(jié)、微動效兩個維度來看看NAVER的產(chǎn)品設(shè)計。

韓國Naver的設(shè)計,究竟厲害在哪?

1. 設(shè)計細(xì)節(jié)

質(zhì)感上:NAVER APP扁平化+擬物化設(shè)計,底部圖標(biāo)運用了輕擬物化設(shè)計,增強界面品質(zhì)感。中間功能圖標(biāo)點擊展開后,采用了與眾不同的斷線+圓點集合的線性圖標(biāo)設(shè)計。

韓國Naver的設(shè)計,究竟厲害在哪?

NAVER

布局上:層疊化布局+破形布局,增加界面設(shè)計形式感。

韓國Naver的設(shè)計,究竟厲害在哪?

NAVER Knowledge inN, eXpert和WEBTOON KR

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

韓國Naver的設(shè)計,究竟厲害在哪?

VLIVE

2. 微交互動效

NAVER首頁交互動效

中間圓形圖標(biāo)點擊展開可看到更多的功能,而且手長按時,中間圓點還可以旋轉(zhuǎn),對應(yīng)色彩也會變化。這樣的細(xì)節(jié)與創(chuàng)新,竟然都推動落地,簡直不要太贊。

NAVER音樂交互動效

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

韓國Naver的設(shè)計,究竟厲害在哪?

Series

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

韓國Naver的設(shè)計,究竟厲害在哪?

AudioClip

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

韓國Naver的設(shè)計,究竟厲害在哪?

JuniverTV

三、個性

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

1. 不斷重復(fù)出現(xiàn)綠色

韓國Naver的設(shè)計,究竟厲害在哪?

2021、Naver設(shè)計座談會

韓國Naver的設(shè)計,究竟厲害在哪?

2019、Naver設(shè)計座談會

在應(yīng)用商店的運營設(shè)計,也是統(tǒng)一的調(diào)性。

韓國Naver的設(shè)計,究竟厲害在哪?

LINE Corporation

韓國Naver的設(shè)計,究竟厲害在哪?

WEBTOON

應(yīng)用商店運營位置,也是可以強化品牌傳播力,統(tǒng)一的設(shè)計風(fēng)格,加強用戶對產(chǎn)品的熟悉度。

韓國Naver的設(shè)計,究竟厲害在哪?

LINE DAY 2020,主題設(shè)計

2. 產(chǎn)品內(nèi)差異化設(shè)計

在保證大的基因延續(xù)家族化設(shè)計理念時候,產(chǎn)品個性就體現(xiàn)在一些特殊的應(yīng)用上。比如音樂、視頻、漫畫等這些偏娛樂性質(zhì)的產(chǎn)品。在設(shè)計上也應(yīng)該有一些獨特的創(chuàng)新點。

韓國Naver的設(shè)計,究竟厲害在哪?

Vibe

NAVER旗下一個音樂應(yīng)用Vibe,整個調(diào)性更傾向音樂沉浸式氛圍渲染,因此在設(shè)計上和NAVER本身產(chǎn)品相比會有所不同,也算是一種業(yè)務(wù)策略。

韓國Naver的設(shè)計,究竟厲害在哪?

Series

四、寫在最后

今天主要帶著學(xué)習(xí)的目的,看看國外大廠如何做產(chǎn)品設(shè)計?他們的思路與國內(nèi)有什么不同。其實不管是國內(nèi)還是國外做設(shè)計,有一個重要的因素不可分割,那就是當(dāng)?shù)氐纳鐣h(huán)境因素有關(guān)。我們能做的就是學(xué)習(xí)好的地方,然后盡量吸收,轉(zhuǎn)化應(yīng)用到自己的產(chǎn)品設(shè)計中。

希望我們大家都做到在同質(zhì)化的今天,能做出一些差異化的創(chuàng)新設(shè)計,這才本篇文章的價值所在,希望對你有所啟發(fā)。

#專欄作家#

Tony,微信公眾號:功夫體驗設(shè)計,人人都是產(chǎn)品經(jīng)理專欄作家。百度視覺體驗設(shè)計師,一直堅持原創(chuàng)文章,樂于幫助新人。擅長作品集指導(dǎo)、筆試題指導(dǎo)、UI視覺創(chuàng)意、設(shè)計趨勢風(fēng)格等。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 小紅書小程序

    來自廣東 回復(fù)
  2. 簡約大方又能讓用戶輕松理解,確實很值得我學(xué)習(xí),受教了

    來自河北 回復(fù)
  3. 這個界面看著真的是簡單大方,但是功能又很齊全,設(shè)計真得蠻不錯!

    來自浙江 回復(fù)
  4. 很精致大方的感覺,綠色看起來也不會疲勞,動畫設(shè)計也很可愛

    來自貴州 回復(fù)
  5. 設(shè)計看上去真的非常舒服

    來自浙江 回復(fù)