黃金比例應(yīng)用在平面布局各個(gè)領(lǐng)域中,特別是能夠平衡文本內(nèi)容的權(quán)重。 它可以幫助設(shè)計(jì)者創(chuàng)建層次結(jié)構(gòu)以及吸引用戶對(duì)特定區(qū)域的關(guān)注。 看看下面網(wǎng)站的例子,看看設(shè)計(jì)師們是如何利用它的! 黃金比例是什么? 黃金比例是一個(gè)數(shù)學(xué)比率,通常在自然界中都能發(fā)現(xiàn)它的,并結(jié)合古典設(shè)計(jì)理論建立平衡的構(gòu)圖。
它大約等于1.6180,也被稱為“中庸之道”、“黃金分割”, 通常用希臘字母Ф表示這個(gè)值。 “黃金矩形”是指一個(gè)長(zhǎng)方形的寬度是它高度的1.6180倍。 例如,一個(gè)劃分為300 px的一側(cè), 則另一側(cè)為300 * 1.6180≈485 px可以稱之為黃金矩形。如果你從這個(gè)黃金矩形切分一個(gè)完美的矩形,留給你的會(huì)是另一個(gè)黃金矩形:
你可以更小的矩形繼續(xù)做同樣的動(dòng)作,然后再繼續(xù)切分下去,無(wú)限循環(huán),你會(huì)得到這個(gè)熟悉的圖像:
斐波那契序列類(lèi)似于黃金比例,但并非完全如此。 這是一個(gè)系列的數(shù)字,序列中的下一個(gè)數(shù)字是前兩個(gè)的總和。 例如: 0,1,1,2,3,5,8,13,21,34,55,89,144,233,377…這個(gè)規(guī)則公式是xn = xn-1 + xn-2. 假設(shè)我們先從一個(gè)正方形開(kāi)始,然后添加另一個(gè),會(huì)得到一個(gè)我們所需的矩形。然后我們?cè)偬砑恿硪粋€(gè)等于最長(zhǎng)的長(zhǎng)度總數(shù)的矩形,然后一次又一次的
這可以無(wú)限期延續(xù)下去,會(huì)得出同樣的黃金矩形效果,但這次是新建而不是切分。 黃金比例和斐波那契序列都能讓我們做出吸引人的比例。 現(xiàn)在讓
達(dá)州網(wǎng)站設(shè)計(jì)來(lái)分析一些網(wǎng)站,在這些網(wǎng)站中我們可以看到他們的用法。這里的例子鼓勵(lì)你平移網(wǎng)站和探討其內(nèi)水平容,在網(wǎng)格視圖里和不同尺寸的塊形狀使內(nèi)容更直觀有趣。因?yàn)橛脩艉芸赡苁怯^看在屏幕上的內(nèi)容(以及平板上),在橫軸的導(dǎo)航上也有分頁(yè)號(hào)碼。這是查看每段內(nèi)容的一種新穎的方法,而且以用戶界面作為一個(gè)整體。 結(jié)論 黃金比例自然會(huì)吸引用戶的眼睛到頁(yè)面上某個(gè)特定的點(diǎn)。 作為一個(gè)概念,它可以幫助你思考內(nèi)容的布局以及有效利用層次結(jié)構(gòu),組合布局,排版,色彩和總體原則,將有助于將你的設(shè)計(jì)水平提升到一個(gè)新的階段。