讓您的網(wǎng)頁設(shè)計更加有黃金比例

2014-05-30    分類: 網(wǎng)站建設(shè)

網(wǎng)頁設(shè)計中黃金比例是各類平面布局內(nèi)使用,尤其是平衡的內(nèi)容是文本重。 它可以幫助設(shè)計人員創(chuàng)建的層次結(jié)構(gòu)和吸引用戶的眼睛特定區(qū)域。 看看下面的網(wǎng)站例子,看看設(shè)計師們利用它!

什么是黃金比例?

黃金比率是一個數(shù)學(xué)比例,在自然界中普遍存在,并在經(jīng)典的設(shè)計理論用于創(chuàng)建平衡的成分。 這大致等于1.6180,也被稱為“中庸”,“黃金分割”,并用希臘字母披“φ”簡稱。

“黃金矩形”是長度為1.6180倍寬的長方形。 例如,一div ,其具有300px的一側(cè)和另一300 * 1.6180≈485px可以說是一個黃金矩形。


如果從這個黃金矩形砍掉一個好的正方形,你會留下另一個黃金矩形。

讓您的網(wǎng)頁設(shè)計更加有黃金比例

如果從這個黃金矩形砍掉一個好的正方形,你會留下另一個黃金矩形

讓您的網(wǎng)頁設(shè)計更加有黃金比例

你可以這樣做,以較小的矩形,然后再次以相同,無限期,給你這個熟悉的形象:

讓您的網(wǎng)頁設(shè)計更加有黃金比例

如果我們從一個好的正方形,然后給它添加另一個我們得到了一個矩形:
保持沿長度最長加廣場
然后,我們添加其他方,等于總形狀的最長長度:

讓您的網(wǎng)頁設(shè)計更加有黃金比例

讓我們現(xiàn)在就來分析幾個網(wǎng)站,我們可以看到他們在行動。


示例1:YStudio

讓您的網(wǎng)頁設(shè)計更加有黃金比例

它是如何使用的中庸之道
該網(wǎng)站在這里使用了中庸兩三個頁面。 主頁是關(guān)鍵件工作的概念性概述。 但是,當(dāng)您訪問工作室網(wǎng)頁它,你向下滾動頁面混合一點與中庸矩形的傳統(tǒng)的網(wǎng)絡(luò)布局。

為什么它的有效
想要脫穎而出,在人群中? Yourlocalstudio(YLS)這樣做,是通過利用黃金比例在他們的網(wǎng)站設(shè)計。 該設(shè)計采用了漸進(jìn)式的外觀有一定的網(wǎng)格系統(tǒng)。 你可以說,這些天娥verything看起來像引導(dǎo) ..留意了越來越多的網(wǎng)站希望吸引注意力以更加結(jié)構(gòu)動態(tài)布局。

結(jié)論

黃金比例自然導(dǎo)致用戶的眼睛的特定點內(nèi)的用戶界面。 作為一個概念,它可以幫助你思考的內(nèi)容布局和有效利用層次結(jié)構(gòu)。 布局,排版,色彩和首要原則的結(jié)合,將有助于把你的設(shè)計到一個新的水平。

網(wǎng)頁名稱:讓您的網(wǎng)頁設(shè)計更加有黃金比例
分享URL:http://www.muchs.cn/news46/19996.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、ChatGPT、用戶體驗、網(wǎng)站設(shè)計、網(wǎng)站收錄移動網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)