视觉设计 » 设计师的标配技能:黄金比例圆做图大法!

设计师的标配技能:黄金比例圆做图大法!

发表于: 视觉设计. 评论 (2)
Sponsor

黄金比例圆做图可以说是设计师的标配技能,有了它,可以让作品上了多个档次!今天程就用这个高级技法来教大家画logo,在学习之前我们先科普下两个知识点。第一,何为黄金比例(分割)?第二,啥是斐波那契数列?下面一起来学习吧!

第一,何为黄金比例(分割)?

黄金分割是指将整体一分为二,较大部分与整体部分的比值等于较小部分与较大部分的比值,其比值约为0.618。这个比例被公认为是最能引起美感的比例,因此被称为黄金分割。[来源:百度百科]

简单的用线段做个说明,如下:

设计师的标配技能:黄金比例圆做图大法!

第二,啥是斐波那契数列?

斐波那契数列又称黄金分割数列,因数学家莱昂纳多·斐波那契以兔子繁殖为例子而引入,故又称为“兔子数列”,指的是这样一个数列:0、1、1、2、3、5、8、13、21、34、……这个数列从第3项开始,每一项都等于前两项之和。[来源:百度百科]

那这个数列跟黄金分割又有啥关系呢?

这里要代入一个简单的公式,如下:

设计师的标配技能:黄金比例圆做图大法!

就是当n趋向于无穷大时,前一项与后一项的比值越来越逼近黄金分割0.618(或者说后一项与前一项的比值小数部分越来越逼近 0.618)

设计师的标配技能:黄金比例圆做图大法!

讲到这里,相信不少同学都是下面这个表情了,哈哈哈哈。

设计师的标配技能:黄金比例圆做图大法!

不过没关系,这些知识代入到logo设计中,就没那么复杂了。

我个人是比较喜欢使用斐波那契数列来画圆的,因为它们的数值都是整数,非常好记。假设第一个圆的直径是1,那么第二个圆的直径就是2,第三个是3,以此类推,后面的分别是5,8,13,21…

而大家在画第一个圆的时候不一定非要按照1px来画,因为1px的圆实在是太小了,你可以按照10px来画,如下图:

设计师的标配技能:黄金比例圆做图大法!

而下面这些圆就是我们接下来要用到的黄金比例圆了。

设计师的标配技能:黄金比例圆做图大法!

一般来说,有这几个圆就已经够用了,如果你觉得不够,还可以按照数列的规律继续画下去。

下面以我做过的商业案例来完整讲解如何来用黄金比例圆来画logo。

客户想要一个抽象的宇航员头盔+星球的造型,我们首先画草图,这里我是直接在AI里用画笔工具(B)画的,灵魂草图如下:

设计师的标配技能:黄金比例圆做图大法!

接下来我们将上一步画的黄金比例圆代入到草图中,如果有无法代入的,也不必拘泥,下图中红色的圆就不是黄金比例圆,至于这个圆的大小可以根据自己的设计经验和主观审美来尝试并确定。

设计师的标配技能:黄金比例圆做图大法!

我这里总共用了4个大小不同的黄金比例圆,分别是1、2、3、5,用不同的颜色标注给大家看下。

设计师的标配技能:黄金比例圆做图大法!

圆代入完之后,我们就可以利用形状生成器工具(shift+M)或实时上色工具(K)将想要的形状做出来,看下动图:

设计师的标配技能:黄金比例圆做图大法!

最后再上个色,加上中英文,搞定!

设计师的标配技能:黄金比例圆做图大法!

上面这个案例相对来说比较简单,下面再给大家看个稍微复杂点儿的。

这个品牌要求图形里有鱼,有太极,还有字母G,看下我的设计过程图。

设计师的标配技能:黄金比例圆做图大法!

下面是定稿的黄金比例圆切图,由于线太多,我将两条鱼分开展示,如下:

设计师的标配技能:黄金比例圆做图大法!

看似复杂,实际上也就只用了4种不同的黄金比例圆(里面也有2个非黄金比例圆)

设计师的标配技能:黄金比例圆做图大法!

最终图文效果如下:

设计师的标配技能:黄金比例圆做图大法!

总结

第一步:先画草图;

第二步:代入黄金比例圆来规范造型;

第三步:用形状生成器工具或者实时上色工具生成形状。

PS:其实大家做logo时,无需过分痴迷黄金比例。因为如果你草图画的不好看,哪怕用再多的黄金比例圆来规范,最终得到的造型也是不美观的。

所以打好造型基础很重要哟~

好啦,今天的大教程黄金比例圆做图大法就讲到这里,快去找你的施主(甲方)画圆吧~~

 

来源:这logo怎么了(ID:wtf-logo)

赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论2 Responses to “设计师的标配技能:黄金比例圆做图大法!”

  1. 白又小白 - 回复

    大神,公众号有么

    • 设计 达人 -

      就是:设计达人


{ 发表评论 }