亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

最佳比例的秘密!教你如何在設計中充分運用黃金比例

作者:chenzimu7
分類: 觀點/經驗
2015-11-14
1683

吉薩金字塔、蒙娜麗莎、Twitter和百事可樂有什么共同點?答案很簡單,它們的設計都遵循了黃金比例。作為一個常見的數學比例,黃金比例實際上是從自然界中總結并發現的,用于設計中的時候能賦予作品更多的設計美感,賞心悅目。那么,黃金比例到底是怎么樣的比例,它又是如何運用到設計中并提升設計作品的呢?

什么是黃金比例?

黃金比例是一個比較特殊的數學比例,通常我們會用線段分割來解釋這個比例:把一條線段分割為兩部分,較短部分與較長部分長度之比等于較長部分與整體長度之比,其比值是一個無理數,取其前三位數字的近似值是0.618。

當然,我們今天探討的并非是數學問題,而是設計和美。黃金比例之所以被冠名以“黃金”二字,自然是因為這個比例帶來的和諧與美感。當你應用到設計作品中的時候,這種比例會營造出藝術感。

黃金比例已經被我們的先輩運用了幾千年,從埃及的吉薩金字塔的設計比例到雅典的巴特農神殿,從米開郎琪羅為西斯廷教堂所雕刻的亞當到達芬奇的蒙娜麗莎,從百事可樂的LOGO到推特的LOGO設計,甚至我們的面孔都遵循這個數學比例:

事實上,我們的大腦似乎先天就比較青睞使用黃金比例的對象和圖片。這幾乎是下意識的吸引力,大腦甚至會對眼睛看到的事物進行小幅度的微調以靠近黃金比例,提高我們自身對于外物的記憶和印象。

黃金比例無疑可以應用于各種圖形。如果你將一個正方形拉伸為一個矩形,讓長是寬的1.618倍,就可以獲得一個“完美”的矩形。

將兩個圖形疊加,你就可以獲得一個清晰直觀的黃金比例,被分割出來的小矩形同樣遵循著黃金比例。

如果你繼續以這樣的方式向新的矩形中填充正方形,那么你填充的正方形會越來越小:

像上圖所示,你最終繪制出來的將會是一個黃金螺旋(而其中的矩形也就遵循著傳說中的斐波那契數列)曲線,它所包含的數列遵循的規律是,每個數字都是前兩個的和:0、1、1、2、3、5、8、13、21、34 、55、89、144……

這就是黃金螺旋:

最有意思的是,你會發現這個漂亮的樣式在自然界中幾乎無處不在:蕨類植物的莖、鮮花、貝殼,甚至颶風。這也就是為什么我們會覺得它們在視覺上有著無與倫比的吸引力,因為它們在自然界中是最好的。

接下來,你可以在每個正方形中內切一個圓形,那么這組圓形將遵循1.618的黃金比例,擁有著均勻而平衡的比例關系。

這樣一來,我們就擁有了遵循黃金比例的正方形、矩形、圓形,而它們就可以被你運用到設計當中去。

這么解釋相信你都能明白吧?

在設計中使用黃金比例的5種方法

既然你已經了解了黃金比例的基礎知識,那么接下來看看如何借助它來提升你的設計。由于黃金比例的呈現形式很多,所以你可以將它用到布局、間隔、內容、圖像和圖形當中。

1、布局:將尺寸設置成黃金比例

在布局中使用黃金比例的方法并不難,關鍵是控制比例和尺寸。重點很簡單,把握好1:1.618的黃金比例。

舉個例子,使用960px的寬度布局的時候,除以1.618可以得到594px,這個可以用作你的布局的高度,然后將整個布局劃分為兩欄,一欄方形,一欄矩形,一個協調的布局就出來了。

這種兩欄式布局在網頁上非常實用,我們所熟知的美國國家地理的網頁就是使用的這樣的布局方式,看起來可讀性非常不錯,比例平衡,符合網站內容自然的特性。

2、間距:使用黃金螺旋布局

間距的控制和留白一樣,是設計中非常關鍵的元素。協調的布局能夠營造出優秀的作品,那么如何借助黃金比例來協調頁面中的多種元素呢?合理的計算有的時候比直覺合適,如果能結合起來就更好了。

在基本的布局上,借助黃金螺旋來調整,是個不錯的思路。多種不同的元素在同一頁面上的時候,黃金螺旋可以幫你篩選出合理的空間布局和間隙。

Moodley 設計工作室為Bregenzer Festspiele 藝術節設計了海報、應用、節目單和大量的品牌標識。節目單的整體設計采用了拼貼的方式,有大量的留白,而其中各種元素的設計比例、位置和留白就是借助黃金螺旋來布置的。

總部位于新加坡的Lemon Graphic 為Terkaya財富管理進行視覺形象設計,名片的設計元素也同樣借助黃金螺旋來設計。

3、內容:沿著黃金螺旋的軌跡

對于網頁內容而言,黃金螺旋的軌跡同樣可以起到重要的作用。我們的視覺可以很自然地沿著黃金螺旋的軌跡運動,這也就是說這樣設計網頁布局會讓訪客更加自然地瀏覽內容。

如果你仔細查看美國國家地理的網頁,會看到它們的網頁布局就是如此,用戶會下意識地隨著這個布局來瀏覽,這是一種潛意識行為。

這個網站是平面設計師Tim Roussilhe 的作品,信息量很大,布局也緊密,關鍵是信息組織的相當有條理,多而不亂。左上角的內容就是借助黃金螺旋的軌跡來設計的,關鍵的點和位置都落在黃金螺旋的軌跡上。功能性的組件在這個布局中都位于矚目的位置,留白也分布到了合理的間隙中,所有的細節都精致到位。

Saastamoisen s??ti? 的這個視覺設計稿就更典型了。圖中的字母分布看起來亂中有序,它們就是沿著黃金螺旋來分布的,并且隨著螺旋半徑的縮小而逐漸縮減字體尺寸,并且提升字母的密度。這樣的設計保證了視覺的平衡,富有設計感而不混亂。

Helms 工作室 為Fullsteam 啤酒進行品牌設計的時候,也同樣借助黃金螺旋來布局內容。

4、圖片:黃金比例和三分法

對于圖片而言,布局自然是很重要的,無論是用來傳遞信息還是呈現圖像布局的美感。黃金比例可以讓圖片變得更加吸引眼球,讓重要的信息脫穎而出。平時我們所說的三分法布局,如何結合黃金比例,可以讓布局更漂亮。

參考下方的圖片,借助將頁面進行黃金比例分割的四條線,線條兩兩交匯的地方是最吸引用戶的地方。當然,我們常見的三分法是讓同一個方向上的兩條線將布局按照1:1: 1的比例分割開來。

這個案例是Complex雜志的封面,整體布局符合黃金比例,而黃金比例三分法下的兩個交點上則正好和女性的鼻子與眼睛上。

Jason Mildren 為Pilot 雜志設計封面,其中的布局采用的是均勻三分法來構建視覺重心,圖中模特的眼、拇指和手臂軸心都處在視覺重心上,人物位置靠右下,留白靠左上,又是一個平衡的布局。

Feld雜志的設計,也參考了黃金比例三分法,左上方的標題和內容區塊明顯是參考分割線來設計的,而右下方的背景中的人物的鼻子——也就是人物的中心點正好壓在右下方的交點上。

5、圖形:黃金比例圓形

黃金比例可以用來創建矩形也能用來創建比例協調的圓形。使用黃金比例不僅可以產生和諧的比例,而且能夠讓圖形保持較高的一致性。從百事和Twitter的LOGO來說說這個事情吧。

百事的LOGO是使用兩個遵循黃金比例的圓圈來構建的,較小圓形并不是顯而易見的那種,而是隱藏在內部的曲線中。

Twitter的LOGO設計則是借助若干完美的圓形來進行構建的,只不過它在使用黃金比例的圓形的時候,并沒有使用相鄰比例的圓形來構建,乍一看不夠精確,但卻同樣營造出和諧的標識。


1
4
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務聯系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區9號樓2層

版權信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

      9000px;">

          国产欧美综合在线观看第十页 | 国产精品一二二区| 国产福利一区二区三区视频| 亚洲国产视频一区二区| 精品国产第一区二区三区观看体验 | 91黄视频在线| 国产精品一级二级三级| 欧美日韩精品一二三区| 国产91精品久久久久久久网曝门 | 国产**成人网毛片九色 | 亚洲电影激情视频网站| 亚洲啪啪综合av一区二区三区| 国产伦精一区二区三区| 日本不卡一二三| 天堂午夜影视日韩欧美一区二区| 日本在线不卡视频一二三区| 一个色在线综合| 亚洲激情男女视频| 亚洲最色的网站| 一区二区三区在线播放| 亚洲特黄一级片| 91丨porny丨最新| 福利一区在线观看| 成人国产精品免费观看| 99久精品国产| 欧美视频一区在线| 欧美日韩一区二区在线观看视频| 欧美三级在线视频| 欧美一区二区三区四区高清| 91精品久久久久久久99蜜桃| 欧美一区三区二区| 国产在线精品国自产拍免费| 久久66热偷产精品| 丁香天五香天堂综合| av不卡一区二区三区| 色老综合老女人久久久| 欧美网站大全在线观看| 日韩午夜电影av| 伊人色综合久久天天| 五月综合激情日本mⅴ| 另类调教123区| 国产日本亚洲高清| 亚洲午夜在线观看视频在线| 久久99久久99| 不卡的av网站| 91精品国产91久久久久久最新毛片| 久久你懂得1024| 一区二区三区欧美激情| 蜜臀99久久精品久久久久久软件| 国产一区二区美女| 欧日韩精品视频| 成人黄色国产精品网站大全在线免费观看 | 国产一区二区调教| 狠狠色狠狠色综合| 91福利精品第一导航| 亚洲精品一区二区三区福利 | 欧美日韩三级一区二区| 亚洲精品在线三区| 一区二区激情视频| 成人一级片网址| 欧美一级理论片| 亚洲国产精品精华液2区45| 午夜激情一区二区| 成人av电影在线| 26uuu精品一区二区| 亚洲一区二区三区四区在线观看 | 亚洲欧美在线视频观看| 另类成人小视频在线| 色老头久久综合| 国产精品国产三级国产普通话三级 | 欧美日韩一区二区三区不卡| 日本一区二区三级电影在线观看 | 91在线视频18| 国产精品一区二区果冻传媒| 欧美一区二区精品| 亚洲午夜精品久久久久久久久| 国产精品一级黄| 欧美成人精品福利| 婷婷亚洲久悠悠色悠在线播放| 高清不卡在线观看| 久久久久久久久久看片| 蜜桃视频第一区免费观看| 欧美午夜影院一区| 色综合久久中文综合久久牛| 久久精品一区二区三区不卡牛牛| 色婷婷av一区二区三区大白胸 | 中文字幕精品—区二区四季| 久久99热99| 欧美一区三区二区| 奇米影视在线99精品| 欧美日韩免费一区二区三区视频 | 51精品国自产在线| 午夜欧美大尺度福利影院在线看| 日韩视频免费直播| 欧美日韩aaaaaa| 国产午夜精品一区二区三区嫩草| 日韩一级免费观看| 亚洲成av人**亚洲成av**| 成人h动漫精品一区二| 国产欧美一区二区精品性色超碰| 丁香网亚洲国际| 精品国产麻豆免费人成网站| 免费视频一区二区| 26uuu国产日韩综合| av电影在线观看完整版一区二区| 亚洲免费观看高清完整版在线观看熊| 欧美在线视频全部完| 青青草成人在线观看| 国产欧美一区二区精品婷婷| 91免费视频网| 日韩精品高清不卡| 国产精品欧美久久久久无广告 | 成人精品国产一区二区4080| 亚洲乱码国产乱码精品精可以看| 国产农村妇女毛片精品久久麻豆| 色婷婷综合中文久久一本| 免费在线观看不卡| 中文字幕一区二区在线播放| 欧美优质美女网站| 精品制服美女久久| 国产精品你懂的在线| 色菇凉天天综合网| 国产真实乱子伦精品视频| 亚洲女性喷水在线观看一区| 欧美三级日韩三级国产三级| 国产一区二区三区在线看麻豆| 亚洲色图欧洲色图婷婷| 日韩女优毛片在线| 56国语精品自产拍在线观看| 麻豆精品新av中文字幕| 制服.丝袜.亚洲.另类.中文| 奇米综合一区二区三区精品视频| 久久久影视传媒| 国产精品视频观看| 91在线观看污| 91黄色激情网站| 成人欧美一区二区三区黑人麻豆| 欧美视频中文一区二区三区在线观看 | 国产成人免费视频一区| 99视频精品在线| 国产呦萝稀缺另类资源| 97久久超碰精品国产| 伊人性伊人情综合网| 国产69精品久久久久777| 欧美日韩大陆在线| 亚洲色图在线看| 精品国产百合女同互慰| 成人性生交大片免费 | 日本亚洲视频在线| 99视频精品免费视频| 精品国产sm最大网站免费看| 成人av在线网站| 久久综合久色欧美综合狠狠| 亚洲国产综合在线| 成人高清伦理免费影院在线观看| 全国精品久久少妇| 中文av一区特黄| 久久国内精品自在自线400部| 99久久er热在这里只有精品66| 91精品国产麻豆| 欧美久久一二区| www.日韩大片| 欧美国产一区二区| 激情五月激情综合网| 91精品国产色综合久久不卡电影| 国产精品1区2区3区在线观看| 欧美一级片在线看| 日韩成人一级片| 欧美一区二区三区四区五区| 日韩一区二区影院| 天天免费综合色| 欧美日韩在线不卡| 亚洲第一久久影院| 美女诱惑一区二区| 国产精品狼人久久影院观看方式| 韩国成人在线视频| 欧美一区二区三区影视| 奇米精品一区二区三区四区| 最新久久zyz资源站| 9人人澡人人爽人人精品| 国产精品久线在线观看| 国产福利一区二区三区| 日本精品一区二区三区高清 | 成人精品视频网站| 美女任你摸久久 | 欧美色大人视频| 亚洲成在线观看| 日韩欧美专区在线| 欧美日韩高清一区二区三区| 麻豆91小视频| 国产欧美精品一区| av午夜精品一区二区三区| 国产酒店精品激情| 国产农村妇女毛片精品久久麻豆| 亚洲亚洲人成综合网络| 欧美视频三区在线播放| 久久嫩草精品久久久精品 | 7777精品伊人久久久大香线蕉经典版下载 | 日韩精品免费视频人成| 国产调教视频一区|