<label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>

    將想法與焦點(diǎn)和您一起共享

    如何把黃金分割應(yīng)用到網(wǎng)站建設(shè)中去發(fā)布者:本站     時(shí)間:2021-02-16 11:02:08

    “黃金比例”在自然界和我們周圍的很多事物中是很常見的。你可以在花朵、蜂箱、貝殼,甚至我們的身體中發(fā)現(xiàn)黃金比例的存在。

    理解設(shè)計(jì)的黃金比例

    黃金比例(黃金分割)可以適用于各種藝術(shù)和規(guī)則??茖W(xué)家聲稱越是接近黃金比例的物體,越能使人感覺興奮和愉快。

    自從黃金比例被發(fā)現(xiàn)以來,許多藝術(shù)家和建筑師們把它應(yīng)用到自己的作品中。你可以在一些文藝復(fù)興時(shí)期的杰作如建筑、繪畫等作品中找到黃金比例。

    沒有人真正知道為什么黃金比例在視覺上能使我們感覺愉快。大多數(shù)人認(rèn)為,似乎是因?yàn)樗鼰o處不在,就像是一個(gè)萬能的東西用在哪里都合適,換句話說,它正好使我們的大腦產(chǎn)生舒服的感覺。

    那么,什么是黃金比例?

    黃金比例在希臘被稱為“Phi”,是一種數(shù)學(xué)常數(shù)。它可以通過公式A / B = A + B / A = 1.618033987,其中A大于B。

    黃金螺旋是使用黃金矩形創(chuàng)建的。如上圖所示的圖像中,通過構(gòu)建多個(gè)嵌套黃金矩形。

    例如向日葵,其他種子圍繞一個(gè)種子從中心延伸并向外生長,這些通常是形成螺旋狀類似于黃金螺旋的圖案。

    在藝術(shù)與建筑應(yīng)用:

    希臘的帕特農(nóng)神廟利用黃金比例建成。其高度、寬度、柱子的距離、以及門廊的大小尺寸關(guān)系都被認(rèn)為是相對于黃金比例的。這可能就是為什么自古以來它被成為最完美和諧的建筑的原因。

    萊昂納多·達(dá)芬奇也是黃金比例的粉絲。他的作品蒙娜麗莎所產(chǎn)生的奇妙美感可能就是因?yàn)樗哪樅蜕眢w遵循黃金比例,在本質(zhì)上與真正的人的面孔比例相同。此外,萊昂納多·達(dá)芬奇在最后的晚餐中安排人物的位置也是在使用黃金比例的方式。

    黃金比例應(yīng)用在標(biāo)志設(shè)計(jì):

    現(xiàn)在,讓我們把重點(diǎn)放在如何能夠把黃金比例應(yīng)用在標(biāo)志設(shè)計(jì)中。首先,我們分析一些世界上著名的品牌LOGO已經(jīng)使用黃金比例的案例,以完善自己的LOGO設(shè)計(jì)。

    很顯然,蘋果已經(jīng)用黃金比例切出了蘋果標(biāo)志的形狀。結(jié)果顯然是一個(gè)完美的更具視覺美感的標(biāo)志設(shè)計(jì)。

    豐田的標(biāo)識遵循a和b比率以形成勾畫出三個(gè)環(huán)的網(wǎng)格。請注意這個(gè)標(biāo)志使用的是矩形,而不是用圓圈打造黃金比例。

    百事標(biāo)志由兩個(gè)相交的圓組成,其直徑大小也是遵循黃金比例的。

    除了豐田和蘋果,還有其他幾家公司的標(biāo)識如BP、iCloud、Twitter和了Grupo Boticario等都被認(rèn)為已經(jīng)采取了黃金比例在LOGO設(shè)計(jì)中。

    那么我們?nèi)绾伟阉鼞?yīng)用在網(wǎng)頁設(shè)計(jì)中呢

    如果你是一個(gè)有經(jīng)驗(yàn)的網(wǎng)頁設(shè)計(jì)師,你可能已經(jīng)猜到了哪里可以應(yīng)用以及如何應(yīng)用。是的,我們能有效利用黃金比例到我們的網(wǎng)頁用戶界面的布局中。

    1、黃金矩形(Golden Rectangle)

    在網(wǎng)頁設(shè)計(jì)布局時(shí),根據(jù)功能的不同將網(wǎng)頁分成幾個(gè)矩形,這些矩形的大小參照黃金分割比例,這樣就形成了很多黃金矩形。這些矩形可以解決你在網(wǎng)頁設(shè)計(jì)布局中碰到的大部分困惑,比如你可以通過這些黃金矩形來決定flash或者圖像該放在首頁的什么地方,也可以決定側(cè)邊欄、網(wǎng)站底部內(nèi)容的位置。一些電子商務(wù)網(wǎng)站在設(shè)計(jì)產(chǎn)品的展示時(shí)尤其可以參考一下黃金矩形。

    2、更簡單的方法“三分法”:

    就像前面說過的一樣,在設(shè)計(jì)網(wǎng)頁時(shí),不應(yīng)該完全拘泥于某個(gè)設(shè)計(jì)理論,網(wǎng)頁設(shè)計(jì)不需要完全遵循1.618這個(gè)數(shù)值。三分法是運(yùn)用黃金分割的一個(gè)簡單實(shí)用的方法。

    三分法是用兩條水平線和垂直線將構(gòu)圖在水平和垂直方向上三等分。這四條線交叉會形成四個(gè)點(diǎn),這四個(gè)點(diǎn)稱之為關(guān)鍵點(diǎn),重要的設(shè)計(jì)元素最好放置在這四個(gè)地方。很多網(wǎng)頁設(shè)計(jì)已經(jīng)在不知不覺中運(yùn)用了三分法,如網(wǎng)站重要的信息(logo、導(dǎo)航欄)會放置在左上角,右上角可能會放置重要性稍微低一點(diǎn)的的內(nèi)容。當(dāng)你在考慮放置標(biāo)題、按鈕和鏈接的位置時(shí),就可以考慮用三分法來做參考了。當(dāng)然,同樣要靈活運(yùn)用,不要“嚴(yán)格遵循”。



    選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過
    1. 優(yōu)秀的網(wǎng)絡(luò)資源,強(qiáng)大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
    2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
    3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
    ------------------------------------------------------------
    24小時(shí)聯(lián)系電話:021-58370032
    關(guān)鍵詞標(biāo)簽:上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)
    99人妻中文字幕视频在,亚洲无码视频在线免费看,久久国产乱子伦免费精品,日本中文字幕色视频网站
    <label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>