hello我是二木,
最近问朋友PPT怎么做的辣么好看,对方来一句:“哎呀,我就是非常简单的参考了一下网页而已啦,没什么的”
除了对朋友表示亲切的问候之外,心里更多的是烦躁,我怎么就看不出可以参考什么?
别怕!
网页设计作为PPT灵感来源的不二选题,有非常多的创意值得学习,今天咱就来分析一些看着贼舒服,但感觉又没啥设计难点的网页设计。
此文价值9999999999元,建议友好收藏后再阅读!
这一次的灵感图整理,采集了多少呢?
其实也不多,也就那么七百多张而已
大概也就是一些一般般的设计作品而已👇
虽然凡尔赛的说这些作品一般般,但其中大部分作品的细腻程度,是PPT里少有人会用上的。
例如我们常说PPT的质感,在下图中就有很不错的参考:
通过浅灰色底+长投影的形式,再加上局部纯白的色块,这个版面哪怕不懂设计的人都感觉的到很干净,
但换做我们自己动手的时候,往往糟透了,
PPT阴影拉的太硬,很脏,
背景的灰色弄的太深,看着压抑,
又或者文字的间距不合理,总感觉有问题,
你会发现,
学PPT设计新手追求排版创意,进阶讲究画面合理性,再往后是对细节的处理,元素之间的搭配都是有依据的。
这也是为什么,同样的参考同样临摹,每个人做的却天差地别。
话说回来,关于设计规律这件事,
如果一张图你看不出规律,这很正常,但如果几百张图都还抓不准规律,那确实该好好学习一下了。
那下文,咱就来一些小小的启发,帮助你在不同的设计看到同样的东西,
版式的划分
版式如何布局在设计是很重要的一项决策,这体现了设计师对内容的理解。
如果还不知道版式,建议粗浅阅读下文
接着我需要你记住一句话:大部分设计图都会有一个主焦点图(最吸引你的图),以及正常的文案内容。
带着这个意识看下图
如果你能看出主视觉(左侧人头)占用了横向二分之一的宽度,
OK你及格了,继续往下看,
焦点图(人)占横向三分之一
内容占三分之二👇
(内容空间大,侧重于内容)
内容占三分之一
焦点图占三分之二👇
(侧重于突出鞋子)
通过简单上述,日后我们自己做图,该怎么安排内容和焦点图的画面比例,该突出什么,是不是就有了依据参考?
这也就是试着找到画面隐藏的“板块布局”,OK我们接着再看看还有哪些比较特殊的版式呢?
例如由一大一小的图铺垫的全图背景👇
同样也是左右的布局,再带上交互动效,
比较独特的中间放配图版式,
以上都是带背景的配图,但换做镂空的配图也一样遵循版式划分规律,
例如下图人物占比也是接近三分之一,
这个如果单纯人物图,也是三分之一的占比,但加上底圆之后,整个占比就接近二分之一了,
通过形状的叠加,增大焦点图的占比,这也是很常见的设计技巧。
从「我拆解设计」到「我是做这张图的设计师」的角度转变,非常能帮助我们看到设计作品不一样的东西,
因为如果你是设计师,就必须经历一份设计从无到有,从粗糙到细节完善的过程,
单纯拆解,更多切入点是“这条线在画面是什么样的效果”,而不是思考“为什么他在这里加东西,或为什么是线条而不是色块”。
找到背后的理论依据远比看着表象拆解要效率的多,
(于是发现很多人拆解的切入点都是错的)
接着,除了版式划分之外,有一个老生常谈的技巧怎能错过?
破格排版
引用之前做的模板页面来说,
里面就包含两层的破格排版,第一层是底下弧形的元素,是为了衬托圆形让圆形突出,
如果去掉:
画面立马少了分设计感,第二层破格则是人物的头探出了圆形,倘若也“缩”回去:
那么效果会更加大打折扣,对吧?所以你看,破格排版还是很有用的,
但这个思考层面是在画面做减法,那怎么做加法呢?
例如下面这张图:
怎么往里面引入破格排版呢?给个小提示:「给元素砍一刀」,例如给最大的焦点图砍一下,横跨过去:
又或者我们给小图砍一刀:
好像是挺有意思的对吧~
那么现在你知道破格的部分技巧了,再来看看这些设计是怎么运用破格排版的吧👇
其实前面那张图人物背后的圆形也可以算破格排版,探出头~
人物底下的纹理既能扩充焦点图的占比,也能算上是破格排版~
运用了破格排版的设计,还是很好区分层次的,谁在前谁在后(划重点:增强层次感),
不难发现:
破格排版的运用,可以说是在原本很规矩的情况下,尝试着把一些元素超出固定的范围,跟其他元素产生叠加、混合、拼接的效果,
就好像下图水壶旁边的色块:
换做是我们,大部分人都会很规矩的不让他们挨在一起对吧?
但你看,稍微“越界”一下,效果更加不错了👌
除了版式布局和破格排版,这些设计图还运用了很多你熟悉的不熟悉的设计理论,
色彩搭配、设计四大原则、光影、字体设计、情绪化表达等等,
相信如果你也愿意沉下心去欣赏,用设计师的角度拆解,一定可以收获很多不一样的东西,
哦对了,受文章篇幅局限,虽不好一一分析,但有些设计还是很值得放出来看看的👇
这次整理的灵感素材,除了有文件夹形式,我们还将每一页设计导出为单页PPT,全屏看,更爽快,
@小妮整理
以上就是今天的分享,说什么素材整理不易啊,我们多苦多累啥的就不了哈(虽然还是说了),
就请大家多支持一把,多谢🙏
资源领取
Step 1:点亮右下角「👍」
Step 2:在公众号后台回复「灵感」
Step 3:把这篇文章分享给你的朋友,一起来用!
3种整理形式:文件夹、PPT、PDF
——
公众号:一六视觉
原文链接:大神级别 · 灵感爆棚的700张PPT设计参考 | 设计周刊 No.007