新知一下
海量新知
6 2 9 3 7 2 0

韩国大厂Naver,设计厉害在哪?

体验进阶 | 前华为腾设计师带你看懂产品体验 2022/01/19 14:31

到韩国设计,NAVER第一时间 入眼帘。

毫无疑问,因为这家韩国顶级互联网巨头,相当于把国内的百度、腾讯整合到一起,拥有众多产品线,设计品质也高。

ZoeYZ 曾经在北京观看 IXDC 主会场,对 NAVER 的演讲印象十分深刻,因为那位可能是现场唯一老老实实讲设计的大佬了(美国的都在讲情怀,中国的都在讲商业),讲得是真的细致。

对于这么多产品,他们是怎样保证家族化设计基因传承?如何做到保持 统一 规则的同时又有 个性化 产品?如何保持 创新 并推动落地?

到这里,大家是不是也很想知道他们产品设计到底有怎样的不同?上周他们发布2021作品集,更是引发不少国内设计师的关注。

下面是2021年终总结作品集, 如果已经看了视频,那就直接滑动看文章。

秉承着以学习的态度,从 统一、创新、个性 三个维度来分析NAVER产品的家族化设计语言。学习好的一面,为己所用。

新知达人, 韩国大厂Naver,设计厉害在哪?

1.统一

统一性是一切产品设计的基础,它可以增加用户品牌感知、粘性和亲切感。试想,如果用户打开NAVER公司的每一个产品,都有一种熟悉的感觉,是不是就会很容易吸引大批用户,获得好的 口碑。

面对这么多产品线的韩国NAVER公司,他们如何做到 统一的呢?下面分别从 框架网格、 产品图标、启动页 来看下。

新知达人, 韩国大厂Naver,设计厉害在哪?

a. 统一框架网格

NAVER为了确保用户全场景体验统一, 将Naver Square 的网格系统应用到 UX 设计中,任何人都可以轻松访问服务功能,无论您连接到什么内容,您都可以获得一致、无缝的体验。

Naver Square UX

新知达人, 韩国大厂Naver,设计厉害在哪?

NAVER UX Square Gird

b. 统一产品图标气质

NAVER也将家族化产品LOGO进行规范化设计, 统一色彩倾向、轻质感和一致品牌人格。

新知达人, 韩国大厂Naver,设计厉害在哪?

同时定义色彩规范和图标网格,来确保家族化LOGO设计基因一致。

新知达人, 韩国大厂Naver,设计厉害在哪?

色彩和图标

新知达人, 韩国大厂Naver,设计厉害在哪?

系统图标规范

NAVER 方形UI图标规范,确保APP内图标一致的风格体验。

新知达人, 韩国大厂Naver,设计厉害在哪?

方形UI图标

c. 统一产品启动页气质

产品的启动页,是用户正式进入产品应用内第一时间感受到的。在NAVER家族化产品设计中几乎是看不到广告,取而代之的是干净简洁的设计。

整体保持一致的风格和调性,绿色为主,然后略微做一些差异化创新。

新知达人, 韩国大厂Naver,设计厉害在哪?

NAVER家族化产品启动页

2.创新

NAVER善于做创新,挖掘细节,他们 在推动创新落地这件事上值得我们所有设计师学习。下面我们从 设计细节 微动效 两个维度来看看NAVER的产品设计。

新知达人, 韩国大厂Naver,设计厉害在哪?

a.设计细节

质感上: NAVER APP扁平化+拟物化设计,底部图标运用了轻拟物化设计, 增强界面品质感。中间功能图标点击 展开后,采用了与众不同的断线+圆点集合的线性图标设计。

新知达人, 韩国大厂Naver,设计厉害在哪?

NAVER

布局上: 层叠化布局+破形布局,增加界面设计形式感。

新知达人, 韩国大厂Naver,设计厉害在哪?

NAVER Knowledge inN, eXpert和WEBTOON KR

破形布局可以增加设计形式感,如果配合动效,可玩性更高,由此可见他们对设计推动落地是有很强的驱动力在里面。

新知达人, 韩国大厂Naver,设计厉害在哪?

VLIVE

b.微交互动效

新知达人, 韩国大厂Naver,设计厉害在哪?

NAVER首页交互动效

中间圆形图标点击展开可看到更多的功能,而且手长按时,中间圆点还可以旋转,对应色彩也会变化。这样的细节与创新,竟然都推动落地,简直不要太赞。

新知达人, 韩国大厂Naver,设计厉害在哪?

NAVER音乐交互动效

NAVER APP中音乐交互动效,底部粒子波纹动态效果,给整个页面增加了可玩性,至少我回去点击,触摸,非常有趣味性。

新知达人, 韩国大厂Naver,设计厉害在哪?

Series

上图中,顶部BANNER当滑动时,里面元素破形和放大动效,增加了用户在滑动时候的趣味性。

新知达人, 韩国大厂Naver,设计厉害在哪?

AudioClip

JuniverTV的加载动效将动物拟人化表情赋予其中,趣味性十足,顶部Bar的 图标动效也是做的比较传神。

新知达人, 韩国大厂Naver,设计厉害在哪?

JuniverTV

3.个性

品牌个性可以让一个产品形成有力的竞争,如果说人有个性,那么对于品牌来说也是同样会有。在产品个性塑造上,NAVER把家族化的绿色基因全产品延续,包括WEB端、APP内,运营设计等。在所有全场景中不断重复应用,强化用户对品牌心智,凸显个性。

a.不断重复出现绿色

新知达人, 韩国大厂Naver,设计厉害在哪?

2021、Naver设计座谈会

2019、Naver设计座谈会

在应用商店的运营设计,也是统一的调性。

LINE Corporation

WEBTOON

应用商店运营位置,也是可以强化品牌传播力,统一的设计风格,加强用户对产品的熟悉度。

LINE DAY 2020

LINE DAY 2020,主题设计。

b.产品内差异化设计

在保证大的基因延续家族化设计理念时候,产品个性就体现在一些特殊的应用上。比如音乐、视频、漫画等这些偏娱乐性质的产品。在设计上也应该有一些独特的创新点。

Vibe

NAVER旗下一个音乐应用Vibe,整个调性更倾向音乐沉浸式氛围渲染,因此在设计上和NAVER本身产品相比会有所不同,也算是一种业务策略。

Series

写在最后

今天主要带着学习的目的,看看国外大厂如何做产品设计?他们的思路与国内有什么不同。其实不管是国内还是国外做设计,有一个重要的因素不可分割,那就是当地的社会环境因素有关。我们能做的就是学习好的地方,然后尽量吸收,转化应用到自己的产品设计中。

希望我们大家都做到在同质化的今天,能做出一些差异化的创新设计, 这才本篇文章的价值所在,希望对你有所启发。

更多“Naver”相关内容

更多“Naver”相关内容

新知精选

更多新知精选