黃金分割線在網(wǎng)站設(shè)計中的應(yīng)用

新聞 2023-06-02編輯：深圳網(wǎng)站建設(shè)閱讀（）標(biāo)簽： 網(wǎng)站設(shè)計 分割線

深圳網(wǎng)站建設(shè)公司 幫助企業(yè)提升網(wǎng)站形象,彰顯公司實力,PC+手機+微信+小程序
【模板網(wǎng)站的價格】國際域名+阿里1G空間+備案 一條龍服務(wù)
【定制網(wǎng)站的功能】SEO精準(zhǔn)營銷系統(tǒng)+城市分站+W3C標(biāo)準(zhǔn)
【營銷網(wǎng)站的效果】重長尾，重優(yōu)化，提權(quán)重，擴收錄，提排名
【量身訂制的設(shè)計】據(jù)據(jù)需求量身定制。設(shè)計到滿意為止
【專屬VIP的服務(wù)】24RX365 為您提供1對1的專屬VIP服務(wù)

　　黃金比例是一種隨處可見的自然比例。從花朵到貝殼，從我們的手指到星系，這個數(shù)學(xué)比例使所有的形式在視覺上看起來平衡而令人滿意。在網(wǎng)站設(shè)計中，這一比例，也被多處所應(yīng)用。

　　黃金比例是多少?

　　黃金比例也別稱之為黃金分割、黃金平均、神圣的比例等等。作為一個數(shù)字，黃金比例大約是1.618，作為一種視覺表現(xiàn)，這一數(shù)字可以用來創(chuàng)建一系列矩形。

　　在設(shè)計中，黃金比例創(chuàng)造了一個平衡的有機組成。

　　假設(shè)您需要從創(chuàng)建一條線開始設(shè)計。接下來，你復(fù)制它并把它分成兩部分，得到兩個形狀a)第一行，b)第二行。

　　現(xiàn)在如果你用a)除以b)你會看到它等于1.618，它也等于a) + b)除以a)。

　　設(shè)計師如果知道了這一比例，可以將其應(yīng)用到LOGO制作、圖標(biāo)設(shè)計、排版、布局等等方面。下面，我們就來看看，設(shè)計師會將這一比例應(yīng)用于網(wǎng)站設(shè)計的哪些方面?

　　黃金比例在企業(yè)網(wǎng)站LOGO設(shè)計中的應(yīng)用

　　通常來說，企業(yè)網(wǎng)站的LOGO有這樣幾部分組成，圖標(biāo)、企業(yè)簡稱、口號或者英文簡稱。如果幾個不同部分占據(jù)的面積符合黃金分割，則會看起來更為平衡和協(xié)調(diào)。如下圖，這是幾個部分面積的黃金分割，可供設(shè)計者參考。

　　黃金比例在網(wǎng)站文字大小上的應(yīng)用

　　如果你不確定網(wǎng)站內(nèi)文章標(biāo)題和正文字體大小如何確定，可以參考黃金比例。

　　文章標(biāo)題單個字體的大小是正文字體大小的黃金比例。相應(yīng)地，文章的注釋和其它說明，也可以是正文內(nèi)容字體的黃金分割。

　　這一點同樣適用于網(wǎng)站圖片中文案的設(shè)計，圖片上文案主語是副標(biāo)題的黃金分割。

　　黃金比例在網(wǎng)站排版方面的應(yīng)用

　　網(wǎng)站排版一般都是按照幾何圖形進(jìn)行排版，例如矩形排版、圓形排版、橢圓形排版等等。

　　對于一個圖形，例如矩形，長寬的比例，可以采用黃金分割;

　　對于不同的圖形，不同圖形的面積可以考慮黃金分割。

　　另外，如果是分層圖形，也可以考慮黃金分割。

　　黃金比例在網(wǎng)站布局上的應(yīng)用

　　如果網(wǎng)站采用三欄式布局，中間欄與側(cè)邊欄也是可以考慮黃金分割。中間欄的寬度與側(cè)邊欄寬度，可以是黃金分割。

　　即便是采用信息流布局，同樣也可以考慮黃金分割。

　　黃金比例在網(wǎng)站圖文上的應(yīng)用

　　我們還發(fā)現(xiàn)這樣一個規(guī)律，在網(wǎng)站圖文并茂的頁面，文字占用的面積與圖片占用面積的比例，如果符合黃金分割，這會讓整個視覺更為舒服。當(dāng)然，在移動頁面，這一視覺規(guī)律也是適用的。

　　另外，黃金分割還適用于單張圖片中，不同元素的占用面積;還適用于不同滾動的速率之比等等?？傊?，網(wǎng)站設(shè)計師可以在“黃金比例”上繼續(xù)進(jìn)行探索。

• 上一章：網(wǎng)頁平面對稱構(gòu)圖設(shè)計
• 下一章：在報紙設(shè)計中的排版技巧哪些可以運用到...