UI設(shè)計(jì)中，排版構(gòu)圖也是一門很大的學(xué)問(wèn)。今天給大家?guī)?lái)的是DATS設(shè)計(jì)翻譯組分享的藝術(shù)中12個(gè)終極構(gòu)圖小竅門，一個(gè)設(shè)計(jì)的構(gòu)圖決定了整個(gè)畫面的穩(wěn)定性與美觀性。今天的文章給大家?guī)?lái)了12個(gè)小竅門，從黃金分割到隱線，給大家展示了創(chuàng)作對(duì)比強(qiáng)烈的構(gòu)圖時(shí)所用的小妙招。希望能給你的設(shè)計(jì)畫上點(diǎn)睛之筆。

　　今天Dan Dos Santos將從黃金分割到隱線，為你展示他在創(chuàng)作對(duì)比強(qiáng)烈的構(gòu)圖時(shí)所用的小妙招。通過(guò)創(chuàng)造線條來(lái)進(jìn)行視線引導(dǎo)，你就能決定讀者的閱讀順序。強(qiáng)有力的構(gòu)圖是作品成功的關(guān)鍵。它能遠(yuǎn)遠(yuǎn)抓住讀者的眼球，也能在讀者仔細(xì)觀看時(shí)再次吸引住他們的注意力。
　　
　　極具動(dòng)感的作品或許和那些肅穆沉思的作品不同，但是你又該如何通過(guò)構(gòu)圖傳達(dá)你的情感，換句話說(shuō)，什么才是一個(gè)成功的構(gòu)圖呢?
　　
　　想要制作一個(gè)優(yōu)秀的構(gòu)圖，有很多經(jīng)典的法則，比如黃金分割、黃金螺旋還有三分構(gòu)圖法等等。但其實(shí)，他們根本不是真正的不二法則。
　　
　　把它們當(dāng)做參考，或者當(dāng)做可選的模板也許會(huì)更好一些。做出優(yōu)秀構(gòu)圖的方法無(wú)窮無(wú)盡，上述幾種也不過(guò)是九牛一毛。但其實(shí)他們的目的只是為了給藝術(shù)家們提供一些簡(jiǎn)便的方法，好讓他們創(chuàng)作出更多受歡迎的作品。
　　
　　我將探討其中的一部分技術(shù)，來(lái)解釋為何他們的畫面如此成功以及如何讓你使用這些知識(shí)從而得到更好的畫面。
　　
　　首先，你需要知道這個(gè)道理：一個(gè)好的構(gòu)圖無(wú)非是一些令人愉悅的色彩色調(diào)和形狀的排列。這其實(shí)真的很簡(jiǎn)單，有可能，絕大多數(shù)這些非常好的構(gòu)圖你閉上眼睛都能畫出來(lái)。
　　
　　可是我們現(xiàn)在不是需要好的構(gòu)圖，我們希望能創(chuàng)作出超級(jí)棒的作品!我們希望成為構(gòu)圖大師，讓他任我們的意識(shí)驅(qū)使。為了達(dá)成這個(gè)目標(biāo)，我們必須要了解構(gòu)圖的基礎(chǔ)特性。
　　
　　01. 基礎(chǔ)知識(shí)
　　
　　所有成分的根源在于關(guān)系。看看上面的圖片。雖然是技術(shù)上的組合，但是它并不是一個(gè)很成功的案例。我們不知道眼睛要看哪里，在那里圖像也沒(méi)有任何流動(dòng)感。
　　
　　通過(guò)改變其中的一個(gè)場(chǎng)景,哪怕是輕微的,我利用第二張圖像創(chuàng)建了一個(gè)更成功的構(gòu)圖。依然保留了原來(lái)簡(jiǎn)單的圖形，只是稍加改動(dòng), 它就已經(jīng)擁有動(dòng)態(tài)和景深,感覺如何?
　　
　　透視關(guān)系。通過(guò)造成形狀之間的差距，我已經(jīng)給了觀眾一個(gè)信息，就是他們?cè)摫容^那些形狀的哪一個(gè)?！斑@一個(gè)大一點(diǎn)，那一個(gè)更亮眼”?；疑綁K看起來(lái)是在移動(dòng)并且后退的，但是只有跟黑色方塊比較才會(huì)有這樣的感覺。
　　
　　在比較這些形狀的過(guò)程中，需要觀者左右反復(fù)移動(dòng)他們的眼睛在畫布上，而那就是我們好構(gòu)圖的真正目的：眼球控制運(yùn)動(dòng)。
　　
　　02.黃金分割比例
　　
　　接下來(lái)，讓我們來(lái)研究一下黃金分割比例。古希臘人提出了黃金分割比例，他們非常確信這是非常完美的狀態(tài)。
　　
　　他們認(rèn)為所有的事物，無(wú)論是有形的還是無(wú)形的，他們都有一個(gè)完美的既定狀態(tài)。
　　
　　他們也覺得，無(wú)論是數(shù)學(xué)、某種形體、政治還是美學(xué)方面，我們都應(yīng)該努力去探尋并獲得這種完美狀態(tài)。色彩就像引導(dǎo)線和對(duì)比度一樣，可以讓觀眾的目光停留到任何我們想要待的地方。
　　
　　希臘的數(shù)學(xué)家們,經(jīng)過(guò)反復(fù)地觀察從自然界和幾何學(xué)中得到了一個(gè)類似的比例后,建立了一個(gè)他們認(rèn)為的理想矩形的數(shù)學(xué)公式,:這個(gè)矩形的兩邊比率為1:1.62。
　　
　　他們認(rèn)為所有物體展現(xiàn)的比例是這樣的話會(huì)更令人愉悅,無(wú)論是一棟建筑、一張臉或一件藝術(shù)作品。直到今天，書籍乃至信用卡的設(shè)計(jì)仍然遵循這一理念。
　　
　　03. 三分法
　　
　　這個(gè)方法就是如果你將任何作品從垂直和水平方向劃分為三份,然后你可以將作品中的關(guān)鍵元素沿著這些線或交叉點(diǎn)放置。你將會(huì)看到更賞心悅目的布局。但是這樣做真的有用嗎?
　　
　　讓我們看看Edmund Dulac的畫作,小美人魚:王子問(wèn)她是誰(shuí)(見上圖)。Dulac很擅長(zhǎng)使用空白部分，這是他的優(yōu)勢(shì)。部分原因就是他傾向于遵守三分法。
　　
　　這里Dulac已經(jīng)把圓柱體和地平線完美的放置在三分法的交叉線上。但是如果他不這樣做呢?
　　
　　如果把圓柱體和地平線放置在的畫面的中心位置,結(jié)果是很是構(gòu)圖很不舒服。圓柱體占了整個(gè)畫面的主導(dǎo)地位，這樣畫面的主要人物就不再被關(guān)注了。
　　
　　這個(gè)強(qiáng)大的形狀把整個(gè)畫面一分為二，這樣一來(lái)觀眾的眼睛就會(huì)完全被它所吸引，而不是像原本圖像想表達(dá)的那樣。
　　
　　04. 這個(gè)規(guī)律是怎樣運(yùn)用的?
　　
　　三分法的原理的運(yùn)用需要藝術(shù)家們讓其中一個(gè)元素的比列超過(guò)另一個(gè)。這個(gè)占主導(dǎo)地位的元素就產(chǎn)生了畫面的不平衡感，而這種不平衡的形式總會(huì)吸引觀眾的眼球。
　　
　　在一個(gè)畫面中完美的二等分圖像，就會(huì)失去了很多趣味，因?yàn)橐磺惺虑槎际悄敲吹钠骄?br />　　
　　回顧下那些黑色和灰色方塊。第一個(gè)構(gòu)圖很無(wú)聊，因?yàn)樗胶狻．?dāng)在你的構(gòu)圖中創(chuàng)建一個(gè)更占優(yōu)勢(shì)的主體，這樣就增加了畫面的趣味性。它也會(huì)讓你的眼睛一直圍繞在畫面上來(lái)比較這些差別關(guān)系。
　　
　　事實(shí)上，該物體被精確分成三份的作用是最小的，你可以把畫面分成四份，五份甚至是十份。只要?jiǎng)?chuàng)建這些不平衡感，這個(gè)構(gòu)圖就會(huì)展現(xiàn)出一種神奇的張力。正如你很快就會(huì)看到，不平衡這一概念也適用于其它的畫面元素，包括價(jià)值和顏色。
　　
　　05. 隱含的視覺導(dǎo)線
　　
　　視覺導(dǎo)線可能是一幅作品最重要的部分了，因?yàn)檫@是你最先會(huì)注意到他們。當(dāng)創(chuàng)作寫實(shí)風(fēng)格的繪畫作品時(shí)，在主體物邊緣是沒(méi)有任何實(shí)際的線條的。
　　
　　輪廓的呈現(xiàn)是不同體積與色彩對(duì)比的結(jié)果。但即使線條有突出的表現(xiàn)力，我們的目光緊跟線條的走向，也只能達(dá)至其末端，要么就是直到與另一條線相連，我們的目光就會(huì)再一次跟隨。任何一副偉大的作品，都會(huì)很注重線條與生具來(lái)的吸引力。
　　
　　通過(guò)在畫面上添加能夠引導(dǎo)視覺走向的暗線，我們就可以決定人們的視覺路線，并且加以引導(dǎo)。在這幅作品中你可以看到一個(gè)很明顯的環(huán)流線，那就是從斗篷，然后順著胳膊下來(lái)，到主體物(正面女人)的面部，再沿著胳膊的方向延伸，最后再次回到斗篷。
　　
　　這樣的構(gòu)圖創(chuàng)造出一個(gè)環(huán)流形狀，引導(dǎo)觀看者的目光一直順著環(huán)流方向而轉(zhuǎn)動(dòng)，牢牢的吸引他們的注意力。同時(shí)，這個(gè)環(huán)流也會(huì)引導(dǎo)觀看者不漏掉作品的每一個(gè)細(xì)節(jié)。
　　
　　最后別忘了，無(wú)論你是創(chuàng)作繪畫或是網(wǎng)頁(yè)界面，邊框線也是一條視覺導(dǎo)線呦。