京东又换新logo?聊聊扁平化设计

2022-05-23 16:47:12 5点赞 11收藏 1评论

大家好,我是小叮。

前几天网上冲浪,突然发现京东的Logo有点不对劲!

京东又换新logo?聊聊扁平化设计

具体是哪里不对我也说不上来,直到我把老版Logo找出来一对比——

京东又换新logo?聊聊扁平化设计

修狗Joy怎么白了好几度啊!阴影修容啥的也都没有了。

用专业术语来说,这叫由立体感变为了扁平化设计。

最近几年京东的Logo是越来越扁平化了,大家还记得以前的金属Joy吗?

京东又换新logo?聊聊扁平化设计

比起金属Joy,现在的小白Joy更可爱、更亲切啦~

但对于这次Logo更新,大家似乎并不买账,好多人说上一版立体感的Joy更好看。

京东又换新logo?聊聊扁平化设计

不会吧不会吧,不会只有我一个人觉得扁平化更好看吧……

大家难道没有发现,除了京东,越来越多的品牌都悄悄把自家Logo改成了扁平化设计嘛。

京东又换新logo?聊聊扁平化设计

看来,不管我们喜不喜欢,扁平化设计已经成了一种趋势、潮流。

如果我也学会做扁平化的PPT,领导会不会觉得我很潮?

京东又换新logo?聊聊扁平化设计

话不多说,今天就一起来学习制作扁平化的PPT吧!

01

扁平化设计,真的很适合我们懒人!

在这个完全2D的世界,阴影、高光、浮雕、透视等一切3D效果通通不要,另外还删去了纹理、渐变等装饰效果。

京东又换新logo?聊聊扁平化设计

京东又换新logo?聊聊扁平化设计

而在早期,互联网,尤其是移动互联网刚兴起的时候,很多设计都以拟物化为主。

比如手机录音的界面得有个话筒,手机阅读软件的界面是个书架……

京东又换新logo?聊聊扁平化设计

这是因为当时很多人刚刚接触电子产品没多久,拟物化可以让人感到亲切,培养使用习惯。

比如一个按钮,需要通过加渐变、阴影、描边等效果,做出3D质感,让人们知道这个按钮是可点击的。

京东又换新logo?聊聊扁平化设计

京东又换新logo?聊聊扁平化设计

而现在,哪怕只是给文字变个颜色、加条横线,我上小学的表弟都知道这是一个可点击的按钮或文字链接。(没有看不起小学生的意思)

京东又换新logo?聊聊扁平化设计

当用户习惯已经培养起来,为追求互联网的阅读效率,不能再把设计做得太复杂,扁平化设计也就慢慢兴起了。

这也是为什么,扁平化设计(Flat Design)一词最早由互联网公司Google在2008年提出,最早出现于PC界面,直到现在也还是网页和UI设计使用居多。

京东又换新logo?聊聊扁平化设计

京东又换新logo?聊聊扁平化设计

京东又换新logo?聊聊扁平化设计

▲ 扁平化的手机UI和电脑网页设计▲ 扁平化的手机UI和电脑网页设计

后来渐渐地,扁平化也出现在插画、图标等领域。

京东又换新logo?聊聊扁平化设计

京东又换新logo?聊聊扁平化设计

▲ 扁平化的插画和图标▲ 扁平化的插画和图标

到这里我们会发现,扁平化通过删除过多的、不必要的设计,打造出了自己独特的优势:

❶ 页面变得整洁干净,更具现代感和简约风;

❷ 关键信息的传递更清晰、高效;

❸ 可读性和易读性更强;

❹ 制作成本更低。

那么,如果在PPT里运用扁平化设计……

什么?听说领导觉得我做这样的PPT是偷懒?

那我只能说,是您太没有眼光了。

京东又换新logo?聊聊扁平化设计

事实上,要把扁平化设计做得好看,有很多注意点!

02

虽说注意点很多,但都简单到“有手就能做”~

亮眼的配色

扁平化的PPT大多会使用高饱和、高明度、高纯度颜色的色块,以此来吸引观众的注意力

京东又换新logo?聊聊扁平化设计

京东又换新logo?聊聊扁平化设计

▲ 秋叶PPT训练营学员 @风从东方来 作品▲ 秋叶PPT训练营学员 @风从东方来 作品

顺便分享一个扁平化配色网站,帮助大家更好地选择高饱和的颜色搭配~

网址:https://colorsupplyyy.com/app

京东又换新logo?聊聊扁平化设计

无衬线字体

扁平化设计的PPT多使用无衬线字体。

无衬线字体没有过多的设计和装饰性的笔画,有的只是笔直的线条、锐利的转角,给人干净利落的感觉。

京东又换新logo?聊聊扁平化设计

京东又换新logo?聊聊扁平化设计

这样和整体的风格更统一。

大量的留白

扁平化的PPT因为减少了很多设计元素,所以对排版的要求比较高,为了让排版不杂乱,延续整洁干净的风格,往往会使用大量的留白。

京东又换新logo?聊聊扁平化设计

想学习更多关于PPT留白的知识?快戳下面这篇文章看看:

学会这一招,你的审美水平就能超过 80% 的人!

简单的元素

扁平化的PPT如果要使用素材辅助文字说明,往往也会选择造型简单、抽象甚至符号化的素材。

比如前面提到的扁平化插画、图标。

京东又换新logo?聊聊扁平化设计

京东又换新logo?聊聊扁平化设计

不会还有同学不知道去哪里找扁平化素材吧?

赶紧收好下面这几个网站!

Flat icon design

这是一个日本的扁平化矢量图标网站,素材颜值高、可免费商用。

京东又换新logo?聊聊扁平化设计

unDraw

这是一个扁平化风格的设计图库,现成支持一键换色,所有素材免费下载,你说棒不棒!

京东又换新logo?聊聊扁平化设计

FLATICON

这个网站除了可以搜索单一图标,还可以下载整套图标,每一套图标都各有特色。

京东又换新logo?聊聊扁平化设计

以上就是扁平化设计的4个注意点啦,亮眼的配色、无衬线字体、大量的留白、简单的元素,你学会了吗?

写在最后

扁平化和拟物化没有哪种更好,只有哪种更合适,我们多了解一些当下流行的设计趋势,在做PPT的时候就能多一种选择。

另外,扁平化设计也不是一成不变的。

最早大家完全摒弃了阴影,后来在一些扁平插画、图标中渐渐出现了“长投影”:

使用不同饱和度的色块打造光影效果,带来立体感和层次感。

京东又换新logo?聊聊扁平化设计

京东又换新logo?聊聊扁平化设计

后来慢慢地有了类扁平化、2.5D一说,设计师们也在2D和3D之间反复横跳。

京东又换新logo?聊聊扁平化设计

各大品牌的Logo也是一样,在扁平化的同时,也增加了一些渐变、阴影来丰富细节。

比如2018年微软 Office 365 推出的新Logo,用了不少渐变色:

京东又换新logo?聊聊扁平化设计

还有百度网盘的渐变Logo:

京东又换新logo?聊聊扁平化设计

以及京东最新的Joy,耳朵和身体的细节处也用投影做了修饰,不然视觉上看起来,耳朵和头、手臂和身体都会融在一起,没有区分:

京东又换新logo?聊聊扁平化设计

这也就告诉我们,在做PPT的时候,不论运用哪一种风格,最终都是为内容服务,不必照本宣科,要懂得灵活变通。

好了,今天就学到这里吧,大家留下一键三连,下课!

京东又换新logo?聊聊扁平化设计

作者声明本文无利益相关,欢迎值友理性交流,和谐讨论~

展开 收起
1评论

  • 精彩
  • 最新
  • 那会儿什么东西都做得像个水晶宝石一样闪亮。

    校验提示文案

    提交
提示信息

取消
确认
评论举报

相关文章推荐

更多精彩文章
更多精彩文章
最新文章 热门文章
目录
11
扫一下,分享更方便,购买更轻松