!
你也想出现在这里?立即 联系我们吧!
信息
当前位置:首页>PPT教程>PPT设计教程>技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

本期的设计案例,来自于 Dribbble 上的一个网页设计:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

从这个案例中,我们可以学到哪些设计操作上的技法呢?

我认为至少有3个:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

❶ 比如像这里的双色图标的处理:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

我在之前的改稿案例中,也曾采用过这种手法的处理:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

也是对图标进行双色处理,当时也有很多人问是咋做的:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

❷ 还有像图形纹理的使用:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

❸ 以及图片元素的穿插呈现:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

除此之外呢,还有在版式设计上的一些思路:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

这些,都是我们可以作为设计拆解地方。

接下来呢,咱们就分别的来说一下。

❶ 如何进行双色图标的处理呢?

首先呢,当我们在找图标的时候,需要寻找一些不完全连接的图标,以便于将其拆散后换色:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

另外呢,图标的格式呢,尽量下载『SVG』格式:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

比如像这个图标,中间的圆形,与水杯并没有连接,所以,有可能进行拆散:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

下载后,将其拖入到PPT页面上,取消组合两次,我们发现,可以被拆解成这样:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

这时候呢,我们就可以对部分图标的线条,进行变色:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

从而做出双色图标,是不是很简单?

在这里呢,给大家推荐一个图标网站,之前也分享过,就是『Flaticon』:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

❷ 如何进行图形纹理叠加呢?

所谓图形纹理叠加呢,就是把一个图形,放到另一个色块上。

但这里,有一个原则需要注意,那就是,在颜色上要注意深浅搭配:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

比如像原稿中,这里的纹理,就是一浅一深两个颜色:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!
技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

而颜色的调整也很简单,当我们确定了其中一个颜色后,打开颜色面板,向上/向下拖动即可改变颜色深浅:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

在这里呢,我也做了一个示范:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

但是要注意,这里的图形纹理呢,尽量是矢量格式,这样在 PPT 里,才可以自由更改颜色。

❸ 如何制作穿插露出效果呢?

比如在这里,我随便找到了一张汽车的图片:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

当需要进行穿插设计时,首先第一步就是抠图,我之前推荐过稿定抠图:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

也推荐过Remove.bg:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

这两个都是可以的。

抠图之后呢,我们就可以把原图,加上抠好的图片,叠在一起,即可形成穿插的效果:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

到这里呢,技术操作的部分,就算完成了,不知道各位有没有学会?

为了便于各位理解呢,接下来,咱们通过一个具体的案例,实战一下。

比如我们现在要做一页PPT,内容是这样的:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

我可以先来简单地对内容做一些处理,并添加一张产品图片:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

接下来呢,我就一步步地,跟各位演示一下操作上的细节。

❶ 首先是文段的处理,主要是调整文段的对齐方式和行间距。

两端对齐的好处,是可以避免文段右侧参差不齐;1.2倍的行距,可以让文段阅读起来,更有呼吸感:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

❷ 另外就是图标的处理,选择一些不完全连接的图标。

这样在图标取消组合后,可以对图标进行局部变色处理:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

❸ 最后就是图片的处理,利用抠图工具,把汽车主题抠出来。

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

然后把底部的图片裁剪,形成露出效果:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

让所有这些处理之后,就剩下内容的排版了。

有一个问题是,图片放在这个位置,是合适的吗?

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

如果你不清楚,可以基于左侧的内容,拉出两条横线,来确定出汽车主体物的大小:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

可以发现,汽车主体的部分有点偏小,因此,适当放大图片即可:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

这样再来看一下,是不是更好一些呢?

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

当然,我们还可以使用品牌的 Logo,添加一层灰色的纹理:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

也考虑从汽车上,吸取一个红色,作为页面的氛围色:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

这样呢,就能够更好的去完成一页PPT的设计。

好了,到这里呢,一页PPT的拆解,就算完成了。从中,我们也学到了至少3个技巧:

技巧丨我从星巴克的这个网页中,“偷”到了3个超实用的PPT技能!

希望对大家有所帮助。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。PPT世界内网友所发表的所有内容及言论仅代表其本人,并不反映任何PPT世界之意见及观点。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA发糖
共{{data.count}}人
人已发糖
!
你也想出现在这里?立即 联系我们吧!
信息
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索