韩国大厂Naver的设计的厉害之处.docx

说到韩国设计，NAVER第一时间引入眼帘。毫无疑问，因为这家韩国顶级互联网巨头，相当于把国内的百度、腾讯 整合到一起，拥有众多产品线，设计品质也高。对于这么多产品，他们是怎样保证家族化设计基因传承？如何做到保持统一规那么的同时又有个性化产品？如何保持创新并推动落地？到这里，大家是不是也很想知道他们产品设计到底有怎样的不同？上周他们发布2021作品集，更是引发不少国内设计师的关注。下面是2021年终总结作品集，如果已经看了视频，那就直接滑动看文章。秉承着以学习的态度，从统一、创新、个性三个维度来分析NAVER产 品的家族化设计语言。学习好的一面，为己所用。NAVER DESIGNConsistent统一Consistent统一Innovation创新Personality个性14：4914：49R'iN e/pertQ =RUiN e/pertQ =20229 M加IQ田!目3号丑三回2国巨叫人|w叫MS明会唯Uoi|±E2f早7Hl &上翻看！2W8otaw«M>Kwe/oia MicRMiisfiae swomiiMM WlSC9QVfl0W8XI台备2号闷am目馋<三2it0 Q a*©!，ji”ixsrr/ejflaofiHHQ包咖u因explfWSC9C8Q*自刍0因aw网e«3©0口e(T/BHA2PI学青包含! 0|也毛四合TOP 10!u|O|e|±x»V0|«±A MMIK0MVW2IS a”NAVER Knowledge inN, eXpert 和 WEBTOON KR破形布局可以增加设计形式感，如果配合动效，可玩性更高，由此可见 他们对设计推动落地是有很强的驱动力在里面。9：410l 令l?4 Q 三Stray Kids °例 O PinnedBeyond UVE - Stray Kids Unlock GO LIVE IN LIFE -M包出34力>b .微交互动效b .微交互动效VLIVEFrom Star刀NAVER首页交互动效中间圆形图标点击展开可看到更多的功能，而且手长按时，中间圆点还 可以旋转，对应色彩也会变化。这样的细节与创新，竟然都推动落地， 简直不要太赞。NAVER音乐交互动效NAVER APP中音乐交互动效，底部粒子波纹动态效果，给整个页面增 加了可玩性，至少我回去点击，触摸，非常有趣味性。COMIX口 lilio人I早豆口 lilio人I早豆w利仝百三己卬卜 仝自 早驾BL口H盘 慢性I舌碍到乂会芸仝m己自守研三看芭PHS&S 然三山大I, 3己I名3卦早区 9°1Series上图中，顶部BANNER当滑动时，里面元素破形和放大动效，增加了用 户在滑动时候的趣味性。世刍人上叁卷人t鸟引发冷型空刃1品n刃用工l忸角本为牲刀mawcjAgyy MH4? Oiopi谷邛*2|固 net Q观i三我我 4 419御强至力督2I8X?到3 £5三包仝Crmi田33力1PS tcittuci*1 旦?A<F"0 坦 ±eiHOIS J'WftQ28 UWOM台刁君3号引匚卜!2口空言目qm 0 3屿12H2W. ASMF炳 IWtHI 利包 2P2 己包“ SMSMfi!Ht*4142Hf2 格？s 监阳 g用 Jlfsi AmataAudioClipJuniverTV的加载动效将动物拟人化表情赋予其中，趣味性十足，顶部 Bar的图标动效也是做的比拟传神。w却鸿，有田世哲0JuniverTV3 .个性品牌个性可以让一个产品形成有力的竞争，如果说人有个性，那么对于 品牌来说也是同样会有。在产品个性塑造上，NAVER把家族化的绿色基 因全产品延续，包括WEB端、APP内，运营设计等。在所有全场景中 不断重复应用，强化用户对品牌心智，凸显个性。a .不断重复出现绿色2021、Naver设计座谈会2019、Naver设计座谈会在应用商店的运营设计，也是统一的调性。' IWlMi-in*4MB女性向厅男性向弓<«>!。再婚承能也63外见至上主我 Q1排口19S MOAX 24 D«r«B MY年人第急上昇作品60万点 8：/力：/十LINE CorporationWEBTOON应用商店运营位置，也是可以强化品牌传播力，统一的设计风格，加强 用户对产品的熟悉度。LINE DAY 20201 .统一统一性是一切产品设计的基础，它可以增加用户品牌感知、粘性和亲切 感。试想，如果用户翻开NAVER公司的每一个产品，都有一种熟悉的 感觉，是不是就会很容易吸引大批用户，获得好的口碑。面对这么多产品线的韩国NAVER公司，他们如何做到统一的呢？下面 分别从框架网格、产品图标、启动页来看下。NAVER DESIGNGirdGird框架网格Icon产品图标Launcher启动更a.统一框架网格NAVER为了确保用户全场景体验统一，将Naver Square的网格系统 应用到UX设计中，任何人都可以轻松访问服务功能，无论您连接到什 么内容，您都可以获得一致、无缝的体验。LINE DAY 2020,主题设计。b ,产品内差异化设计在保证大的基因延续家族化设计理念时候，产品个性就表达在一些特殊 的应用上。比方音乐、视频、漫画等这些偏娱乐性质的产品。在设计上 也应该有一些独特的创新点。1947a 吾 o|*sfl 眼 州网a 吾 o|*sfl 眼 州网Mixtapes For YouAiroi«ck, AkA Tlofo. Kshvvw, BIG Naughty (MBtll.StM VoOsoliodomo. ».出, GRAY (| City Breeze & Love Song | N ：90 Q 只209”f ir2«l ±e|fi 9引82!OBiTOPIC”SLEEP movie RflINDFUL802|田也世皆*制片| City Breeze & Love Seng >,由 9 辱 Q 只VibeNAVER旗下一个音乐应用Vibe,整个调性更倾向音乐沉浸式气氛渲 染，因此在设计上和NAVER本身产品相比会有所不同，也算是一种业 务策略。19：511949Sfl等SERIESOWTOP 100 0|flcSERIESOAI2I28登卫己I百90 早/ TOP 100川加合!两。Jr/Series1. SQUARE2. GRID3. COLORU|o|出上刊o|UXqoi 用 enow N tv9 二照UxqxK»o| 监可考大卜Q三喜外缶大卜仝El人卜0|言0(1711王军 b.统一产品图标气质NAVER也将家族化产品LOGO进行规范化设计，统一色彩倾向、轻质 感和一致品牌人格。NAVER DESIGN曰*1必 o同时定义色彩规范和图标网格，来确保家族化LOGO设计基因一致。COLOR PALETTE00033700073cSub ColorMain ColorDietAPP ICONS色彩和图标10"10"系统图标规范NAVER方形UI图标规范，确保APP内图标一致的风格体验。SQUARE UI ICONS322322&估7。只Q2日方形UI图标C.统一产品启动页气质产品的启动页，是用户正式进入产品应用内第一时间感受到的。在 NAVER家族化产品设计中几乎是看不到广告，取而代之的是干净简洁的 设计。整体保持一致的风格和调性，绿色为主，然后略微做一些差异化创新。WEBTOON KR NAVER MAPLINENAVERNAVER CAFENAVER家族化产品启动页2 ,创新NAVER善于做创新，挖掘细节，他们在推动创新落地这件事上值得我们 所有设计师学习。下面我们从设计细节、微动效两个维度来看看NAVER 的产品设计。NAVER DESIGNMotion微动效Motion微动效Detail设计细节a.设计细节质感上：NAVER APP扁平化+拟物化设计，底部图标运用了轻拟物化设 计，增强界面品质感。中间功能图标点击展开后，采用了与众不同的断 线+圆点集合的线性图标设计。16：27f三owtat'm Q O22° 色旱 22nwQUOlAiWS 世生平 2SNAVER布局上：层叠化布局+破形布局，增加界面设计形式感。