成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

UI設計師必備:Apple設計中的黃金分割

移動開發 移動應用
這就是黃金分割律,由公元前六世紀古希臘數學家畢達哥拉斯所發現,后來古希臘美學家柏拉圖將此稱為黃金分割。黃金分割對于UI設計師非常重要。

 

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

掀開面紗

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,文字和圖片的比例關系合理,在最大程度的凸顯文字的基礎上配圖也不會失去光彩。

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

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

責任編輯:佚名 來源: 百度MUX
相關推薦

2010-12-29 10:16:31

Web設計

2021-08-02 09:16:03

Figma插件UI

2011-12-05 09:18:52

UI

2019-08-05 13:47:18

2012-08-07 09:35:03

設計設計師

2024-01-09 08:00:00

人工智能工具設計師

2011-12-06 16:07:00

網頁設計

2013-07-09 09:31:57

設計師創業團隊

2011-08-27 13:28:15

愛普生噴墨打印機

2009-04-03 09:12:01

Mozillafirefox瀏覽器

2012-06-06 14:29:28

HTML5

2020-04-17 10:51:26

數據分析設計師數據

2012-02-21 09:20:57

素材

2018-11-23 11:22:02

UI柵格設計網頁設計

2012-06-18 13:16:40

華為

2011-02-18 11:22:01

2016-06-23 07:22:25

Web設計師模型工具

2012-07-20 15:54:39

UI設計應用設計

2012-07-19 14:19:59

UI設計包容性設計

2012-04-04 22:10:14

UI
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 不卡一二区 | a级毛片基地 | 国内精品视频在线观看 | zzzwww在线看片免费 | 一区二区三区电影网 | 天堂国产 | 成人精品网 | 日本久草 | 久亚州在线播放 | 欧美综合国产精品久久丁香 | 紧缚调教一区二区三区视频 | 99精品国产一区二区青青牛奶 | 国产成人免费视频 | 亚洲精品福利视频 | 看片国产 | 日韩在线观看一区 | 蜜臀网| 久久久久久国产精品免费免费 | 成人福利网 | 色狠狠一区 | 精品美女久久久 | 亚洲一区视频 | 国产亚洲欧美另类一区二区三区 | 久在草 | 国产中文在线 | 在线一区二区观看 | 盗摄精品av一区二区三区 | 伊人网99| 欧美日韩在线综合 | 国产激情91久久精品导航 | 99久久精品一区二区成人 | 成年人在线观看视频 | 四虎影院在线观看免费视频 | 色视频欧美| 日本精品一区二区三区四区 | 久国久产久精永久网页 | 男女羞羞视频在线观看 | 狠狠爱一区二区三区 | 天天干狠狠操 | 国产精品久久久久久中文字 | 亚洲欧美国产精品一区二区 |