更多课程 选择中心


UI培训

400-111-8989

UI版式设计的构图技巧


懂得很多道理却依然做不好设计?看过很多技巧却依然不会排版?那是因为有些方法都比较笼统,需要灵活改变的地方太多,每个人用起来都会有不同的效果,更多的还是根据自身的经验进行延展。

UI版式设计的构图技巧

所以今天和大家分享关于排版的具体技巧,属于一学就会且很容易出效果的排版小妙招,希望可以帮你解决版式这个大老虎。

1、左右构图

左右构图指的是左边图形右边文字,或者反之。这种构图版面下,文字常常以居左或者居右对齐的方式放置在版面当中。是一种常见平面版式设计构图方式。

2、对称构图

对称构图分为上下对称和左右对称。是把版面一分为二进行排版布局。在重量上两个部分具有一致性,所以给人以平衡稳定的感觉。

3、三角构图

三角形构图指的是把画面中的主体以三角形的姿态放置在版面当中。三角形本身具有稳定性,所以三角构图形成的平面版式较为稳定,大气。

4、斜线构图

斜线构图又称倾斜构图,是将文字或者主体物以倾斜的方式放置在版面当中。倾斜的角度产生势能,给人以引导作用。优化视觉层级,清晰的传递信息。

5、曲线构图

曲线构图指的是版面中重要元素呈曲线排布,其他元素填充剩余空间,曲线具有灵活的属性。所以曲线构图的版面常常显得充实,热闹。

6、中心构图

中心构图指的是将画面的主要元素放置在版面的中轴线上,目的是快速吸引眼球,占据视觉焦点。中心构图的版式简洁、利落,给人以雅致的视觉感受。

7、点状构图

点状构图适用于标题文字稍多的平面版式设计。文字排布时,拉开字距,在版面上化为点元素。标题文字的纵向距离要大于横向距离,否则容易误导阅读顺序。

8、压住四角

压住四角构图适用于标题字数较少的版式设计,标题作为绝对重要的元素放置在四角,一眼就能被看到。要做好压住四角的版式设计得进行网格构架,控制好版面之间的比例。

9、铺满构图

铺满构图常常使用高清图片占据整个版面,这种构图给人以饱满,热闹的感觉。在铺满构图中,画面常常胜过文字成为主角。传递的情感也更加丰沛。

免责声明:文章来源:UI设计派,版权归原作者所有,如有侵权,请联系我们删除。

预约申请免费试听课

填写下面表单即可预约申请免费试听! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

上一篇:交互设计是什么
下一篇:教你一种好用的设计方式

ui设计中设计风格发展历程

UI设计初学者该如何学习UI

零基础UI会用到哪些软件?

photoshop零基础学习

  • 扫码领取资料

    回复关键字:视频资料

    免费领取 达内课程视频学习资料

Copyright © 2023 Tedu.cn All Rights Reserved 京ICP备08000853号-56 京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有

选择城市和中心
贵州省

广西省

海南省