教程作者:凌云演示设计(授权转载)
交作业:#优设每日作业#
转眼间又是一周,各位UU好啊,这里是凌云!
今天我们来讲讲装饰元素怎么玩。不知道大家在看一些PPT教程的时候,有没有遇到这样的情况:
可以看到,现在这页PPT有点平淡,所以我们加点装饰元素,增加点氛围感,来丰富下页面。
好了,感觉有那味了,下一页PPT。
这时候屏幕前的你,是不是这样子的:?????
那这些装饰元素添加究竟有什么规律呢?接下来,让我们来一探究竟!
原则一:近大远小
俗话说得好,设计来自于生活,所以我们上张生活照。
正常公路,相信大家都见过吧。
仔细看看,有没有发现同样的宽度,离我们近的显得很宽大;离我们远的,越来越小,最后逐渐汇集到一点消失了。这就是我们经常说的近大远小。
添加装饰元素大部分情况,就是为营造空间感、层次感;所以,近大远小原则完全适用。
(案例来自于花瓣网,下同)
原则二:虚实结合
除了因为远处的东西越来越模糊,我们看不清楚。还有另一种情况,那就速度。这个在我们生活中也经常看到:
是不是快到模糊。如果想要体现出动感、有活力的效果,虚实结合这个原则就必不可少!
众所周知:知道了原则,就像知道要做个好人一样,事实上并不一定会是个好人。(被发好人卡的除外)所以,我们来学习根据原则怎么用在设计上吧!
A.线条状布局
我们先看下案例:
大家思考两秒钟,装饰元素在这个版面的布局是怎么样的?
不知道大家看出来了吗?就是一根根的直线,这个最简单,最容易学。将所有元素统一一个方向排列就行。
说到了直线,那当然就有曲线:
相较于直线力量感和速度感,曲线更给人一种优雅柔和的感觉。不知道童鞋们学会了吗?
B.发射状布局
发射状也可以叫放射状。就是所有元素从某一个点发射出去。这种手法,电商banner经常用,不信你看看:
有没有看出隐藏的发射线呢?
装饰元素从标题下方发射到四周,就像喷泉一样,非常有气势和促销的氛围感!
C.多边形布局
多边形,可以是三角形,也可以是矩形、梯形、五边形等等。一般来说,三角形布局最实用,上手比较容易
细心的同学们,有没有看见隐藏的三角形呢?
接下来是四边形的:
相信大家经过上面的训练,已经可以轻松看出来了隐藏的四边形。
D.圆形布局
这个最普遍,最常用,大家一定要学会!下面我们上案例:
这么明显的圆形布局,看不出的同学,给我抄10遍作业。
以上就是常见的布局方式。设计时可以先确定好布局之后,再根据我们上面说的原则进行元素摆放,在这个过程中,我们还要注意版面的重心平衡。
对于一些刚上手的童鞋,阿凌建议可以多看优秀的案例,然后参考案例进行摆放练习。
了解常用的元素的类型,有利于我们在设计中,根据项目的要求;灵活的选择装饰元素,进行搭配使用。
A.几何元素
几何元素,就是三角形、矩形、圆形这些形状;
优点是几何形具有抽象性,在任何场合都能够使用。而且这些元素可以在PPT自带的形状上找到。
下面我们看看优秀的设计案例:
B.图标元素
图标咱们经常用,可以提升对文本信息的理解,增加可读性;还可以修饰版面。图标素材可以去islide插件或者阿里Iconfont网下载哦。
优秀设计案例:
C.插画元素
插画元素,给人第一感觉就是年轻有活力。但挺少人用的,主要原因是适合的素材比较少。但是如果你在芸芸众生做出来一页出来,保证是这条街最亮的仔!
优秀设计案例:
D.3D元素
这类型的元素,童鞋们应该经常看到,近几年挺流行这个3D风的,哈哈哈。
对于我们这些不会C4D的同学怎么办呢?不要慌,阿凌最近收集了几个G的3D素材,大家在文章末尾领取就可以啦。
优秀设计案例:
E.实物元素
就是我们生活中看到的瓶瓶罐罐,在电商设计上也经常见。实物可以给我们亲切感,更容易让融入到氛围中去。
优秀设计案例:
F.其他元素
其他元素,这里是一些特殊装饰元素,他们可以装饰页面,但不是很适用上面我们讲到的原则,所以阿凌把它们归为一类。
笔画元素:
光影元素:
弥散元素:
酸性元素:
当然,阿凌介绍页也有酸性元素哦:
除此之外还有其他类型装饰元素,在这里就不一一列举了。
下面我们来总结一下今天我们学习的内容:
01.元素添加的原则
- 近大远小
- 虚实结合
02.元素布局方式
- 线条状布局
- 发射状布局
- 多边形布局
- 圆形布局
03.常见元素类型
- 几何元素
- 图标元素
- 插画元素
- 3D元素
- 实物元素
- 笔画元素
- 光影元素
- 弥散元素
- 酸性元素
我是凌云,我们下周再见!
想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)
附件下载
文件名 | 文件大小 | 提取码 | 下载来源 |
---|---|---|---|
案例合集 & 3D素材 | 3.96GB | tjw7 点此复制 | 登录下载 |
非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
发表评论 快来秀出你的观点