一、统一

统一性是一切产品设计的基础，它可以增加用户品牌感知、粘性和亲切感。试想，如果用户打开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协议