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