黃金分割的金蘋果- Apple設計中的黃金分割

2021-01-07 中文業界資訊站
感謝雷鋒網的投遞本文來源百度MUX,自黃金分割理論提出以來,被應用到了無數的工業設計、平面設計層面,此文將以蘋果的設計實例做個拋磚,看看0.618是怎樣嵌合到我們日常生活中的:

你研究或者不研究,美就在那裡,不偏不移;你發現或者不發現,黃金分割就在那裡,不多不少。了解他,發現美,也給自己增加精彩,好作品不會沒有依據。

掀開面紗

0.618或者1.618,這個數字是否覺得似曾相識。這其實是一個數學比例關係(說到數學,不要先著急暈哦,知道咱們做設計得對計算都不敏感,呵呵),即把一條線段分為兩部分,此時短段與長段之比恰恰等於長段與整條線之比,其數值比為1:1.618或0.618:1。

這就是黃金分割律,由公元前六世紀古希臘數學家畢達哥拉斯所發現,後來古希臘美學家柏拉圖將此稱為黃金分割。黃金分割在未發現之前,在客觀世界中就存在的,只是當人們揭示了這一奧秘之後,才對它有了明確的認識。當人們根據這個法則再來觀察自然界時,就驚奇的發現原來在自然界的許多優美的事物中的能看到它,如植物的葉片、花朵,雪花,五角星……許多動物、昆蟲的身體結構中,特別是人體中更是有著豐富的黃金比關係。

植物葉子中黃金分割

鸚鵡螺曲線的每個半徑和後一個的比都是黃金比例,是自然界最美的鬼斧神工。

動植物的這些數學奇蹟並不是偶然的巧合,而是在億萬年的長期進化過程中選擇的適應自身生長的最佳方案。


走的更近

黃金分割律作為一種重要形式美法則,成為世代相傳的審美經典規律,至今不衰!這裡我要再向你推薦一個美學利器——黃金矩形(Golden Rectangle)。它的的長寬之比為黃金分割率0.618,並且可以不斷以這種比例分割下去。

黃金矩形:

黃金分割率和黃金矩形能夠給畫面帶來美感,令人愉悅。在很多藝術品以及建築中都能找到它。埃及的金字塔,希臘雅典的巴特農神廟,印度的泰姬陵,這些偉大傑作都有黃金分割的影子。

泰姬陵的多出布局都能看出黃金分割

達•芬奇的《蒙娜麗莎》中蒙娜麗莎的臉也符合黃金矩形(介個網上很多圖此處不多說了,呵呵),《最後的晚餐》同樣也應用了該比例布局。

《最後的晚餐》中後牆和窗戶,還有前景的桌子和弟子的腳都存在著微妙的關係

為什麼人們對這樣的比例,會本能地感到美的存在?其實這與人類的演化和人體正常發育密切相關。據研究,從猿到人的進化過程中,骨骼方面以頭骨和腿骨變化最大,軀體外形由於近似黃金而矩形變化最小,人體結構中有許多比例關係接近0.618,從而使人體美在幾十萬年的歷史積澱中固定下來。人類最熟悉自己,勢必將人體美作為最高的審美標準,由物及人,由人及物,推而廣之,凡是與人體相似的物體就喜歡它,就覺得美。

古希臘數學家畢達哥拉斯有句名言「凡是美的東西都具有共同的特徵,這就是部分與部分以及部分與整體之間的協調一致。」


我們結婚吧,從此蘋果和黃金分割過上了幸福的生活 Apple logo

Apple logo蘋果中小葉子的高度和缺口的高度之比是0.6,而缺口的位置也和黃金分割有著千絲萬縷的關係。也許這裡面還有更多黃金分割的密碼,這裡就要同學們自己去發現咯~

界面中的黃金分割

以iphone4為例,主界面的圖標大小是114PX*114PX,它與圖標和行距的總和(176PX)之比大約為0.6,而屏幕解析度的長寬比640/960也很接近黃金分割數0.618.

簡訊頁面,信息塊寬度所佔整個屏幕的比例也是和黃金比例很接近的。再看撥號盤,就是一個個小黃金矩形的集合。是不是當我們不知道如何分配頁面中各個元素比例的時候,這是一個很可以考慮的因素呢。

再看下面幾個例子:

Safari中地址欄和搜索欄的比例也是應用了黃金分割,合理的分配了空間,既能充分顯示當前地址也方便用戶選擇「搜索」。

26鍵鍵盤,這是在手機中使用率最高的鍵盤,按鍵高度和按鍵佔整個行高的比值很接近黃金分割,同時每個按鍵也是小黃金矩形。這裡的比值都是和黃金率近似但並不完全相同的,這點也很重要,因為設計並不只是美學,還要考慮到用戶觸鍵的準確率,信息的承載量等諸多因素。

色彩對比上也可以應用黃金比例,如明度的對比,鍵盤裡同一高度上深色按鍵和淺色按鍵的明度之比在接近黃金風格的時候是很容易辨識和區分按鍵功能,同時還不會覺得過於搶眼。

網頁中的應用

這是apple官網首頁的截屏,他不像很多網站使用黃金分割處理左右分欄,而是充分的使用了黃金矩形,合理的排布了版面,又彰顯了大氣的風格。

Id設計中的黃金分割

如今寬屏顯示已經是主流趨勢,16:9,16:10這種比例都是比較接近黃金分割的,他們被充分應用的產品的設計上。經典的Apple Mac book pro也是使用了16:10這種及其接近黃金比的屏幕設計。


他們很幸福,我們怎麼辦?

講了這麼多,大家會不會有點暈啊。哈哈,知道你不是學數學的,不擅長算數子。我就替你總結吧。

Apple的設計中到處都有黃金分割的影子(估計還有好多被辦公室的明亮燈光照的不太容易發現,你來發現吧),是不是由此可以得出在不用考慮其他一些必要因素的時候,可以用黃金分割比來排布那些你不知該如何排布的頁面的元素。比如表格的設計,網頁的分欄,需要有側重點的界面內的兩部分。

使用了黃金分割布局的banner,文字和圖片的比例關係合理,在最大程度的凸顯文字的基礎上配圖也不會失去光彩。

額,沒有好好應用黃金比例,杯具了~~~~

同時,這裡還有一點很重要,就是上面的說的其他因素,這就要巧妙的應用,全局思考,才能做出真正的「黃金」作品出來,而不能僅僅是一個應用了黃金比率卻不滿意的失敗作品。

在實際運用過程中切忌一味的照搬,如果使用了黃金分割比,整體效果反而不好,這就要求我們在實際的創作過程中,不斷的積累經驗,做到應用自如,應儘量的以多種多樣的形式進行創作,不應該讓這些本來對我們創作有益的規律成了拘束創作的阻礙。

相關焦點

  • 黃金分割在界面設計中的應用
    一、至高無上的黃金分割比例這種東西是很神奇的事情,你了解的越多越會絕的這是一個不可思議的事情,甚至有人稱之為上帝的密碼。那黃金分割線到底是個什麼東西呢?它在什麼位置?它在畫面中的什麼地方?有一條線條,如果我們從中切一段,如果左邊是0.618這麼一個比列,右邊是1這麼一個比例。
  • Web設計中的黃金分割
    當我第一次開始設計的時候,我確信如此。數學如此刻板乏味。你可能會驚訝的發現,最美觀的設計,藝術作品,物體,甚至人都有數學上的共同點。尤其是黃金分割,也被稱為神之比例,希臘字母表示其為 Φ (phi). 本教程會剖析一個網站的布局,以及如何對其黃金分割網頁骨架這些是web頁面的主要元素。
  • 設計構圖中的黃金分割!最佳的美感
    文/劉聰 設計構圖始終離不開黃金分割、趣味點等字眼。所謂黃金分割也可成為黃金比、黃金率、黃金數值等,是百年來藝術領域最基本的構圖原理之一。在日常的生活中,這種比例的構成也隨處可見,例如:報紙、書籍、門窗、桌椅、相紙以及3R、5R彩色擴印片等。毫不誇張地說,在我們的生活中處處都有黃金分割的存在。黃金分割在構圖的作用,在畫面構圖、畫幅比例的表現只是其一,更重要的是畫面內部的構圖,例如:畫面的分割、以及主體位置等,一般情況下黃金分割都是多方面的運用於設計構圖中。
  • 黃金分割的人體美學運用,黃金分割下的標準美人
    科學家經過研究發現,莫扎特的所有鋼琴奏鳴曲中,有94%的奏鳴曲是符合黃金分割比例的。舉個例子,如《D大調奏鳴曲》中第一樂章全長160小節,其中再現部位就位於第99小節,巧的很,就恰好落在了黃金分割點上(99/160≈0.618)。同樣的還有著名鋼琴家蕭邦,他的《降D大調夜曲》是三部性曲式,全曲不計前奏一共76小節,全曲的高潮恰恰出現在第46小節,也恰好是落在了黃金分割的位置。
  • 黃金分割率的騙局
    美國史丹福大學數學教授基思·德弗林認為:「嚴格地說,黃金分割不可能存在於現實世界中,因為它是一個無理數,你可以用更接近標準方面比率,比如電腦的3:2顯示器或者是16:9的高畫質電視顯示器。但是黃金分割就像圓周率一樣,在現實中不可能嚴格應用,總是會有差別的。」德弗林說,黃金分割與美學的關係主要來自兩個人,其中一個是被錯誤引用,另外一個就是出來忽悠人的。
  • 黃金分割技術的判斷技巧 黃金分割不為人知的用法
    簡述黃金分割:黃金分割有多種來源說法,最常見的就是兔子的衍生規律,黃金分割又稱費氏數列,通過前值與後值的比率得出黃金分割數值。黃金分割的常規數值:0.191 0.382 0.50 0.618 0.809 1.00黃金分割的拓展數值:1.382 1.618 1.809 2.00 2.382 2.618 3.618 等黃金分割的用法一:壓力支撐判斷:1.壓力判斷:需要一個低點一個高點 通過低點到高點畫線判斷市場的壓力位置。
  • 美學設計趣味中心:黃金分割及九宮格(圖)
    了解下以下名詞:九宮格、趣味中心、黃金分割。 什麼是構圖:構圖一詞是英語COMPOSITION的譯音,為造型藝術的術語。在《辭海》中,談到「構圖」為藝術家為了表現作品的主題思想和美感效果,在一定的空間,安排和處理人、物的關係和位置,把個別或局部的形象組成藝術的整體。在中國傳統繪畫中稱為「章法」或「布局」。
  • 神秘而美麗的黃金分割
    如下圖中以C為分割點,整條線段分割成滿足這個比例的兩條線段: 這個「黃金分割」非常神奇,藝術家和數學家都對它「情有獨鍾」!在各個領域只要是「美"之所在,定用它之!且來看看其之經典妙用吧!
  • [趣味數學]"黃金分割"小趣
    黃金分割又稱為 「黃金律」, 它是由古西臘雅典學派的歐道克薩斯首先提出並推廣的, 距今已有兩千多年的歷史.  所謂黃金分割, 指的是把長度為L的線段分為兩部分, 使其中一部分(X)對於全部(L)的比, 等於另一部分(L – X)對於該部分(L)之比.
  • 外匯交易中的黃金分割理論是什麼?黃金分割律最基本的公式
    外匯交易中的黃金分割理論是什麼?黃金分割律最基本的公式  外匯保證金的風險性就要求投資者尋求一種勝算更高的方式來獲得最好的收益,黃金分割理論就是可以拿來參照的一種有效方式。
  • 攝影中黃金分割比例是什麼?
    黃金分割比例是在構建圖紙,繪畫,建築結構,圖像(包括照片)的幾何比例的基礎。知道黃金分割比例的規則後,攝影師可以正確構圖,從中可以變得更自然,更容易被人眼察覺。在很久前,黃金分割比例被稱為「黃金比例」。
  • 自然界中普遍存在黃金分割,它能表明宇宙是被設計的嗎?
    黃金分割或稱黃金比例在自然界中普遍存在,而且人類對此也很青睞。那麼,這個特殊的比值是怎麼來的呢?黃金分割的由來考慮一條長度為a+b的線段,其中a>b,黃金比例φ被定義為b/a,並且滿足如下的關係:根據上式,可以解出黃金比例為:可以看到,黃金比例也是一個無理數,就像圓周率那樣,小數位後面是無限且不循環的。
  • 黃金分割,看藝術品構圖
    數學中的黃金分割線我們來配圖看一看John BrownLee原文的大致觀點描述——在繪畫,建築和設計圈子裡,黃金比例的概念極負盛譽。歷史上的巨匠們,例如勒·柯布西耶和薩爾瓦多·達利都曾在他們的作品中使用過這個數字。還有傳言說諸如帕特農神廟、埃及金字塔、米開朗琪羅的畫作、蒙娜麗莎,甚至連蘋果的logo都使用了 「黃金比例」。
  • 神奇的黃金分割法
    二、注意事項 實際操作中還需注意:1、黃金分割線中最重要的兩條線為0.382、0.618,在回調中0.382為弱勢回調、0.618為強勢回調,在反彈中0.618為強勢反彈位、0.382為弱勢反彈位。 三、期貨交易中黃金分割線的應用
  • 趣談黃金分割(一)
    0.618這個其妙的數字有著千絲萬縷聯繫,那麼而0.618這個神奇的數字就是「黃金分割數」.    首次將這種比例冠以「黃金」美稱的是達·文西.在「現代會計之父」帕喬利(L.Pacioli)的《神奇的比例》一書中,達·文西作了插圖,還對各種圖形中的黃金分割數作了精彩的描述.比如,將3個黃金矩形對稱地互相交叉,每個都與另外兩個垂直
  • 如何掌握黃金分割構圖法
    黃金分割構圖法的基本理論來自於黃金比例——1:1.618,這個比例在我們生活的大自然中比比皆是。黃金比率主要用意在表達「和諧」,例如建築、繪畫、投資市場、服裝設計等等領域。而在攝影中引入黃金分割比例則可以讓照片感覺更自然、舒適,更能吸引觀賞者。來看看吧!
  • 黃金分割率理論
    而0.618,1.618就叫做黃金分割率(Golden Section).  2。黃金分割率的特點黃金分割率的最基本公式,是將1分割為0.618和0.382,它們有如下一些特點:  (1)數列中任一數字都是由前兩個數字之和構成。
  • 人體結構與黃金分割
    人體結構與黃金分割   達·文西廣泛研究了人類身體的各種比例.下面一張圖畫的是他對人體的詳細研究.而且圖中標明了黃金分割的應用.這是一張他為數學家L·帕西歐裡的書《神奇的比例》所作的圖解該書出版於1509年.
  • 構圖的經典定律: 黃金分割
    我們在攝影創作中經常會聽到「黃金分割法」或是「黃金分割比例」這樣的名詞,究竟什麼是「黃金分割」呢?
  • 構圖的經典定律:黃金分割
    我們在攝影創作中經常會聽到「黃金分割法」或是「黃金分割比例」這樣的名詞,究竟什麼是「黃金分割」呢?