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

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

什么是黃金比例？

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

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

如果從這個(gè)黃金矩形砍掉一個(gè)好的正方形，你會(huì)留下另一個(gè)黃金矩形。

如果從這個(gè)黃金矩形砍掉一個(gè)好的正方形，你會(huì)留下另一個(gè)黃金矩形

你可以這樣做，以較小的矩形，然后再次以相同，無限期，給你這個(gè)熟悉的形象：

如果我們從一個(gè)好的正方形，然后給它添加另一個(gè)我們得到了一個(gè)矩形：
保持沿長(zhǎng)度最長(zhǎng)加廣場(chǎng)
然后，我們添加其他方，等于總形狀的最長(zhǎng)長(zhǎng)度：

讓我們現(xiàn)在就來分析幾個(gè)網(wǎng)站，我們可以看到他們?cè)谛袆?dòng)。

示例1：YStudio

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

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

結(jié)論

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

當(dāng)前文章：讓您的網(wǎng)頁設(shè)計(jì)更加有黃金比例
轉(zhuǎn)載來于：http://www.bm7419.com/news/19996.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、網(wǎng)站設(shè)計(jì)公司、定制網(wǎng)站、服務(wù)器托管、標(biāo)簽優(yōu)化、面包屑導(dǎo)航

廣告

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