专栏名称: 普象工业设计小站
分享设计干货,每天早上6:30为你准时送上一份设计早餐。
目录
相关文章推荐
普象工业设计小站  ·  比Samba还火!这双鞋没人能拒绝,新配色难 ... ·  12 小时前  
普象工业设计小站  ·  好吃亏……背厚肩宽,显胖20斤!get美背绝 ... ·  22 小时前  
普象工业设计小站  ·  猴系男友,才是相亲市场的“天花板” ·  22 小时前  
创意铺子  ·  慎入!90 后小伙因“发疯”狂吸 270 ... ·  2 天前  
普象工业设计小站  ·  打工人的日常自救:这 12 件神器让你告别将就! ·  2 天前  
51好读  ›  专栏  ›  普象工业设计小站

【干货】淘宝、ofo、陌陌都在紧跟2017设计趋势,你还等什么?

普象工业设计小站  · 公众号  · 创意  · 2017-06-17 06:27

正文

本文由 Designup第三市集(ID:D3SIGNUP 授权发布

到Designup 用可靠设计师。


2017年已将近过半,我们发现一些知名公司已悄悄更新Logo,换上渐变色的外衣。这种摆脱单一色调,富有层次律动的配色成为越来越多公司的新宠。


比如Instagram、IBM Watson、淘宝、陌陌、ofo小黄车…渐变色的魅力究竟在哪里?改版后的新Logo又为我们带来怎样全新的视觉体验?



新淘宝 设计升级

今年3月份,淘宝率先推出6.5.0版本,从App图标到UI界面风格都采用了渐变色,这是首次以设计为主导的版本升级。



淘宝首页


淘宝购物车


我们可以看到淘宝几大一级界面都进行全面改版,加入App图标渐变主色,整体视觉达成统一,给到用户一致的信息输出。


视觉体验往往能带动人最微妙的情绪感受,淘宝从单一的品牌色过渡到渐变融合的样式,色彩缤纷时尚、明亮亲和,显得年轻而富有活力。

淘宝品牌色(基础色)的渐变使用


正如淘宝的主力人群越来越年轻化,这次改版是为了使品牌显得更为活力、亲和、鲜明。而丰富流淌的渐变色从明变暗,或由深至浅,从视觉上吸引用户,能带来生活和情感上更深的共鸣。



ofo更黄了呢

近期ofo正式宣布改名为“ofo小黄车”,在品牌名称、品牌标识(Logo)、口号(Slogan)和域名等四个方面进行品牌元素全面升级。


我们仔细观察就会发现,顺应渐变色潮流是ofo这次升级的主要变化,看来ofo对渐变色也是情有独钟~


  • 品牌标识

对比之下,旧有的Logo字体和颜色显得很平淡,黄底黑字。新的Logo ofo的三个字母以加粗效果,整体更加浑圆有力。采用今年特别流行的渐变色,鲜亮的柠檬黄十分呼应ofo的品牌主色,富有年轻活力,正如骑车一族。


Slogan也顺时推出从“随时随地有车骑”到“骑时可以更轻松”。更体现都市人在工作压力之下更追求活力、年轻化的生活态度。


图标也换了!原来的App图标是黑底黄字,新的图标是明亮系,黄底黑字,辨识度很高。


  • 品牌名称


小黄车一直以来是用户对ofo共享单车的昵称,此次ofo正式改名为ofo小黄车,也体现了对用户诉求的尊重,真正融入用户的品牌追求~更为贴近用户的心理,产生天然的亲近感✨


ofo此次的全面改版看到他们在品牌升级上的重视与决心。 2017年,共享单车之争愈演愈烈,谁将分得最后一公里出行的蛋糕?谁能直达用户心智给到最好的体验?我们拭目以待。



原来你是这样的陌陌

陌陌的新版Logo在延续原有的定位标识、对话气泡、眼睛的元素基础上, 最大的创新在于色彩升级,大胆启用红黄蓝三原色的渐变设计。

陌陌换了新Logo,来自用户的心声:

简直骚气十足 😂


从冷色到暖色过渡,寓意着通过陌陌的连接,从陌生走向熟悉。多重色彩的设计,象征着产品视频化,能够帮助用户更好地分享、记录多姿多彩的生活,享受更多基于视频的娱乐内容。新Logo右下角的缺口设计,则表明了陌陌的态度,作为一个开放式社交平台,未来将带给用户更多的想象空间。


渐变色的运用在视觉上带来更强烈的效果,相较于旧有的Logo标准的品牌蓝,此次更新显得更为丰富,适应新生代消费群体的需求。你喜欢吗?


2017年,淘宝、ofo、陌陌都采用了今年大热的渐变色,然而这不是唯一的设计趋势。想知道今年最流行的是哪些设计趋势吗?后半年我们还能抓住哪些设计趋势与知名公司比肩?


下半年20个设计趋势✨


01.半扁平化设计

过去几年扁平化设计几乎统领整个网页设计市场。 但现在受Material Design影响,开始向立体多维转变。这种转变开始于光和影的运用,就是所谓的“半扁平化设计”。 扁平化设计的兴起是为了适应现代科技所推崇的极简设计风格,2017年扁平化设计还会继续存在,但也在经历着一些转变,不再盛行。


平滑的阴影可以增加深度和复杂性,却不会破坏原有扁平化的风格,2017年这一新趋势将继续流行。



02. 电影动效 🎬

电影动效不是指我们在各网站上常见的动态gif,而是在一张普通的静态图片上增加动态微小的元素。这使得一张简单的图片看起来更趋于真实,给用户带来小小的惊喜。

行驶而过的出租车

摇晃的酒杯

倾倒的牛奶



03. 更多的3D效果

3D技术正日益引领着我们的生活方式,我们会看到它在设计领域的影响力。随着VR/AR的飞速变革,这一技术在设计的运用也会越来越显著。



04.动画效果 📣

动画效果在网页设计中越来越流行,诸如gifs、SVG、WebGL CSS或小视频格式。动画效果绝对是今年最主要的趋势之一,快尝试用动画让你的网站更加有趣~







请到「今天看啥」查看全文