設(shè)計(jì)的四大基本原則，相信設(shè)計(jì)師們都不陌生，也一定都在自己的設(shè)計(jì)中多多少少運(yùn)用到了?？赡苡械脑O(shè)計(jì)師運(yùn)用到了，也不見(jiàn)得清晰的理解設(shè)計(jì)四大基本原則，所以今天小梓主要以 “設(shè)計(jì)的四大基本原則是什么”，“如何更好的運(yùn)用設(shè)計(jì)的四大基本原則” 為主題來(lái)寫這篇文章。

親密性

親密性原則是指：將相關(guān)的項(xiàng)組織在一起，移動(dòng)這些項(xiàng)，使它們的物理位置相互靠近，這樣一來(lái)，相關(guān)的項(xiàng)將被看作凝聚為一體的一個(gè)組，而不再是一堆彼此無(wú)關(guān)的片段。當(dāng)然了，如果某些信息項(xiàng)或組彼此之間并無(wú)關(guān)聯(lián)，這些元素就不應(yīng)存在很近的親密性(即不應(yīng)靠近)。這樣就能為用戶提供一個(gè)直觀的提示，使用戶馬上了解頁(yè)面的組織和內(nèi)容。

總結(jié)：親密性意味著關(guān)聯(lián)，在一個(gè)頁(yè)面上，物理位置的接近就意味著存在關(guān)聯(lián) (實(shí)際生活中也是如此) 。就像兩個(gè)很靠近的人走在大街上，你會(huì)認(rèn)為他們認(rèn)識(shí)，反之，兩個(gè)相距甚遠(yuǎn)的人，你會(huì)認(rèn)為他們不認(rèn)識(shí)...

舉例：下圖1左邊的排版中每一個(gè)內(nèi)容都和其他的內(nèi)容間距相同，看不出它們之間有什么關(guān)系。而圖1右邊的排版縮小了標(biāo)題與內(nèi)容之間的間距，加大了組與組之間的間距，從而使得標(biāo)題與內(nèi)容之間的關(guān)系更加清晰，同時(shí)空間感也更強(qiáng)。

下圖2左邊的排版中數(shù)字看起來(lái)像一個(gè)單獨(dú)的單元，與內(nèi)容無(wú)關(guān)。而圖2右邊的排版縮小了數(shù)字與內(nèi)容之間的間距，使它們靠的更近了，這樣一來(lái)，我們很容易就發(fā)現(xiàn)了它們之間的關(guān)系。

對(duì)齊

對(duì)齊原則是指：任何元素都不能在頁(yè)面上隨意安放，每一項(xiàng)都應(yīng)當(dāng)與頁(yè)面上的某個(gè)內(nèi)容存在某種視覺(jué)聯(lián)系。如果頁(yè)面上的一些項(xiàng)是對(duì)齊的，這會(huì)得到一個(gè)更內(nèi)聚的單元。即使對(duì)齊的元素物理位置是彼此分離的，但在你眼里(以及在你的心里)它們之間也會(huì)有一條看不見(jiàn)的線把彼此連在一起。不知道大家有沒(méi)有聽過(guò)一句話，整齊即是美。

現(xiàn)在的對(duì)齊方式分為：左對(duì)齊、右對(duì)齊、左右對(duì)齊、居中對(duì)齊。

總結(jié)：對(duì)齊意味著有條理，頁(yè)面最好只使用一種對(duì)齊方式。

舉例：下圖1左邊的排版中既有居中對(duì)齊、左對(duì)齊、還有右對(duì)齊、整體顯得非常雜亂，不知從何看起。而圖1右邊的排版統(tǒng)一使用了右對(duì)齊的方式，整體看上去非常舒適有條理。

下圖2左邊的排版中有三種對(duì)齊方式 (標(biāo)題劇中對(duì)齊，文本左對(duì)齊，圖片右對(duì)齊)，并且文本與圖片上下沒(méi)有對(duì)齊，整體關(guān)系不夠明確。而圖2右邊的排版統(tǒng)一使用左對(duì)齊，并且文本與圖片上下對(duì)齊，使得整個(gè)排版井然有序。

重復(fù)

重復(fù)原則是指：設(shè)計(jì)的某些方面需要在整個(gè)作品中重復(fù)。重復(fù)元素可能是一種粗字體、一條粗線、某個(gè)項(xiàng)目符號(hào)、顏色、設(shè)計(jì)要素、某種格式、空間關(guān)系等。讀者能看到的任何方面都可以作為重復(fù)元素。你在工作中肯定已經(jīng)用過(guò)重復(fù)。例如，所有標(biāo)題都設(shè)置為相同的大小和粗細(xì)，項(xiàng)目中的每個(gè)列表都使用相同的項(xiàng)目符號(hào)，這些都是重復(fù)的例子。

總結(jié)：可以把重復(fù)認(rèn)為是“一致性”。不過(guò)重復(fù)還不只是自然的一致，這是一種統(tǒng)一設(shè)計(jì)各個(gè)部分的有意識(shí)的行為，就如我們?yōu)槊總€(gè)項(xiàng)目所做的設(shè)計(jì)規(guī)范，就是為了使項(xiàng)目更加的統(tǒng)一。

舉例：下圖1每一段內(nèi)容的標(biāo)題、文本、還有圓形符號(hào)都是重復(fù)元素，使得整個(gè)頁(yè)面非常具有組織性與連續(xù)性。

下圖2的頭部采用了深色的背景填充，如果沒(méi)有底部重復(fù)的深色小色塊，整個(gè)頁(yè)面就不會(huì)有這么強(qiáng)的連續(xù)性，所以在頁(yè)面中連續(xù)性也是非常關(guān)鍵的，尤其是有多個(gè)頁(yè)面的時(shí)候。

對(duì)比

對(duì)比原則是指：頁(yè)面上的不同元素之間要有對(duì)比效果，達(dá)到吸引用戶的對(duì)比效果。如果兩個(gè)項(xiàng)不完全相同，就應(yīng)當(dāng)使之不同，而且應(yīng)當(dāng)是截然不同。對(duì)比不僅可以用來(lái)吸引眼球，還可以用來(lái)組織信息、清晰層級(jí)、在頁(yè)面上指引讀者，并且制造焦點(diǎn)?？梢圆捎枚喾N方式產(chǎn)生對(duì)比。如大字體與小字體的對(duì)比；細(xì)線與粗線的對(duì)比；冷色與暖色的對(duì)比；平滑材質(zhì)與粗糙材質(zhì)的對(duì)比；間隔很寬的文本行與緊湊在一起的文本行形成對(duì)比；小圖片與大圖片的對(duì)比...

總結(jié)：要想實(shí)現(xiàn)有效的對(duì)比，對(duì)比就必須強(qiáng)烈，千萬(wàn)不要畏畏縮縮。

舉例：下圖1左邊的排版中標(biāo)題與文字的對(duì)比比較輕微，中規(guī)中矩。而圖1右邊的排版中把標(biāo)題顏色換成了紅色，就與文字的對(duì)比非常明顯，讓人一眼就注意到了標(biāo)題。

下圖2左邊的排版也是對(duì)比不夠強(qiáng)烈，沒(méi)有抓住眼球。而圖2右邊的排版則截然不同，只是換了一個(gè)黑色的背景色就抓住了人的眼球，再加上紅色的標(biāo)題，白色的副標(biāo)題、淺灰色的文本，使得整個(gè)頁(yè)面的層級(jí)非常分明且突出。

在設(shè)計(jì)頁(yè)面的時(shí)候，我們往往采用的不止一種基本原則，而是四種基本原則都會(huì)用到。要知道，一個(gè)好的頁(yè)面設(shè)計(jì)，親密性、對(duì)齊、重復(fù)和對(duì)比，往往都是相輔相成的，而不是孤立存在的。

前面已經(jīng)總結(jié)了設(shè)計(jì)的四大基本原則是什么，接下來(lái)主要以舉例的形式來(lái)讓大家更好的運(yùn)用四大基本原則，舉例涉及平面及UI等。

APP設(shè)計(jì)

下圖是我們常見(jiàn)的App Store里面的兩個(gè)頁(yè)面，第一個(gè)搜索的頁(yè)面盡管它非常的簡(jiǎn)潔，沒(méi)什么太多的內(nèi)容，但它的設(shè)計(jì)里面同樣運(yùn)用了四大基本原則。而第二個(gè)App的頁(yè)面雖然復(fù)雜一些，但同樣也是運(yùn)用了四大基本原則，尤其是重復(fù)與親密性。

網(wǎng)頁(yè)設(shè)計(jì)

下圖是一個(gè)企業(yè)官網(wǎng)，采用了比較多的對(duì)比、對(duì)齊、重復(fù)和親密性。相比較移動(dòng)端App而言，網(wǎng)頁(yè)運(yùn)用的四大基本原則更加明顯，讓人更容易察覺(jué)，因?yàn)樗目臻g大，內(nèi)容多。

平面設(shè)計(jì)

下圖是兩張活動(dòng)海報(bào)，一個(gè)是設(shè)計(jì)展的海報(bào)，一個(gè)是七夕的海報(bào)。它們共同的特點(diǎn)除了都采用了四大基本原則，還有一個(gè)很明顯的特點(diǎn)就是，它們標(biāo)題與內(nèi)容的對(duì)比非常強(qiáng)烈，很吸引眼球。同時(shí)重復(fù)的元素也讓整個(gè)設(shè)計(jì)更加的完整一致。

總結(jié)：以上分別通過(guò)App設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)及平面設(shè)計(jì)的角度舉例，無(wú)非是想告訴大家設(shè)計(jì)的四大基本原則運(yùn)用是非常廣泛的，并不僅僅局限于某種形式的設(shè)計(jì)。舉例最主要還是起一個(gè)舉一反三、拋磚引玉的作用，更多的還是希望大家在設(shè)計(jì)中多觀察、多思考、多實(shí)踐。

對(duì)了，以上舉例內(nèi)容中，因?yàn)榕嘛@示的特別雜亂，所以可能還有許多沒(méi)有框選出來(lái)的對(duì)齊、重復(fù)、對(duì)比及親密性的地方，大家不要糾結(jié)哦。希望大家看完都能有收獲吧！