假設(shè)你沒有任何的設(shè)計(jì)基礎(chǔ),但是卻想讓自己的包裝排版看上去更好更專業(yè)一些,那么這篇文章一定會(huì)幫助到你。如果你遵循了以下這四個(gè)原則,那你的設(shè)計(jì)一定會(huì)更專業(yè),更有條理,更統(tǒng)一,也更有趣,你會(huì)感到自己的設(shè)計(jì)具備了一定的能力水平。
親密性-對(duì)齊-重復(fù)-對(duì)比
優(yōu)秀的設(shè)計(jì)就是三步:1/知道這四大原則 2/認(rèn)識(shí)到自己沒有運(yùn)用這四大原則 3/應(yīng)用這四大原則
含義:將相關(guān)的項(xiàng)組織在一起,移動(dòng)這些項(xiàng),使他們物理位置相互靠近,這樣一來,相關(guān)的項(xiàng)被看作凝為一體的一個(gè)組,而不是一堆彼此無關(guān)的片段
作用:分組;留白
1) 如果頁面太過擁擠,那就適當(dāng)縮小字號(hào)后再將段落拉開,然后通過添加編號(hào)或者通過首字增大將區(qū)分得更明顯
2) 當(dāng)條目比較多時(shí),將內(nèi)容分欄或者列表;
3) 通過設(shè)置相同的顏色,觀眾可以自然而然地從首字讀到后面的句子
擺個(gè)栗子:
*相關(guān)聯(lián)的信息相互靠近成為一個(gè)組,整個(gè)排版布局顯得有條理性,美觀性
*利用自然位置的緊密位置來反映元素之間的關(guān)系,利用這樣的親密
性原則管理空間,不僅使得頁面更有條理性,而且更美觀。
親密性原則總結(jié):
如果多個(gè)項(xiàng)目存在很近的親密性,它們將是一個(gè)視覺單元,而不是多個(gè)孤立的元素。設(shè)計(jì)排版時(shí)要注意相關(guān)的項(xiàng)應(yīng)當(dāng)歸在一組,有意識(shí)的注意你是怎么閱讀的,視線怎么移動(dòng)的,從哪里開始,沿著怎樣的路徑,到哪里結(jié)束
親密性原則的根本目的:
一是實(shí)現(xiàn)組織性和條理性-便于更好的閱讀和更容易被記住
二是親密性原則使得恰當(dāng)?shù)牧舭赘烙^
要避免的問題是:
不要僅僅因?yàn)橛锌瞻拙桶言胤旁诮锹浠蛘咧醒?/p>
避免一個(gè)頁面有太多孤立的元素
不要在元素之間流出同樣大小的空白,除非各組同屬于一個(gè)子集
不屬于同一組的元素不要建立關(guān)系
實(shí)現(xiàn)小技巧:
微微瞇起眼睛,統(tǒng)計(jì)眼睛停頓的次數(shù)來數(shù)一數(shù)頁面上的區(qū)域元素,如果超過3-5個(gè)(取決于具體情況),就要看看哪些孤立的元素可以建立一個(gè)更近的親密性,使之成為一個(gè)視覺單元。
含義:任何元素都不能在頁面上隨意擺放,每一項(xiàng)都應(yīng)當(dāng)與頁面上的某個(gè)內(nèi)容存在某種視覺聯(lián)系
原則:
1)一般情況下,頁面上只使用一種文本對(duì)齊。但若想在同一頁面上同時(shí)右對(duì)齊和左對(duì)齊文本,一定要讓這些文本以某種方式對(duì)齊!
2) 如果設(shè)計(jì)中的對(duì)齊很明確,那么可以有意識(shí)打破對(duì)齊,但一定要表現(xiàn)出這是有意的
對(duì)齊分類
居中對(duì)齊:(中規(guī)中矩,大多很乏味)
a) 文本居中,文本塊不居中;
b) 將文本放在頁面上方,增加緊張性;
c) 在居中布局中設(shè)置一種非常隨意、有趣的字體。
左對(duì)齊和右對(duì)齊:
a) 文本行水平擺放,則按其基線對(duì)齊;
b) 如有圖片元素,將其邊界與頁面邊界對(duì)齊;
c) 與版心線對(duì)齊;
d) 元素之間對(duì)齊。元素之間是通過“看不見的線”實(shí)現(xiàn)對(duì)齊的,這些對(duì)齊參考線可以是直線或規(guī)則的曲線;
e) 對(duì)齊到網(wǎng)格。
擺個(gè)栗子:
對(duì)齊性原則總結(jié):
在設(shè)計(jì)中,統(tǒng)一性是一個(gè)很重要的概念,要讓頁面上所有元素看上去統(tǒng)一,有聯(lián)系,彼此相關(guān),需要在各個(gè)單獨(dú)元素之間存在某種視覺紐帶,盡管物理位置不靠近,但是適當(dāng)?shù)奈恢米屗鼈兛瓷先ナ怯嘘P(guān)聯(lián)的,并且與其他信息統(tǒng)一。
一個(gè)精美的設(shè)計(jì)不論看上去多么雜亂無章,總能找出其中的對(duì)齊方式
對(duì)齊性原則的根本目的:
使得頁面統(tǒng)一而有條理性
要避免的問題是:
避免一個(gè)頁面使用多種對(duì)齊方式
避免居中對(duì)齊(除非您能有力把握住)
實(shí)現(xiàn)小技巧:
不管元素之間距離多遠(yuǎn),總能找出其中與之對(duì)齊的元素
含義:某些視覺元素在頁面中重復(fù)出現(xiàn),重復(fù)元素可以是一種字體,一條粗線,某個(gè)項(xiàng)目符號(hào),顏色,設(shè)計(jì)要素,某種格式,空間關(guān)系等
使用重復(fù)原則時(shí),有時(shí)可以把一個(gè)元素從現(xiàn)在的設(shè)計(jì)中抽取出來,并根據(jù)這個(gè)元素創(chuàng)建一個(gè)新設(shè)計(jì)
擺個(gè)栗子:
重復(fù)性原則總結(jié):
重復(fù)不僅對(duì)只有一頁的作品起作用,對(duì)于多頁文檔的設(shè)計(jì)更顯重要
重復(fù)性原則根本目的:
統(tǒng)一,增強(qiáng)視覺效果,視覺效果的威力在于看起來很有趣,也更易于閱讀
要避免的問題是:
避免過多重復(fù)一個(gè)元素,重復(fù)太多會(huì)讓人討厭
含義:如果兩個(gè)項(xiàng)不完全相同,就應(yīng)當(dāng)使之不同,而且應(yīng)當(dāng)是截然不同
可以采用多種對(duì)比方式:字體字號(hào)的對(duì)比/細(xì)線和粗線的對(duì)比/冷色和暖色的對(duì)比/平滑材質(zhì)和粗糙材質(zhì)的對(duì)比/水平元素與垂直元素的對(duì)比/間隔寬與間隔小的對(duì)比/小圖片和大圖片的對(duì)比
對(duì)比性原則總結(jié):
在頁面上增加對(duì)比能吸引眼球,如果頁面上放兩個(gè)不完全相同的元素,它們就不能類似。要實(shí)現(xiàn)有效的對(duì)比,這兩個(gè)元素必然截然不同
重復(fù)性原則根本目的:
一個(gè)是增加頁面的效果,增加可讀性
另一個(gè)是有效與信息的組織(讀者應(yīng)該了解信息以何種方式組織,以及從一項(xiàng)到另一項(xiàng)的邏輯流程)
要避免的問題是:
不要猶豫,如果你要形成對(duì)比,就加大力度。
不要將一種粗線與一種更粗的線進(jìn)行對(duì)比,不要將棕色文本和黑色標(biāo)題建立對(duì)比
聯(lián)系客服