新聞動(dòng)態(tài)
澳爾品牌始終堅(jiān)持做到品質(zhì)好、信用好、服務(wù)好、價(jià)錢公道，我們相信，您的品味、我的品質(zhì).
設(shè)計(jì)的四個(gè)原則
設(shè)計(jì)的四個(gè)原則
設(shè)計(jì)的四個(gè)原則包括：親密性、對(duì)齊、重復(fù)、對(duì)比
一、親密性（Proximity）
將相關(guān)的項(xiàng)組織在一起，移動(dòng)這些項(xiàng)，使他們的物理位置相互靠近，這樣一來，相關(guān)的項(xiàng)將被看作凝聚為一體的一個(gè)組，而不再是一堆彼此無關(guān)的元素。
如：下面的這兩張圖片，第1張這樣的兩個(gè)人走在大街上，我們并不能確定他們倆的關(guān)系，而第2張他們的親密性就說明了他們的關(guān)系，頁面上的信息也是如此。
栗子1：
來看看下面這張名片的信息布局，在這樣一個(gè)小的空間里你看到多少個(gè)獨(dú)立的元素？你的眼睛要停下來多少次才能看全這張名片上的所以信息？你的眼睛是不是停過5次？這張小小的名片上放置了5個(gè)獨(dú)立的內(nèi)容。你可能是從中間開始閱讀的，因?yàn)橹虚g的短句字體最粗最大。接下來你是不是依次往下從左到右閱讀？如果已經(jīng)讀到名片的最后（右下角），你的目光是不是還會(huì)全盤再巡視一遍，確保自己沒有遺漏任何角落？
調(diào)整前
如果按照親密性原則，把這張名片的布局做一下調(diào)整，把相關(guān)聯(lián)的元素分在一組，使它們建立更近的親密性關(guān)系。調(diào)整之后這張名片不論從理解上還是從視覺上都很有條理，這樣一來，也能更清楚地表達(dá)信息。
調(diào)整后
栗子2：
再來看下面這個(gè)栗子，第1張圖里的123數(shù)字項(xiàng)跟其后面的內(nèi)容沒有任何關(guān)聯(lián)，數(shù)字看起來就像是一個(gè)單獨(dú)的元素。第2張圖當(dāng)數(shù)字和其后面的信息靠的更近時(shí)，就能很直觀的看出來它們之間的關(guān)系了。
親密性原則并不是說所有的一切都要更靠近，真正的含義是：如果某些元素在理解上存在關(guān)聯(lián)，或者相互之間存在某種關(guān)系，那么這些元素在視覺上也應(yīng)當(dāng)有所關(guān)聯(lián)，除此之外，其他孤立的元素或元素組則不應(yīng)該存在親密性。位置是否靠近可以體現(xiàn)出元素之間是否存在關(guān)系。
二、對(duì)齊（Alignment）
任何元素都不能在頁面上隨意安放。每一項(xiàng)都應(yīng)當(dāng)與頁面上的某個(gè)內(nèi)容存在某種聯(lián)系。如果頁面上的一些項(xiàng)是對(duì)齊的，會(huì)得到一個(gè)更內(nèi)聚的單元，它們之間會(huì)有一條看不見的線把彼此連在一起。
栗子1：
圖1圖2文本項(xiàng)都進(jìn)行了分組，有合理的親密性，文本本身居中對(duì)齊，并在頁面上居中展示。盡管這是一種合理的對(duì)齊方式，但邊界是“軟”的；實(shí)在看不出來那條“對(duì)齊線”的強(qiáng)度。圖3文本右對(duì)齊，盡管這是一條看不見的線，但它很明確，連接了這兩組文本的邊界，正是這個(gè)邊界的強(qiáng)度為布局提供了力度。
栗子2：
下面是兩張報(bào)告封面，圖1居中對(duì)齊，居中對(duì)齊會(huì)創(chuàng)建一種更正式、更穩(wěn)重的外觀，這種外觀顯得中規(guī)中矩，但通常也很乏味，可閱讀性較差。圖2利用明確的左對(duì)齊，可閱讀性變強(qiáng)，還能給人留下更精美的印象，那條看不見的線提供了強(qiáng)有力的對(duì)齊基準(zhǔn)，可以將上下兩部分的文本內(nèi)容連在一起。
栗子3：
頁面上放其他項(xiàng)時(shí)，一定要確保每一項(xiàng)都與頁面上的其他項(xiàng)存在某種對(duì)齊。如果文本行水平擺放，則按其基準(zhǔn)線對(duì)齊。如果有多個(gè)單獨(dú)的文本塊，則對(duì)齊其左邊界或右邊界。如果有圖片元素，將其邊界與頁面的其他邊界對(duì)齊，絕對(duì)不要在頁面上隨意擺放元素。
三、重復(fù)（Repetition）
設(shè)計(jì)的某些方面需要在整個(gè)作品中重復(fù)。重復(fù)元素可能是一種粗字體、一條粗線、某個(gè)項(xiàng)目符號(hào)、顏色、設(shè)計(jì)要素、某種格式、空間關(guān)系等?？梢园阎貜?fù)認(rèn)為是“一致性”。
栗子1：
下面圖片中圖1中有些人是同一隊(duì)的，但從圖片上我們無法看出。圖2中他們衣服的重復(fù)性讓我們馬上就能看出來這些人屬于同一個(gè)組織。
栗子2：
重復(fù)有助于組織信息，可以幫助讀者瀏覽信息和各個(gè)頁面的內(nèi)容，也有利于將設(shè)計(jì)中單獨(dú)的部分統(tǒng)一起來。
下圖中重復(fù)的元素有 粗體字、細(xì)字體、方塊項(xiàng)目符號(hào)、縮進(jìn)、間隔、對(duì)齊等
四、對(duì)比（Contrast）
頁面上的不同元素之間要有對(duì)比，達(dá)到吸引讀者的效果。如果兩個(gè)項(xiàng)不完全相同，那就應(yīng)當(dāng)使之不同，而且應(yīng)當(dāng)是截然不同。對(duì)比不僅可以用來吸引眼球，還可以組織信息、清晰層級(jí)、在頁面上指引讀者，并且制造焦點(diǎn)?？梢圆捎枚喾N方式產(chǎn)生對(duì)比，如字體大小對(duì)比、字體粗細(xì)對(duì)比、冷暖色對(duì)比等等......
栗子1：
下面圖1是兩個(gè)人嗎？還是應(yīng)該看作是同一個(gè)人？圖2如果他們是不同的，那就讓他們看起來截然不同。
栗子2：
如果兩個(gè)元素雖然不同，但是區(qū)別不大，那么這個(gè)時(shí)候就不是對(duì)比了，而是沖突。下面兩張簡(jiǎn)報(bào)的圖片，圖2增加了頁面上一些元素的對(duì)比，字體大小對(duì)比、字體粗細(xì)對(duì)比等。使頁面變得簡(jiǎn)潔明快，內(nèi)容一目了然。
栗子3：
下面這兩張宣傳單，圖2較圖1增加了標(biāo)題文字大小對(duì)比、小標(biāo)題與內(nèi)容增加了字體大小粗細(xì)對(duì)比，整個(gè)背景與內(nèi)容也增強(qiáng)了對(duì)比。幾處調(diào)整讓宣傳單內(nèi)容更明確，也更具吸引眼球。
總結(jié)：
親密性：如果項(xiàng)彼此相關(guān)，就把它們分在一個(gè)組，建立更近的親密性。這有助于組織信息、減少混亂、為讀者提供清晰的內(nèi)容結(jié)構(gòu)。
對(duì)齊：頁面上的任何東西都不能隨意安放，每個(gè)元素都應(yīng)當(dāng)與頁面上的另一個(gè)元素有某種視覺聯(lián)系。這樣能建立一種清晰、精巧而且清爽的外觀。
重復(fù)：讓設(shè)計(jì)中的視覺要素在整個(gè)作品中重復(fù)出現(xiàn)?？梢灾貜?fù)顏色、形狀、材質(zhì)、空間關(guān)系、線寬、字體、大小、圖片等等。
這樣既能增加條理性，還可以加強(qiáng)統(tǒng)一性。
對(duì)比：要避免頁面上的元素太過相似，如果元素不相同，那就干脆讓它們截然不同。對(duì)比能讓頁面引人注目，也更能使頁面內(nèi)容結(jié)構(gòu)清晰易讀。
最后：
有關(guān)設(shè)計(jì)（同時(shí)也是有關(guān)生活）的一個(gè)指導(dǎo)原則：不要畏畏縮縮
1.不要害怕在設(shè)計(jì)（或生活）中留有空白，這能讓你的眼睛（或心靈）稍作休息。
2.不要害怕設(shè)計(jì)是不對(duì)稱的，使用非居中的格式，不居中往往能使效果更強(qiáng)烈。
3.不要害怕把有些信息設(shè)置的非常大或非常小，不用擔(dān)心說話聲太大或者太小，只要是在合適的場(chǎng)景。
4.只要最后的結(jié)果能支持或強(qiáng)調(diào)你的設(shè)計(jì)或觀點(diǎn)，不要害怕讓圖片太大或太小。
