生活工程体验信仰哲学精神
投稿投诉
精神世界
探索历史
哲学文学
艺术价值
信仰创造
境界审美
体验技术
技能工具
工程信息
医学生产
生活运用
操作能力

最新设计语言如何将品牌融入产品

1月21日 六壬会投稿
  今天带大家一起学习下Google最新设计语言品牌DNA的高级拓展性运用大法。
  2018年5月9日凌晨1点,Google开发者大会上对MaterialDesign做了更新的讲解,其中令我印象深刻的是Google对图形语言单独拿出来做一个模块来解释,如下图我标红的地方。
  OLDNEW
  对!就是这个SHAPE的单词,为什么我会如此看重,大家应该知道构成设计语言的四大基础原子是:字体颜色网格系统图形。
  这里的图形包括图标和一些辅助图形,它有什么不同呢?
  大家看之前以往的版本,材质设计语言里面没有单独去说形状这一元素,当然也有做的比较好的产品,比如:韩国的29cm和11街,国内天猫网易蜗牛读书等等。
  图形语言对我们产品影响极其大,之前网上也有这样的文章,比如:提取logo上面视觉基因,然后运用到图标里面。对,这个没错,但是我觉得不够好,不全。
  今天和大家一起来分析下Google是如何做的。
  我对图形的理解
  图形无处不在,人眼对图形的识别能力远远高于字体,图形便于记忆、传播,这就是为何每次做LOGO时候都需要去考虑图形延展呢?
  目的为了传播品牌,在用户心中打造产品形象,比如:可口可乐弧线、阿迪达斯、苹果logo这些国际性大牌子的logo都是易于记忆与传播的。
  那么在产品设计中如何体现呢?
  我们常用在图标里面去展现一些品牌元素,比如:天猫猫头直接和图标融合,这是一个很成功的例子。还有韩国的Genie音乐产品,也是直接logo和图标集合。
  那么仅仅只是这些吗?
  当然不够,如果我们想传达我们产品的品牌理念,深入到用户心中,只在图标里运用是不够的。
  比如:可口可乐每年做产品运营推广,不断大量的重复它logo弧线元素,这样能长期在用户心中形成记忆点。
  Google是如何做的?
  Google这次让我们打开眼界,下面Google的原话:
  形状可以引导注意力,让用户易于识别组件,沟通状态和品牌语言传达。
  对次有了一些更深刻的认识,形状其实运用不止我们平常所理解的。我之前写过一篇文章,就是形状对布局的影响,里面就是讲了形状的一些基础作用。
  下图是来自材质语言的截图:
  图片来自google
  Google的想法非常大胆:一个方形的变化,延伸出不同的形状,当然并不是单独一个产品设计里面放这么多形状,而是运用到不同产品,运用不同的图形,传达其特殊品牌调性、大统一,局部战略调整。
  比如:上图凹槽图形用在主TAB上,形成视觉焦点,容易吸引用户区关注它,一般核心功能会如此设计。
  Google已提到了可以用于区分不同组件,这观点我很赞同,之前我对爱奇艺做了视觉分析,发现它们一级导航和二级导航样式一样,那么这样用户如何区分呢?
  图形可以用于表达某一正在交互的状态,比如:选中状态,当然并不是单独去使用。Google特定强调了:需要和其他视觉元素集合起来使用,比如:颜色。
  其实这一观点以前就有啦!比如:咱们的checkbox控件,选中前后状态不一样。
  不过Google这个是否略显夸张些?
  最后重点来啦!比如:可以用于表达品牌语言,那么图形来自哪里?用在哪里?
  如:上图是一个Crane的应用,他们logo是中间一个图形加外带椭圆底,这里Google提取了椭圆作为视觉DNA,并沿用到产品的每一个控件。
  同一产品多终端统一符号语言。
  如下图提取LOGO关键特殊符号:
  下图Shrine提取菱形棱角图形运用到产品设计细节里面。
  看完你想说什么?我只想冷静三分钟!!!
  其实说实话,对于品牌DNA的延续早在年初的时候就思考过,如何去把品牌语言在产品设计里面体现?
  我当时理解是:首先要了解我们的品牌核心是什么?
  我们的品牌理念是啥?品牌solgan,我们要给用户传达一种什么样的情怀?然后如何去巧妙提取产品logo里面的视觉基因,比如:某一图形元素;比如:线条点某一特殊图形符号,这图形一定是易于延展,拓展性强的。
  然后运用到产品的每一个细节里面,比如:图标、按钮、异常状态、启动页、运营banner、情感化设计等等,如今大佬Google已经去这样做了,而且做得很系统,包括动效都有引子。
  当时也有一些产品已经这样做了,比如:韩国29cm,设计细节非常好,图形运用非常到位。国内天猫猫头运用也是渗透到产品里面去了。
  Google这次又给我我们一些大胆的思考,能运用这么广的范围?
  需要注意点
  Google举了几个反面例子,我们在提取图形或者使用时需要注意的几点,如下:
  注意图形的指向性和触摸大小,千万别影响用户正常使用。
  同一含义的组建样式必须一致。
  别使用形状来暗示其他含义,这个对话框的形状表明它与它背后的卡片相关。
  总结思考
  Google的本次材质设计语言的更新,我相信后续会有一些产品为了打造一些品牌调性,也会慢慢去融入更多的品牌符号语言进去。
  当然我们一定要克制与统一,这是最难做的一部分,Google虽然此次系统性的解释图形的意义及延伸使用,但是某些地方稍微有些过了,所以我们在设计提取DNA时候需要克制与统一。
  那么我们可以从中取学习了解如何才能让我们产品更加差异化?在同质化的今天,你是如何打造个性化与具有调性的产品呢?
  如今AI已来临,机器人对设计影响极其大,从Google本次更新迭代中就大量提到了AI对产品的影响,以及如何去学习用户的习惯,然后预测用户的下一步需求。
  我们以后产品会越来越智能,越来越了解人性,除了硬件的升级,研发能力加强,我们也要多去思考下:如何打造独具匠心的产品?如何打造一个无缝体验、多平台、跨语言产品视觉统一体验?
  这方面跨平台多终端体验,苹果已经做得很不错了,当然还有spotify音乐产品无缝跨平台,听歌切歌选歌体验。相信这只是一个开始,后续会有更多精彩。
投诉 评论 转载

密室疗伤将心理治疗搬上荧屏江苏卫视新节目《密室疗伤》将于5月6日开播。整个节目中,心理咨询师将通过和嘉宾进行对话,根据每个嘉宾的具体症状给出心理疏导,一步一步来解决嘉宾的心理障碍。Psy525。cn……大唐惨烈的睢阳保卫战靠吃人肉坚守半年多城池安史之乱,让一个强大的唐帝国瞬间由盛转衰。以前主动出击的唐帝国,变成一个只会被动挨打的懦弱政权,曾经诞生过中国历史上最能上阵单挑皇帝的李氏家族,继承者们也更习惯了被叛兵追的东奔……溥仪的真实文化水平如何看看他的老师就知道了很多人可能一直觉得,溥仪的学历只有初中水平,但是他毕竟是皇帝,古代的皇帝接受的教育难道比普通人还差吗?但是也有人认为,封建社会人们的知识水平远远没有现代人要高,但事实是,他们只……揭秘人们为何热衷与陌生人聊天一项调查发现,人们更愿意与陌生人聊天,而不是与身边长期相处的朋友谈话,在于陌生人聊天时,人们会感觉非常有趣,这到底是什么原因呢?下面我们一起揭晓神秘的原因吧!和陌生人聊天……瓜子脸男生流行发型推荐适合瓜子脸的男生发型斜梳的长发纹理烫发型,下层的秀发自然又显柔顺,上层的秀发却是嫉妒蓬松的效果,自然又显柔顺的梳发方式,给整个彰显着秀气感觉的男生一个更加优雅和纯净的味道,搭配倒三角脸型很合适。……传统钓用商品饵好还是虫饵好钓鲫鱼窝料适合加奶粉吗传统钓法,首先想到的是铅坠到底,不需要调漂找底,这种情况下就要选择雾化慢的饵料进行坐钓。不要经常更换饵料,皮筋颗粒或者蚯蚓活饵类的,由于商品饵都是粉质饵料,如果传统钓使用需要频……我怕造句用我怕造句大全31。我怕死,我怕没人理我,怕人笑我,我怕不象人,我怕别人说我怕。32。我怕世界那么大,未来那么长,我再也找不到我爱的人。我怕你会难过,会伤心,因为一些并不重要的事,放弃……河底造句用河底造句大全31用“责任感”铸造蓄水的坝,用“使命感”铲除河底的沙。用“爱心感”栽培两岸的树,用“负罪感”呼唤感恩的心。3。9保护母亲河日,保护母亲河从你我做起,人人有责。32联合国……最新设计语言如何将品牌融入产品今天带大家一起学习下Google最新设计语言品牌DNA的高级拓展性运用大法。2018年5月9日凌晨1点,Google开发者大会上对MaterialDesign做了更新的讲……一体造句用一体造句大全61。你感冒的时候,我愿意化作一粒胶囊,我就能在你的胃中溶化,然后聚集到你的心脏里,再分散到你的全身,这样既驱除了你的病痛,我又能和你融为一体。62。以前中国企业是摸着石……儿童的一百种语言读书笔记正如每一片叶子都是不同的,每个儿童都是独一无二的个体,他们有自己的特点,有自己的长处。作为一名幼儿教师,应该尊重他们的个体差异性,用他们的语言去和儿童交流,不要站在成人的思维角……幸福的元旦屠苏成醉饮,欢笑白云窝,我的元旦就是这样的舒适安逸。告别学校繁重的课程,告别早起的痛苦,告别各种的麻烦,迎着温暖而又舒适的小被窝,开启这快活的一天。爸爸妈妈都辛苦地准备着……
要成为老司机先要学会店铺优化踢出造句用踢出造句大全当耳机撞上手机苹果为何收购大神妙用生意参谋优化单品标题教唆偷拍罚款如此德育如何服众抗衰老最好的方法妙招帮你逆生长治痛经的方法怎样能够解决女人痛经卫生间墙面不贴砖还能用什么材料男人长命百岁的方法中国农商行领域的教科书婚姻危机如何化解教你几招修补婚姻漏洞名人读书的故事精选美好的乡村生活我的春节趣事哀管生永叙小儿食积的症状及治疗殴打他人治安处罚轻微伤怎么处理?苹果官换机是什么意思(苹果官换机耐用吗)代垫运费计入什么科目代垫运费属于什么科目做父母的调色板豆腐怎样做好吃又简单这样做比肉还好吃我想查一下朋友手机定位系统(手机定位咋查)羊奶果的种植有哪些注意事项睡着造句用睡着造句大全

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找