发散式构图该如何设计?

查看:214 |回复:5 | 2021-7-9 19:05:45

您需要 登录 才可以下载或查看,没有帐号?注册

x
本帖最后由 雨の日曜日 于 2021-7-9 19:08 编辑

有很多设计需要在画面中体现产品多、奖品多、功能多、营养丰富等需求,这时版面中就避免不了要出现很多元素,而且为了渲染气氛,通常还会加入一些装饰元素,所以版面就很容易变得混乱。如下图:
图片1.jpg

这时我们可以尝试使用发散式构图,让主要的元素按照一定的规律从中心往四周发散,或者呈扇形发散,当元素的排列有一定的规律时就会变得有序很多。除此之外发散构图还有视觉冲击力强、聚焦等优点。
图片2.jpg
图片3.jpg

下面我们就来用发散构图将前面的方案重新调整布局:
第一步:排列元素。由于我们的需求是展示画面中的显示屏具有丰富的功能,且版面尺寸为横版,所以采用中心发散构图更合适,这个中心即为屏幕的几何中心。我们就是要围绕这个中心来排列元素:
图片4.jpg

在排列元素时需要注意以下两点:
A.各元素之间要有鲜明大小对比、疏密对比、空间对比(第一个技巧)。
B.元素的排列要平衡但不要完全对称,因为太过对称会导致版面很死板。
图片5.jpg

第二步:创建发散效果。由于画面中的元素也不是特别多,所以不适合用元素堆出发散的效果,而是要用线或面使各元素与屏幕中心联系起来。为了体现科技感,链接Icon和中心的色块要有一定的透明度和发光效果。
图片6.jpg

第三步:增加装饰元素。因为目前来看丰富的效果还不是很明显,所以我们可以在上图基础上增加一些发散的光线。增加的光线要有长度对比、粗细对比和虚实对比。
图片7.jpg

到这里,发散效果的处理就完成了,当然,在排版时,图形部分应该要与左边的文字保持一些对齐关系,这样效果会更精致。
图片8.jpg

调整前后对比效果:
调整前
图片9.jpg

调整后
图片10.jpg



2021-7-9 19:05:45   回复
 赞 赞 1

使用道具 登录

5个回答,把该问题分享到群,邀请大神一起回答。
2#
谢谢大佬分享,真心学到了
回复 收起回复
B Color Smilies
还可输入 500 个字符
2021-7-9 19:47:03  
 赞 赞 6

使用道具 登录

3#
辐射型排版要突出中心
回复 收起回复
B Color Smilies
还可输入 500 个字符
2021-7-10 10:58:48  
 赞 赞 5

使用道具 登录

4#
感谢分享~
回复 收起回复
B Color Smilies
还可输入 500 个字符
2021-7-16 16:51:34  
 赞 赞 2

使用道具 登录

5#
感谢大佬们分享  很不错知识点  点个赞
回复 收起回复
B Color Smilies
还可输入 500 个字符
2021-12-27 09:47:44  
 赞 赞 3

使用道具 登录

6#
666
回复 收起回复
B Color Smilies
还可输入 500 个字符
2023-2-27 10:00:18  
 赞 赞 2

使用道具 登录

CG 游戏行业专业问题

您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

元素公告!上一条 /1 下一条

快速回复 返回顶部 返回列表