如何將黃金分割運用到UI設計中??

黃金分割又稱黃金比例,是數學上的術語,用來表示兩個元素的比例,它的值大約等於1.618。黃金分割從文藝復興時就開始了。那個時代的藝術家對黃金分割十分推崇,並且廣泛運用在各種設計作品上,數百年來,在建築、雕塑、繪畫等領域都可以看到黃金分割的身影,今天鄭州達內的專業老師同樣可以將它運用在UI設計上。

方法/步驟

【黃金分割的運用】

以一個960px寬度的網頁設計佈局為例,假如我們要將這個網頁分成兩欄,如何才能找到他們的黃金分割點呢?

從上面的數學公式我們知道a+b/a=1.618,960px就相當於a+b的值,所以只要用960/1.618=593,所以593px的位置就是黃金分割點。這樣兩欄的網頁佈局,左邊欄寬度設為593px,右邊欄寬度設為367px(960-593)就可以了。

這個方式同樣適用於一些非固定的彈性的網頁佈局,只要通過同樣的計算公式得到相應數值用相對單位(如百分比)表示即可,這樣的網頁設計是令人感覺最自然的。你也可以進一步將網頁分成3欄、4欄。

當然黃金分割比例只是在設計上的一個指導而已,如果你可以打破這個規則又能保持UI設計頁面的自然平衡也是可以的,作為一個通常的規則,經常把黃金比例用5:3來代替,雖然不是非常精確,但是卻更直觀和方便使用。

【三分法】

就像前面說過的一樣,在設計網頁時,不應該完全拘泥於某個設計理論,網頁設計不需要完全遵循1.618這個數值。三分法是運用黃金分割的一個簡單實用的方法。

三分法是用兩條水平線和垂直線將構圖在水平和垂直方向上三等分。這四條線交叉會形成四個點,這四個點稱之為關鍵點,重要的設計元素最好放置在這四個地方。

相關問題答案