韩国UI设计案例借鉴：NAVER的UI设计厉害在哪

说到韩国UI设计案例借鉴，相信很多人第一时间会想到NAVER(네이버)。

NAVER是着名社交软件平台Line的母公司，也是世界第五大的搜索引擎平台，仅次於Google、Yahoo、Baidu和Bing。

NAVER作为韩国顶级互联网巨头(韩国市场份额在77%左右)，旗下拥有众多产品线，设计品质也非常好。今天就让Inspirr和大家说说，NAVER的UI设计厉害在哪里?哪些地方是值得我们参考和借鉴的!

韩国UI设计案例借鉴：NAVER的UI设计厉害在哪

下面，小编将从统一性、创新性和个性这三个维度，分析NAVER系列产品的UI设计语言，希望大家能从这些思路中学习到更多相关且有用的技巧。

NAVER UI设计案例借鉴之 统一性

当网友打开NAVER旗下产品时，都会有种莫名的熟悉感觉，这正是NAVER注重统一性的体验。

下面，我们分别从框架网格、Logo设计、启动页，看看NAVER是如何做到统一的。

a.框架网格

NAVER将NAVER Square的网格系统应用到所有产品的UX设计中，确保网友无论使用旗下任何产品，都能享受到一致且无缝的体验。

UI设计案例

b. Logo设计

NAVER将所有旗下产品的Logo进行规范化设计，保持一致的色彩倾向、Logo网格、轻质感风格和品牌性格，增强产品之间的联系。

UI设计案例

c.产品启动页

与其他APP产品不同，在NAVER家族化产品设计中几乎看不到任何广告，取而代之的是乾净简洁的UI设计。

另外，产品UI设计保持一致的风格、调性和主色调，同时稍微做一些差异化设计，既可增加网友对产品的熟悉度，又可让网友轻而易举地区分各产品的不同特性。

UI设计案例

NAVER UI设计案例借鉴之 创新性

在推动创新落地上，NAVER同样非常值得我们学习，下面我们从设计细节、微动效两个维度来说说NAVER的创新性设计。

a.设计细节

▪ 质感：扁平化+拟物化设计

底部图标运用了轻拟物化设计，加强介面的质感;中间功能图标点击展开後，则采用与众不同的断线+圆点集合的线性图标设计。

UI设计案例

▪ 布局：层叠化布局+破形布局

破形布局可增加设计的形式感，搭配层叠化布局和动效，无形中增强了产品的可玩性。

UI设计案例

b.微动效设计

当NAVER APP中间圆形图标点击展开时，网友将可看到更多额外的功能;同时若网友长按图标时，中间的圆点还可以旋转，对应的色彩也会随之发生变化。

UI设计案例

再观察NAVER Music的交互动效，底部的粒子波纹动态效果，给整个页面增加了可唤醒。当网友滑动顶部banner时，里面的元素会出现破形和放大的动效，增加用户在滑动时的趣味性。

UI设计案例

在JuniverTV的加载动效中，NAVER将动物拟人化表情赋予其中，增加介面的趣味性。另外，NAVER还将Top Bar的图标动效也做得非常传神。

NAVER UI设计案例借鉴之 个性

如果说人有个性，那麽对於品牌来说同样也会有。品牌个性可以让一个产品形成强而有力的竞争力，而NAVER对品牌设计推动落地，同样有着很强的驱动力在里面。

a.不断重复出现「绿色」

在品牌个性塑造上，NAVER将「绿色」运用到Web设计、APP设计，以及运营设计等上，并在所有场景中不断重复应用，强化了用户对品牌的感知，突显产品的个性。

UI设计案例

b.产品内差异化设计

NAVER在保证家族化产品设计一致性的理念时，还会根据不同产品特性进行差异化设计，比如NAVER旗下的Vibe音乐APP，整个APP设计调性都更倾向於音乐沉浸式分为的渲染，因此在APP设计上会与NAVER其他产品略有有不同。

UI设计案例

【总结】

不管做哪类型的APP设计还是网页设计，都有一个重要因素是不可分割的，那就是基於当地社会环境因素来考虑设计。如果您对UI设计有什麽疑问，或者正找一家经验丰富的网页制作公司，欢迎咨询我们!