視覺設計 ? 設計師的標配技能:黃金比例圓做圖大法!

設計師的標配技能:黃金比例圓做圖大法!

發表于: 視覺設計. 評論 (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)

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

+ 添加評論2 Responses to “設計師的標配技能:黃金比例圓做圖大法!”

  1. 白又小白 - 回復

    大神,公眾號有么

    • 設計 達人 -

      就是:設計達人


{ 發表評論 }