假設(shè)你沒有任何的設(shè)計(jì)基礎(chǔ),但是卻想讓自己的包裝排版看上去更好更專業(yè)一些,那么這篇文章一定會(huì)幫助到你。如果你遵循了以下這四個(gè)原則,那你的設(shè)計(jì)一定會(huì)更專業(yè),更有條理,更統(tǒng)一,也更有趣,你會(huì)感到自己的設(shè)計(jì)具備了一定的能力水平。
優(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è)栗子: ![]() 秩序的詩意】2016年0901-1010誠品敦南店王志弘作品集書展 *相關(guān)聯(lián)的信息相互靠近成為一個(gè)組,整個(gè)排版布局顯得有條理性,美觀性 ![]() 臺(tái)灣畢業(yè)設(shè)計(jì)展海報(bào) *利用自然位置的緊密位置來反映元素之間的關(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)一般情況下,頁面上只使用一種文本對齊。但若想在同一頁面上同時(shí)右對齊和左對齊文本,一定要讓這些文本以某種方式對齊! 2) 如果設(shè)計(jì)中的對齊很明確,那么可以有意識(shí)打破對齊,但一定要表現(xiàn)出這是有意的 對齊分類 居中對齊:(中規(guī)中矩,大多很乏味) a) 文本居中,文本塊不居中; b) 將文本放在頁面上方,增加緊張性; c) 在居中布局中設(shè)置一種非常隨意、有趣的字體。 左對齊和右對齊: a) 文本行水平擺放,則按其基線對齊; b) 如有圖片元素,將其邊界與頁面邊界對齊; c) 與版心線對齊; d) 元素之間對齊。元素之間是通過“看不見的線”實(shí)現(xiàn)對齊的,這些對齊參考線可以是直線或規(guī)則的曲線; e) 對齊到網(wǎng)格。 擺個(gè)栗子: ![]() 居中布局中增加字體的趣味性 ![]() 保持各元素間的對齊關(guān)系,顯得整潔,有條理性 對齊性原則總結(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ì)不論看上去多么雜亂無章,總能找出其中的對齊方式 對齊性原則的根本目的: 使得頁面統(tǒng)一而有條理性 要避免的問題是: 避免一個(gè)頁面使用多種對齊方式 避免居中對齊(除非您能有力把握?。?/p> 實(shí)現(xiàn)小技巧: 不管元素之間距離多遠(yuǎn),總能找出其中與之對齊的元素 重復(fù)含義:某些視覺元素在頁面中重復(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è)栗子: ![]() 點(diǎn)綴元素,字體大小等重復(fù)性體現(xiàn) 重復(fù)性原則總結(jié): 重復(fù)不僅對只有一頁的作品起作用,對于多頁文檔的設(shè)計(jì)更顯重要 重復(fù)性原則根本目的: 統(tǒng)一,增強(qiáng)視覺效果,視覺效果的威力在于看起來很有趣,也更易于閱讀 要避免的問題是: 避免過多重復(fù)一個(gè)元素,重復(fù)太多會(huì)讓人討厭 對比性原則含義:如果兩個(gè)項(xiàng)不完全相同,就應(yīng)當(dāng)使之不同,而且應(yīng)當(dāng)是截然不同 可以采用多種對比方式:字體字號(hào)的對比/細(xì)線和粗線的對比/冷色和暖色的對比/平滑材質(zhì)和粗糙材質(zhì)的對比/水平元素與垂直元素的對比/間隔寬與間隔小的對比/小圖片和大圖片的對比
![]() 《寫給大家的設(shè)計(jì)書》 ![]() 《寫給大家的設(shè)計(jì)書》 ![]() 字體設(shè)計(jì),字體大小的對比 ![]() 字體大小,顏色輕重等對比 對比性原則總結(jié): 在頁面上增加對比能吸引眼球,如果頁面上放兩個(gè)不完全相同的元素,它們就不能類似。要實(shí)現(xiàn)有效的對比,這兩個(gè)元素必然截然不同 重復(fù)性原則根本目的: 一個(gè)是增加頁面的效果,增加可讀性 另一個(gè)是有效與信息的組織(讀者應(yīng)該了解信息以何種方式組織,以及從一項(xiàng)到另一項(xiàng)的邏輯流程) 要避免的問題是: 不要猶豫,如果你要形成對比,就加大力度。 不要將一種粗線與一種更粗的線進(jìn)行對比,不要將棕色文本和黑色標(biāo)題建立對比 |
|