当前位置:首页 >教程首页 > U I 设计 > 艺术设计基础班 >构图技巧:如何利用黄金分割使自己的作品更完美!

构图技巧:如何利用黄金分割使自己的作品更完美!

发布时间:2019-05-06 09:53:34

提到黄金分割大家应该不陌生,黄金比例实际上是从自然界中总结并发现的,用于设计中的时候能赋予作品更多的设计美感,赏心悦目。那么,作为一名设计师,又有哪些构图技巧?如何利用黄金分割使自己的作品更加完美呢?一起来看这篇文章!

1.高格调的黄金比例

首先,我们先简单了解一下黄金比例,黄金分割是指将整体一分为二,较大部分与整体部分的比值等于较小部分与较大部分的比值,其比值约为0.618。

这个比例被公认为是最能引起美感的比例,因此被称为黄金分割。

1.webp.jpg

黄金分割具有严格的比例性、艺术性、和谐性,蕴藏着丰富的美学价值,这一比值能够引起人们的美感,被认为是设计和艺术中最理想的比例。

1-2.webp.jpg

最初的时候是画家将此比例应用于画作当中,发现按0.618:1来设计的比例,画出的画最优美。在达·芬奇的作品《维特鲁威人》、《蒙娜丽莎》、还有《最后的晚餐》中都运用了黄金分割。

古希腊的著名雕像断臂维纳斯及太阳神阿波罗都通过故意延长双腿,使之与身高的比值为0.618。建筑设计师们对数字0.618特别偏爱,无论是古埃及的金字塔,还是巴黎的圣母院,或者是近世纪的法国埃菲尔铁塔,希腊雅典的巴特农神庙,都有黄金分割的足迹。

那么对于UI设计师来讲作品中分割形式和版式构图应用于这个比例能让你的画面更加优美、富有艺术感,让你的作品更加和谐、更加出彩。

2.界面设计中的黄金分割

既然我们简单的了解了黄金比例的基础知识,那么界面设计中的黄金分割是怎么应用的?

首先,先了解一下构图形式,根据画面长宽比例不同,黄金分割线位置也不同。这里我们列举常用的长宽比尺寸3:2,4:3,16:9,1:1。

2-1.webp.jpg

在界面设计时要根据界面中涉及到的文字元素和图片元素选取更合适的长宽比和构图形式。

2-2.webp.jpg

如上图,我们选取16:9的长宽比,从图片的裁剪去着手,让文字与图片所占比例为黄金比例,将图片的视觉中心点放在右侧的黄金分割线上,将大标题放在左侧的黄金分割线上。在此基础上搭配装饰元素,再进行微调相信画面会更出彩。

3.中式黄金分割—三分法

在设计中有一个比黄金分割更加简单和实用,这就是我们所讲的三分法或九宫格构图。

三分法构图是黄金分割构图的一种衍生,是指把画面横向或竖向平分为三份,主体边缘通常位于三分线上的一种构图方式。

这种构图方式通常变现为水平或者竖直的形态,具有构图简练的优点。

3-1.webp.jpg

3-2.webp.jpg

上图中绿色的虚线是右黄金分割线的位置,黄色的虚线是右三分线的位置,我们没有把主体的重心直接放在黄金分割线上,在这个画面中,因为左右的信息量很大,给人很重的压迫感,所以主体如果太靠近左边就会让画面失去平衡,这时候我们就把主体放在了三分线上。

4.高阶黄金分割

在设计中还有一种更高阶的构图技法—黄金螺旋线。黄金螺旋线,也称“斐波那契螺旋线”,是根据斐波那契数列画出来的螺旋曲线,自然界中存在许多斐波那契螺旋线的图案,是自然界最完美的经典黄金比例。

作图规则是在以斐波那契数为边的正方形拼成的长方形中画一个90度的扇形,连起来的弧线就是斐波那契螺旋线。

4-1.webp.jpg

黄金螺旋线设计中用的最多的地方是Logo设计,当然界面布局和字体设计、字体比例系统也有应用。

黄金螺旋线在Logo中的应用

4-2.webp.jpg

总结

黄金分割线、三分线、黄金螺旋线,在设计中合理应用,你的作品会有很大的提升。当然了设计中是否使用黄金分割线、三分线、黄金螺旋线并不是绝对的,它只是方法之一。

如果在设计过程中考虑到这个因素,相信你能做出优秀的作品!

作者:杨博  

来源:UI设计师之家

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答
×

确定