韩国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设计案例借鉴:NAVER的UI设计厉害在哪

UI设计案例

b. Logo设计

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

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

UI设计案例

c.产品启动页

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

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

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

UI设计案例

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

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

a.设计细节

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

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

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

UI设计案例

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

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

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

UI设计案例

b.微动效设计

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

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

UI设计案例

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

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

UI设计案例

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

NAVER UI设计案例借鉴之 个性

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

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

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

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

UI设计案例

b.产品内差异化设计

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

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

UI设计案例

【总结】

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

本文来自投稿,不代表科技代码立场,如若转载,请注明出处https://www.cwhello.com/41239.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
上一篇 2022年6月20日 22:55
下一篇 2022年6月20日 23:51

相关推荐

  • 黑白配色的网页设计如何才能更出彩

    色彩,是网页设计师们提升页面视觉效果和吸引力的重要手段。随着色彩运用的不断变化,色彩已经不再是单纯地给人以强烈视觉冲击的五彩斑斓,只要结合网页设计师的大胆创意,即使极其简约经典的黑白配色,同样能给...

    2022年6月25日 建站资讯
    0173
  • 用超多案例,帮你掌握 UI 动效基础设计知识。

    最近梳理了 UI 动效的入门级基础知识进行分享,结合了主流系统官方指南和自己的理解,附有大量动图帮你更好理解,具体往下看吧! 相关推荐: UI 动效的作用 1. 提供用户引导 通过动效可以帮助用户更好的理解如何...

    2023年3月2日 SEO操作
    02
  • 如何让网页信息图分享频率提高?

    网页设计采用信息图这种高密度高承载力的形式,是如今比较热门的趋势之一。那应该如何去提高被用户分享的机率? 1、标题要吸睛,这样能够有效地吸引用户注意力,以及侧面蕴含着分享出去会非常有趣; 2、根据网页...

    2022年6月25日
    0105
  • 什麽是F式网页设计布局?

      F式的网页布局形式,主要是指使用者扫视内容的时候,实现的运动轨迹和字母F相似。这种方式能够让使用者更快(Fast)地去获取资讯内容,因此命名为F式布局。 一般来说,这种方式的网页布局有以下的几个特点...

    2022年6月25日
    0288
  • 2017年应注意三个界面设计趋势

      配色中性或自然 介面设计当中的配色在近来越来越接近自然、以及中性。因为介面设计流行趋势紧跟使用者的喜好、往往、期待、需求等等,这些都来自於他们的日常生活。用户越来越希望体验到细致、亲近、创意...

    2022年6月25日
    0106
  • 四个方式提高网站banner注意率

    1、 大胆色彩 合理的大胆而饱满的配色,是网页设计吸引视觉注意力的最有效途径。尤其是最容易被用户忽略的网站广告,更加要在配色上花心事! 2、 精致插画 精致的插画能够表达设计师和整个网站想要表达的内容和情...

    2022年6月15日
    0141
  • 如何搞定数据生产后台的设计体验优化?B端案例实战。

    给用户提供的是一款专业资料查询阅读的 App,用户最看重的是资料覆盖是否全面,内容是否严谨。这就辛苦了公司的数据生产团队,必须非常及时和高效率地拿到一手原始资料,进行翻译编辑校对等工作后发布给用户阅读...

    2023年3月2日 SEO操作
    00
  • 优秀设计的背后,离不开这11个应该掌握的底层理论。

    这是我在 Medium 上看到一位工作超过 17 年的国外设计 leader 写的一篇关于设计原理的文字,讲为什么设计可以变得有效?讲得很透。强烈推荐大家阅读,定有收获! 1. 奇数原则和三分法构图 奇数法则意思是说,在设...

    2023年3月2日 SEO操作
    00

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息