韓國Naver Design的設(shè)計，究竟厲害在哪
作者：Tony，來源：功夫UX
說到韓國設(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)注。
下面是2021年終總結(jié)作品集，如果已經(jīng)看了視頻，那就直接滑動看文章。
秉承著以學(xué)習(xí)的態(tài)度，從統(tǒng)一、創(chuàng)新、個性三個維度來分析NAVER產(chǎn)品的家族化設(shè)計語言。學(xué)習(xí)好的一面，為己所用。
一、統(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)、啟動頁來看下。
1、 統(tǒng)一框架網(wǎng)格
NAVER為了確保用戶全場景體驗統(tǒng)一，將Naver Square 的網(wǎng)格系統(tǒng)應(yīng)用到 UX 設(shè)計中，任何人都可以輕松訪問服務(wù)功能，無論您連接到什么內(nèi)容，您都可以獲得一致、無縫的體驗。
Naver Square UX
NAVER UX Square Gird
2、統(tǒng)一產(chǎn)品圖標(biāo)氣質(zhì)
NAVER也將家族化產(chǎn)品LOGO進(jìn)行規(guī)范化設(shè)計，統(tǒng)一色彩傾向、輕質(zhì)感和一致品牌人格。
同時定義色彩規(guī)范和圖標(biāo)網(wǎng)格，來確保家族化LOGO設(shè)計基因一致。
色彩和圖標(biāo)
系統(tǒng)圖標(biāo)規(guī)范
NAVER 方形UI圖標(biāo)規(guī)范，確保APP內(nèi)圖標(biāo)一致的風(fēng)格體驗。
方形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家族化產(chǎn)品啟動頁
二、創(chuàng)新
NAVER善于做創(chuàng)新，挖掘細(xì)節(jié)，他們在推動創(chuàng)新落地這件事上值得我們所有設(shè)計師學(xué)習(xí)。下面我們從設(shè)計細(xì)節(jié)、微動效兩個維度來看看NAVER的產(chǎn)品設(shè)計。
1、設(shè)計細(xì)節(jié)
質(zhì)感上：NAVER APP扁平化+擬物化設(shè)計，底部圖標(biāo)運用了輕擬物化設(shè)計，增強(qiáng)界面品質(zhì)感。中間功能圖標(biāo)點擊展開后，采用了與眾不同的斷線+圓點集合的線性圖標(biāo)設(shè)計。
NAVER
布局上：層疊化布局+破形布局，增加界面設(shè)計形式感。
NAVER Knowledge inN, eXpert和WEBTOON KR
破形布局可以增加設(shè)計形式感，如果配合動效，可玩性更高，由此可見他們對設(shè)計推動落地是有很強(qiáng)的驅(qū)動力在里面。
VLIVE
2、微交互動效?
NAVER首頁交互動效
中間圓形圖標(biāo)點擊展開可看到更多的功能，而且手長按時，中間圓點還可以旋轉(zhuǎn)，對應(yīng)色彩也會變化。這樣的細(xì)節(jié)與創(chuàng)新，竟然都推動落地，簡直不要太贊。
NAVER音樂交互動效
NAVER APP中音樂交互動效，底部粒子波紋動態(tài)效果，給整個頁面增加了可玩性，至少我會去點擊，觸摸，非常有趣味性。
Series
上圖中，頂部BANNER當(dāng)滑動時，里面元素破形和放大動效，增加了用戶在滑動時候的趣味性。
AudioClip
JuniverTV的加載動效將動物擬人化表情賦予其中，趣味性十足，頂部Bar的圖標(biāo)動效也是做的比較傳神。
JuniverTV
三、個性
品牌個性可以讓一個產(chǎn)品形成有力的競爭，如果說人有個性，那么對于品牌來說也是同樣會有。在產(chǎn)品個性塑造上，NAVER把家族化的綠色基因全產(chǎn)品延續(xù)，包括WEB端、APP內(nèi)，運營設(shè)計等。在所有全場景中不斷重復(fù)應(yīng)用，強(qiáng)化用戶對品牌心智，凸顯個性。
1、不斷重復(fù)出現(xiàn)綠色
2021、Naver設(shè)計座談會
2019、Naver設(shè)計座談會
在應(yīng)用商店的運營設(shè)計，也是統(tǒng)一的調(diào)性。
LINE Corporation
WEBTOON
應(yīng)用商店運營位置，也是可以強(qiáng)化品牌傳播力，統(tǒng)一的設(shè)計風(fēng)格，加強(qiáng)用戶對產(chǎn)品的熟悉度。
LINE DAY 2020
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)新點。
Vibe
NAVER旗下一個音樂應(yīng)用Vibe，整個調(diào)性更傾向音樂沉浸式氛圍渲染，因此在設(shè)計上和NAVER本身產(chǎn)品相比會有所不同，也算是一種業(yè)務(wù)策略。
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ā)。
作者公眾號：功夫UX（ID：UX-Talk ）
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）