热搜词
发表于 2021-11-20 14:54:03 | 显示全部楼层 |阅读模式
在前几次的直播中,有位读者问了我这样一个问题,说在页面上插入4个色块,但觉得单调,可以怎么优化呢?


相信很多人的做法,是添加一张背景图,对吗?
但你是否想过,如果不用背景图,我们还能如何优化呢?
其实,丰富页面视觉效果的方法,不仅仅可以从背景入手,我们还可以从形状本身进行处理。
我们可以从国外一些优秀的设计中,来找到一些灵感:










从上面的这些作品中,你获得灵感了吗?
没错,我们可以通过在色块上叠加修饰元素,来丰富视觉效果。
那么,问题来了,我们到底可以叠加哪些元素呢?我帮你总结了一下,共分为4种:


01 色块叠加
在色块上,去叠加另外的一些图形,就可以很好地丰富页面视觉效果。
举个例子,比如像这个页面,色块平平无奇:


但如果我们叠加一些纹理图形呢?视觉效果是不是立马会丰富很多呢?


同样地,再比如像这个页面,页面的底部,我们同样是叠加了一些音符的图形元素:


还有像这个案例,其实也是叠加了一层图形元素:


能理解吗?


而如果你想不到可以叠加哪些图形,最简单的方法,你可以去叠加 Logo 。
啥意思呢?比如某家企业的 Logo 长这样:


而我们要优化的 PPT 是这样的:


这时候呢,我们就可以通过调整 Logo 的透明度,把它放到色块对应的位置上:


这样一来,是不是能够起到丰富色块视觉效果的目的呢?


02 线条叠加
通过把一些纹理线条叠加到色块上,在不干扰信息的前提下,也是个不错的选择。
举个例子,比如像这个页面,页面上有3个平淡的色块:


但如果我们能够叠加一些线条元素呢?是不是会更好一些呢?


同样地,再比如像这个页面,也是平淡的色块:


如果我们能叠加一些线条呢?


这时候,色块的视觉效果会更丰富:


而如果你看过我之前的改稿案例,你会发现,我经常会用到这种方法,其实,原理就是通过叠加线条,来增加细节:




03 图片叠加
这是我们最容易能想到的方式,但前提是,你需要调整图片的透明度。
比如像这个页面,页面上有3个色块,也是给人单调的感觉:


我们可以通过在色块上,叠加一张半透明图片,从而极大地丰富视觉效果:


同样地,还有像这个案例,也是通过叠加图片的方法,不仅丰富视觉效果,还能增强可视化:


那么,到底该如何调整图片透明度呢?
很简单,先准备一张图片和一个等尺寸的形状:


然后,复制图片后,选中形状,设置形状格式,点击图片填充,找到剪贴板,这时候,就可以调整图片透明度了:


04 字符叠加
这应该是最简单的一种做法了,完全不需要使用图形,线条,只需要在色块上,叠加一些单词即可。
比如像这个页面:


我们只需要提取英文单词的首字母,放在色块上,并调整透明度即可:


我之前的案例中,也经常会用到这种方法:




当你觉得页面上的色块有些单调,但又想不到别的方式进行处理,那么,就可以从这4个角度进行优化,希望对你有所启发。

全部评论0
回复
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|手机版|小黑屋|管理员之家 ( 苏ICP备2023053177号-2 )

GMT+8, 2024-12-21 17:09 , Processed in 0.163733 second(s), 22 queries .

Powered by Discuz! X3.5

Cpoyright © 2001-2024 Discuz! Team