精品欧美一区二区三区在线观看 _久久久久国色av免费观看性色_国产精品久久在线观看_亚洲第一综合网站_91精品又粗又猛又爽_小泽玛利亚一区二区免费_91亚洲精品国偷拍自产在线观看 _久久精品视频在线播放_美女精品久久久_欧美日韩国产成人在线

UI設(shè)計(jì)師必備:Apple設(shè)計(jì)中的黃金分割

移動開發(fā) 移動應(yīng)用
這就是黃金分割律,由公元前六世紀(jì)古希臘數(shù)學(xué)家畢達(dá)哥拉斯所發(fā)現(xiàn),后來古希臘美學(xué)家柏拉圖將此稱為黃金分割。黃金分割對于UI設(shè)計(jì)師非常重要。

 

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

掀開面紗

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

 

這就是黃金分割律,由公元前六世紀(jì)古希臘數(shù)學(xué)家畢達(dá)哥拉斯所發(fā)現(xiàn),后來古希臘美學(xué)家柏拉圖將此稱為黃金分割。黃金分割在未發(fā)現(xiàn)之前,在客觀世界中就存在的,只是當(dāng)人們揭示了這一奧秘之后,才對它有了明確的認(rèn)識。當(dāng)人們根據(jù)這個法則再來觀察自然界時,就驚奇的發(fā)現(xiàn)原來在自然界的許多優(yōu)美的事物中的能看到它,如植物的葉片、花朵,雪花,五角星……許多動物、昆蟲的身體結(jié)構(gòu)中,特別是人體中更是有著豐富的黃金比關(guān)系。

 

植物葉子中黃金分割

 

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

動植物的這些數(shù)學(xué)奇跡并不是偶然的巧合,而是在億萬年的長期進(jìn)化過程中選擇的適應(yīng)自身生長的最佳方案。

走的更近

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

黃金矩形:

 

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

 

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

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

 

《最后的晚餐》中后墻和窗戶,還有前景的桌子和弟子的腳都存在著微妙的關(guān)系

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

古希臘數(shù)學(xué)家畢達(dá)哥拉斯有句名言“凡是美的東西都具有共同的特征,這就是部分與部分以及部分與整體之間的協(xié)調(diào)一致。”

我們結(jié)婚吧,從此蘋果和黃金分割過上了幸福的生活

Apple logo

 

Apple logo蘋果中小葉子的高度和缺口的高度之比是0.6,而缺口的位置也和黃金分割有著千絲萬縷的關(guān)系。也許這里面還有更多黃金分割的密碼,這里就要同學(xué)們自己去發(fā)現(xiàn)咯~

界面中的黃金分割

 

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

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

再看下面幾個例子:

 

Safari中地址欄和搜索欄的比例也是應(yīng)用了黃金分割,合理的分配了空間,既能充分顯示當(dāng)前地址也方便用戶選擇“搜索”。

26鍵鍵盤,這是在手機(jī)中使用率最高的鍵盤,按鍵高度和按鍵占整個行高的比值很接近黃金分割,同時每個按鍵也是小黃金矩形。這里的比值都是和黃金率近似但并不完全相同的,這點(diǎn)也很重要,因?yàn)樵O(shè)計(jì)并不只是美學(xué),還要考慮到用戶觸鍵的準(zhǔn)確率,信息的承載量等諸多因素。

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

網(wǎng)頁中的應(yīng)用

 

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

Id設(shè)計(jì)中的黃金分割

 

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

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

講了這么多,大家會不會有點(diǎn)暈啊。哈哈,知道你不是學(xué)數(shù)學(xué)的,不擅長算數(shù)子。我就替你總結(jié)吧。

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

 

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

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

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

責(zé)任編輯:佚名 來源: 百度MUX
相關(guān)推薦

2010-12-29 10:16:31

Web設(shè)計(jì)

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

設(shè)計(jì)設(shè)計(jì)師

2024-01-09 08:00:00

人工智能工具設(shè)計(jì)師

2011-12-06 16:07:00

網(wǎng)頁設(shè)計(jì)

2013-07-09 09:31:57

設(shè)計(jì)師創(chuàng)業(yè)團(tuán)隊(duì)

2011-08-27 13:28:15

愛普生噴墨打印機(jī)

2009-04-03 09:12:01

Mozillafirefox瀏覽器

2012-06-06 14:29:28

HTML5

2020-04-17 10:51:26

數(shù)據(jù)分析設(shè)計(jì)師數(shù)據(jù)

2012-02-21 09:20:57

素材

2018-11-23 11:22:02

UI柵格設(shè)計(jì)網(wǎng)頁設(shè)計(jì)

2012-06-18 13:16:40

華為

2012-07-20 15:54:39

UI設(shè)計(jì)應(yīng)用設(shè)計(jì)

2012-07-19 14:19:59

UI設(shè)計(jì)包容性設(shè)計(jì)

2016-06-23 07:22:25

Web設(shè)計(jì)師模型工具

2011-02-18 11:22:01

2012-04-04 22:10:14

UI
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號

夜夜精品视频| 超碰在线无需免费| 丝袜诱惑制服诱惑色一区在线观看| 国产一区美女在线| 久久九九免费视频| 亚洲色图欧美日韩| 九九久久国产| 午夜电影网亚洲视频| 日韩欧美精品久久| 动漫av一区二区三区| 天堂蜜桃一区二区三区| 美女av一区二区| 黄瓜视频污在线观看| 亚洲精品aaa| 午夜精品福利一区二区三区av | 国产精品国产自产拍高清av王其| 91观看网站| 国产黄色免费视频| 亚洲视频综合| 最近中文字幕2019免费| 国产精品九九视频| 免费一区二区三区在线视频| 色婷婷久久一区二区三区麻豆| 男女爱爱视频网站| 成人在线二区| 91丨九色丨黑人外教| 91亚洲精品久久久| 中文精品久久久久人妻不卡| 精品福利av| 美女福利视频一区| 蜜桃av免费在线观看| 香蕉一区二区| 精品国产91洋老外米糕| 精品亚洲视频在线| 成人精品高清在线视频| 日韩欧中文字幕| 日韩国产一级片| 18videosex性欧美麻豆| 中文字幕精品一区二区精品绿巨人 | 欧美激情第6页| 国产人与禽zoz0性伦| 国产91一区| 日韩大陆欧美高清视频区| 亚洲精品久久久久久| 国产精品一级在线观看| 欧美日韩精品一区二区三区蜜桃| 国产免费一区二区三区视频| 国产伦子伦对白在线播放观看| 樱桃国产成人精品视频| 小说区视频区图片区| 日本电影全部在线观看网站视频| 久久久.com| 日韩久久在线| 韩国中文免费在线视频| 国产网红主播福利一区二区| 欧美精品在线一区| 国内在线精品| 欧美国产日韩精品免费观看| 天堂社区 天堂综合网 天堂资源最新版 | 国产成人精品影视| 成人在线视频网址| 日日夜夜精品免费| 99视频国产精品| 女同一区二区| 国产福利第一视频在线播放| 中文字幕av资源一区| 亚洲欧美国产不卡| av黄色在线| 亚洲一区日韩精品中文字幕| 欧美中日韩在线| av在线加勒比| 欧美视频在线免费| 成年人在线看片| 国产激情欧美| 欧美一区日本一区韩国一区| 2018国产精品| 欧美日本成人| 日韩专区在线播放| 国产精品19乱码一区二区三区| 亚洲巨乳在线| 国产精品免费在线免费| 国产又大又黑又粗| 成人精品一区二区三区四区 | 香蕉av一区二区| 欧美成人免费va影院高清| 免费在线观看黄视频| 亚洲在线黄色| 国产日韩av高清| 日韩中文字幕免费观看| 国产日韩欧美一区二区三区综合| 中文字幕一区二区三区四区五区六区 | 日本久久91av| 国产毛片久久久久| aaa亚洲精品| 在线不卡日本| 午夜久久中文| 欧美一级黄色片| 最新中文字幕视频| 欧美黄在线观看| 国产成人精品综合久久久| 国产一区二区三区成人| 99视频有精品| avove在线观看| 亚洲欧美小说色综合小说一区| 欧美人妖巨大在线| 亚洲永久无码7777kkk| 日韩成人综合| 欧美一区第一页| 精品美女www爽爽爽视频| 久久先锋影音av鲁色资源网| 一本色道久久综合亚洲精品婷婷 | 91精品99| 国产精品久久久久久久久久三级| 超碰在线播放97| 国产精品免费av| 成人三级视频在线播放| 亚洲精品一区二区三区在线| 中文字幕亚洲欧美在线| 亚洲第一在线播放| 成人精品一区二区三区四区| 国产日韩视频在线播放| 玛雅亚洲电影| 亚洲黄色www网站| 九九久久免费视频| 久草精品在线观看| 日韩免费av电影| 中文字幕成在线观看| 精品国产不卡一区二区三区| 裸体武打性艳史| 久久国产三级精品| 亚洲aⅴ天堂av在线电影软件| 澳门成人av网| 精品在线观看国产| 在线观看亚洲欧美| 不卡在线观看av| 国产爆乳无码一区二区麻豆| 999精品嫩草久久久久久99| 国产一区二区三区久久精品| 国产精品第5页| 91欧美一区二区| 麻豆tv在线播放| 成人看片爽爽爽| 欧美日韩电影在线观看| a天堂视频在线| 亚洲欧美一区二区三区极速播放| 国产三级生活片| 久久美女精品| 成人黄色片在线| www.欧美日本韩国| 日韩一区二区视频| 久久久久99精品成人片试看| 国产自产v一区二区三区c| 中文字幕黄色大片| 日韩三级网址| 欧美激情视频播放| 亚洲欧美色视频| 日韩欧美中文字幕在线观看| 男人天堂av电影| 日韩精彩视频在线观看| 亚洲国产欧洲综合997久久| 国产香蕉久久| 欧美成人精品一区二区| 全部免费毛片在线播放一个| 精品久久中文字幕| 亚洲AV无码国产成人久久| 蜜臀av性久久久久蜜臀av麻豆| 亚洲午夜在线观看| 秋霞午夜一区二区三区视频| 欧美黄色免费网站| 欧美日韩视频精品二区| 欧美亚洲一区二区在线| 婷婷久久综合网| 成人一区二区视频| 国产欧美在线一区| 日韩在线中文| 国产精品福利视频| 成人欧美一区二区三区的电影| 在线免费观看羞羞视频一区二区| 99精品人妻无码专区在线视频区| 亚洲观看高清完整版在线观看 | 国产精品福利一区| 精品人妻二区中文字幕| 久久婷婷影院| 400部精品国偷自产在线观看 | 国产麻豆精品久久一二三| 国产免费黄色一级片| 欧美手机视频| 91丨九色丨国产| 中日韩脚交footjobhd| 久久韩国免费视频| 色视频在线看| 91麻豆精品国产无毒不卡在线观看| 久久精品视频国产| 欧美国产日本视频| 中文成人无字幕乱码精品区| 日产国产欧美视频一区精品| 精品一二三四五区| 欧美精品一区二区三区精品| 亚洲最大福利视频网| 成人美女黄网站| 欧美大码xxxx| 北条麻妃在线| 亚洲福利视频专区| 亚洲在线观看av| 五月婷婷综合网| 欧美人禽zoz0强交| 国产偷v国产偷v亚洲高清| 久久久久久久久久影视| 久久精品国产一区二区| 久在线观看视频| 欧美日韩免费观看一区=区三区| 日本在线成人一区二区| 麻豆一区二区| 亚洲a一级视频| 成人自拍视频网| 5566日本婷婷色中文字幕97| av免费在线观| 久久久精品美女| 99中文字幕一区| 亚洲精品视频二区| 色婷婷中文字幕| 欧美一级理论性理论a| 亚洲一级在线播放| 在线欧美小视频| 黄色一级片免费在线观看| 亚洲综合清纯丝袜自拍| 男人操女人的视频网站| 综合婷婷亚洲小说| 欧美精品日韩在线| 国产视频一区在线播放| 美国黄色a级片| 91丨porny丨首页| 少妇精品无码一区二区三区| 国产999精品久久| 日本wwwxx| 国产一区二区久久| 91性高潮久久久久久久| 久久精品99国产精品| 色91精品久久久久久久久| 日本强好片久久久久久aaa| 日本成人中文字幕在线| 久久精品麻豆| 久久九九国产视频| 日韩高清不卡在线| 亚洲性生活网站| 日韩国产成人精品| av在线无限看| 久草精品在线观看| 亚洲制服中文字幕| 国产精品一级二级三级| 在线成人精品视频| 丰满亚洲少妇av| 欧美夫妇交换xxx| 久久综合久久鬼色中文字| 激情综合丁香五月| 久久午夜羞羞影院免费观看| 亚洲码无人客一区二区三区| 亚洲国产精品精华液ab| 一区二区三区影视| 亚洲精品一二三| 日韩黄色a级片| 色综合久久天天| 一区二区的视频| 欧美一区二区精品久久911| www.欧美国产| 亚洲精品小视频| 成人欧美亚洲| 久久99精品久久久久久噜噜| ririsao久久精品一区| 欧美孕妇毛茸茸xxxx| 欧美性xxx| 91中文精品字幕在线视频| 成人动漫视频| 特级西西444www大精品视频| 91精品蜜臀一区二区三区在线| 日韩成人三级视频| 性欧美xxxx大乳国产app| 国产喷水theporn| 丁香五精品蜜臀久久久久99网站| 182在线视频| 国产精品美女久久久久久久久久久| 国产精品视频一区二区三| 精品久久久视频| 亚洲天堂国产精品| 精品噜噜噜噜久久久久久久久试看| 日本福利午夜视频在线| 久久久www成人免费精品| 草美女在线观看| 国产精品揄拍一区二区| 91精品啪在线观看国产手机 | 国产传媒第一页| 一色屋精品亚洲香蕉网站| 国产精品自拍视频一区| 欧美吻胸吃奶大尺度电影| 亚洲春色一区二区三区| 国产一区二区精品丝袜| 成全电影大全在线观看| 国产精品午夜一区二区欲梦| 国产精品毛片久久久| 亚洲精品无人区| 99精品欧美| 色综合五月婷婷| 国产欧美一区视频| 国产一级一片免费播放放a| 欧美主播一区二区三区| 少妇喷水在线观看| 久精品免费视频| 成人一区视频| 久久青青草原一区二区| 国产精品s色| 97超碰成人在线| 久久精品夜色噜噜亚洲aⅴ| 免费在线观看黄色av| 欧美久久久久久久久久| 色噜噜一区二区三区| 最新国产精品拍自在线播放| 成人在线爆射| 精品久久蜜桃| 激情欧美日韩| 视频区 图片区 小说区| 中文一区一区三区高中清不卡| 午夜精品久久久久久久久久久久久蜜桃| 欧美一二三区在线观看| 色开心亚洲综合| 国产精品一二三视频| 国产99久久久国产精品成人免费| 精品国产av无码一区二区三区| 国产一区二区三区在线看麻豆| 国产精品成人在线视频| 色噜噜夜夜夜综合网| 头脑特工队2在线播放| 久久久女女女女999久久| 日韩一区二区三区在线看| 亚洲砖区区免费| 麻豆精品视频在线观看免费| 中文字幕免费高清| 91久久国产综合久久| 欧美成人免费| 热99久久精品| 免费观看久久av| 青青在线视频免费| 欧美激情在线免费观看| 欧美一级做a爰片免费视频| 国产一区二区三区精品久久久| 高清不卡av| 午夜视频久久久| 蜜臀久久久久久久| 九九热视频在线免费观看| 欧美高清你懂得| 中文字幕在线观看网站| 99精品99久久久久久宅男| 国产专区一区| 黑丝av在线播放| 一本久久a久久免费精品不卡| 欧洲毛片在线| 国产精品视频精品视频| 91免费精品| 人妻巨大乳一二三区| 亚洲午夜视频在线| 天堂中文网在线| 国产成人精品免费久久久久| 成人vr资源| 中文字幕55页| 亚洲国产精品久久人人爱蜜臀| 香蕉视频黄在线观看| 国产91精品在线播放| 久久美女视频| 午夜性福利视频| 欧美性xxxx在线播放| 国产有码在线| 91免费精品国偷自产在线| 韩日成人在线| 中文字幕在线看高清电影| 欧美裸体一区二区三区| 色呦呦在线资源| 免费在线观看一区二区| 久久精品国产精品亚洲综合| 男人操女人的视频网站| 精品一区二区三区四区| 小说区图片区亚洲| 国产精品又粗又长| 国产色产综合色产在线视频| 国产精品色综合| 国产91成人video| 99久久国产综合精品成人影院| 国产精品偷伦视频免费观看了| 欧美日韩精品国产| 日韩理伦片在线| 国产精品一区二区三区免费观看 | 96pao国产成视频永久免费| 一区二区91| www中文在线| 日韩成人黄色av| 91精品麻豆| 国产a级一级片| 一区二区视频免费在线观看| 欧洲成人av| 国产精品大全| 奇米777欧美一区二区| 国产午夜精品无码一区二区|