大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

设计灵感3年前 (2021)更新 一六视觉
1,740 0 1

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

hello我是二木,

最近问朋友PPT怎么做的辣么好看,对方来一句:“哎呀,我就是非常简单的参考了一下网页而已啦,没什么的”

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

除了对朋友表示亲切的问候之外,心里更多的是烦躁,我怎么就看不出可以参考什么?

别怕!

网页设计作为PPT灵感来源的不二选题,有非常多的创意值得学习,今天咱就来分析一些看着贼舒服,但感觉又没啥设计难点的网页设计。

 

此文价值9999999999元,建议友好收藏后再阅读!

 

这一次的灵感图整理,采集了多少呢?

其实也不多,也就那么七百多张而已

 

大概也就是一些一般般的设计作品而已👇

 

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

虽然凡尔赛的说这些作品一般般,但其中大部分作品的细腻程度,是PPT里少有人会用上的。

 

例如我们常说PPT的质感,在下图中就有很不错的参考:

 

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

通过浅灰色底+长投影的形式,再加上局部纯白的色块,这个版面哪怕不懂设计的人都感觉的到很干净,

 

但换做我们自己动手的时候,往往糟透了,

PPT阴影拉的太硬,很脏,

背景的灰色弄的太深,看着压抑,

又或者文字的间距不合理,总感觉有问题,

 

你会发现,

学PPT设计新手追求排版创意,进阶讲究画面合理性,再往后是对细节的处理,元素之间的搭配都是有依据的。

 

这也是为什么,同样的参考同样临摹,每个人做的却天差地别。

 

话说回来,关于设计规律这件事,

如果一张图你看不出规律,这很正常,但如果几百张图都还抓不准规律,那确实该好好学习一下了。

 

那下文,咱就来一些小小的启发,帮助你在不同的设计看到同样的东西,

 

 

版式的划分

版式如何布局在设计是很重要的一项决策,这体现了设计师对内容的理解。

 

如果还不知道版式,建议粗浅阅读下文

👉「拦腰式」在PPT设计的高级运用

 

接着我需要你记住一句话:大部分设计图都会有一个主焦点图(最吸引你的图),以及正常的文案内容。

 

带着这个意识看下图

 

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

如果你能看出主视觉(左侧人头)占用了横向二分之一的宽度,

 

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

OK你及格了,继续往下看,

 

焦点图(人)占横向三分之一

内容占三分之二👇

(内容空间大,侧重于内容)

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

内容占三分之一

焦点图占三分之二👇

(侧重于突出鞋子)

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

通过简单上述,日后我们自己做图,该怎么安排内容和焦点图的画面比例,该突出什么,是不是就有了依据参考?

 

这也就是试着找到画面隐藏的“板块布局”,OK我们接着再看看还有哪些比较特殊的版式呢?

 

例如由一大一小的图铺垫的全图背景👇

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

同样也是左右的布局,再带上交互动效,

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

比较独特的中间放配图版式,

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

以上都是带背景的配图,但换做镂空的配图也一样遵循版式划分规律,

例如下图人物占比也是接近三分之一,

 

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

这个如果单纯人物图,也是三分之一的占比,但加上底圆之后,整个占比就接近二分之一了,

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

通过形状的叠加,增大焦点图的占比,这也是很常见的设计技巧。

 

从「我拆解设计」到「我是做这张图的设计师」的角度转变,非常能帮助我们看到设计作品不一样的东西,

 

因为如果你是设计师,就必须经历一份设计从无到有,从粗糙到细节完善的过程,

 

单纯拆解,更多切入点是“这条线在画面是什么样的效果”,而不是思考“为什么他在这里加东西,或为什么是线条而不是色块”。

 

找到背后的理论依据远比看着表象拆解要效率的多,

(于是发现很多人拆解的切入点都是错的)

 

接着,除了版式划分之外,有一个老生常谈的技巧怎能错过?

 

 

破格排版

引用之前做的模板页面来说,

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

里面就包含两层的破格排版,第一层是底下弧形的元素,是为了衬托圆形让圆形突出,

 

如果去掉:

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

画面立马少了分设计感,第二层破格则是人物的头探出了圆形,倘若也“缩”回去:

 

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

那么效果会更加大打折扣,对吧?所以你看,破格排版还是很有用的,

 

但这个思考层面是在画面做减法,那怎么做加法呢?

 

例如下面这张图:

 

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

怎么往里面引入破格排版呢?给个小提示:「给元素砍一刀」,例如给最大的焦点图砍一下,横跨过去:

 

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

又或者我们给小图砍一刀:

 

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

好像是挺有意思的对吧~

 

那么现在你知道破格的部分技巧了,再来看看这些设计是怎么运用破格排版的吧👇

 

其实前面那张图人物背后的圆形也可以算破格排版,探出头~

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

人物底下的纹理既能扩充焦点图的占比,也能算上是破格排版~

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

运用了破格排版的设计,还是很好区分层次的,谁在前谁在后(划重点:增强层次感),

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

不难发现:

破格排版的运用,可以说是在原本很规矩的情况下,尝试着把一些元素超出固定的范围,跟其他元素产生叠加、混合、拼接的效果,

 

就好像下图水壶旁边的色块:

 

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

换做是我们,大部分人都会很规矩的不让他们挨在一起对吧?

但你看,稍微“越界”一下,效果更加不错了👌

 

除了版式布局和破格排版,这些设计图还运用了很多你熟悉的不熟悉的设计理论,

色彩搭配、设计四大原则、光影、字体设计、情绪化表达等等,

相信如果你也愿意沉下心去欣赏,用设计师的角度拆解,一定可以收获很多不一样的东西,

哦对了,受文章篇幅局限,虽不好一一分析,但有些设计还是很值得放出来看看的👇

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

 

这次整理的灵感素材,除了有文件夹形式,我们还将每一页设计导出为单页PPT,全屏看,更爽快,

 

大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

@小妮整理

以上就是今天的分享,说什么素材整理不易啊,我们多苦多累啥的就不了哈(虽然还是说了),

 

就请大家多支持一把,多谢🙏

资源领取

Step 1:点亮右下角「👍」

Step 2:在公众号后台回复「灵感

Step 3:把这篇文章分享给你的朋友,一起来用!

3种整理形式:文件夹、PPT、PDF

——
公众号:一六视觉
原文链接:大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007

© 版权声明

相关文章