學(xué)習(xí)UI設(shè)計(jì)課程，就找專業(yè)的UI設(shè)計(jì)培訓(xùn)機(jī)構(gòu)，為你推薦鄭州學(xué)易培訓(xùn)，專注，專業(yè)，專心，六年UI設(shè)計(jì)培訓(xùn)經(jīng)驗(yàn)，全實(shí)力派講師陣容，全程實(shí)戰(zhàn)小班授課，一對(duì)一手把手輔導(dǎo)，給你不一樣的課程體驗(yàn)，2017全新UI設(shè)計(jì)課程開講中，免費(fèi)試學(xué)，零基礎(chǔ)，零學(xué)費(fèi)，零壓力學(xué)習(xí)進(jìn)行中

相信UI設(shè)計(jì)師在設(shè)計(jì)過程中，會(huì)為BANNER圖不知道怎么布局而頭疼，其實(shí)在設(shè)計(jì)中，甚至在日常生活中，基于黃金比例理論進(jìn)行設(shè)計(jì)，能夠打造悅?cè)说脑O(shè)計(jì)，而我們要講的重點(diǎn)不在于紙上談兵，而是教你如何使用黃金比例，接下來，通過幾張圖片，先來深入了解黃金比例:

在UI設(shè)計(jì)中黃金比例的五種用法:

1、在布局中，尺寸設(shè)置為黃金比例

在UI設(shè)計(jì)布局中使用黃金比例的方法并不難，關(guān)鍵是控制比例和尺寸。重點(diǎn)很簡(jiǎn)單，把握好1:的黃金比例。舉個(gè)例子，在使用960px的寬度布局的時(shí)候，除以可以得到594px，這個(gè)可以用作你的布局的高度，然后將整個(gè)布局劃分為兩欄，一欄方形，一欄矩形，一個(gè)協(xié)調(diào)的布局就出來了。這種兩欄式布局在網(wǎng)頁上非常實(shí)用，我們所熟知的美國(guó)*地理的網(wǎng)頁就是使用的這樣的布局方式，看起來可讀性非常不錯(cuò)，比例平衡，符合網(wǎng)站內(nèi)容自然的特性。

2、在間距中使用黃金螺旋布局

間距的控制和留白一樣，是設(shè)計(jì)中非常關(guān)鍵的元素。協(xié)調(diào)的布局能夠營(yíng)造出優(yōu)秀的作品，那么如何借助黃金比例來協(xié)調(diào)頁面中的多種元素呢？合理的計(jì)算有的時(shí)候比直覺合適，如果能結(jié)合起來就更好了，在基本的布局上，借助黃金螺旋來調(diào)整，是個(gè)不錯(cuò)的思路。多種不同的元素在同一頁面上的時(shí)候，黃金螺旋可以幫你篩選出合理的空間布局和間隙。


3、在內(nèi)容沿著黃金螺旋的軌跡

對(duì)于網(wǎng)頁內(nèi)容而言，黃金螺旋的軌跡同樣可以起到重要的作用。我們的視覺可以很自然地沿著黃金螺旋的軌跡運(yùn)動(dòng)，這也就是說這樣設(shè)計(jì)網(wǎng)頁布局會(huì)讓訪客更加自然地瀏覽內(nèi)容。在內(nèi)容上沿著黃金螺旋的軌跡進(jìn)行布局，可以讓整個(gè)頁面的信息量很大，布局也緊密，關(guān)鍵是信息組織的相當(dāng)有條理，多而不亂。左上角的內(nèi)容就是借助黃金螺旋的軌跡來設(shè)計(jì)的，關(guān)鍵的點(diǎn)和位置都落在黃金螺旋的軌跡上。功能性的組件在這個(gè)布局中都位于矚目的位置，留白也分布到了合理的間隙中，所有的細(xì)節(jié)都精致到位

4、在圖片上黃金比例和三分法

對(duì)于圖片而言，布局自然是很重要的，無論是用來傳遞信息還是呈現(xiàn)圖像布局的美感。黃金比例可以讓圖片變得更加吸引眼球，讓重要的信息脫穎而出。平時(shí)我們所說的三分法布局，如何結(jié)合黃金比例，可以讓布局更漂亮。

5、在圖形上黃金比例圓形

金比例可以用來創(chuàng)建矩形也能用來創(chuàng)建比例協(xié)調(diào)的圓形。使用黃金比例不僅可以產(chǎn)生和諧的比例，而且能夠讓圖形保持較高的一致性

所謂黃金比例是一個(gè)比較特殊的數(shù)學(xué)比例，通常我們會(huì)用線段分割來解釋這個(gè)比例:把一條線段分割為兩部分，較短部分與較長(zhǎng)部分長(zhǎng)度之比等于較長(zhǎng)部分與整體長(zhǎng)度之比，其比值是一個(gè)無理數(shù)，取其前三位數(shù)字的近似值是。

來學(xué)易培訓(xùn)，學(xué)習(xí)UI設(shè)計(jì)課程，豐富的理論知識(shí)，加上實(shí)戰(zhàn)授課，給你最專業(yè)的三個(gè)月授課，學(xué)實(shí)戰(zhàn)，學(xué)經(jīng)驗(yàn)，學(xué)思路，盡在鄭州學(xué)易培訓(xùn)，有針對(duì)性培訓(xùn)，只學(xué)在工作中能用到的知識(shí)點(diǎn)，客戶真實(shí)項(xiàng)目實(shí)踐操作，畢業(yè)就有半年工作經(jīng)驗(yàn)，讓你學(xué)有所成，重新定義你對(duì)ui設(shè)計(jì)的理解。


========鄭州學(xué)易培訓(xùn)=========
鄭州網(wǎng)頁美工培訓(xùn):
鄭州網(wǎng)頁設(shè)計(jì)培訓(xùn):
鄭州淘寶美工培訓(xùn):
鄭州ui設(shè)計(jì)培訓(xùn):
鄭州UI美工培訓(xùn):
【聯(lián)系人】:韓老師
【聯(lián)系地址】:鄭州市金水區(qū)北三環(huán)信息路愛特中心2506