文字排版設(shè)計(jì)技巧及布局教程經(jīng)典案例分享!
2021-05-26
閱讀:74文字可以說是平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、界面設(shè)計(jì)等版式布局中最為基礎(chǔ)、最為核心也最為靈動(dòng)的視覺元素之一。文字排版設(shè)計(jì)要做出高逼格的作品,也不是沒有技巧和規(guī)律可循。今天通過經(jīng)典案例分享來講解一些相當(dāng)簡(jiǎn)單實(shí)用的文字排版教程。
文字排版設(shè)計(jì)與布局之初級(jí)技巧、教程
為了兼顧到新手設(shè)計(jì)師及想快速提高設(shè)計(jì)能力的伙伴們,我們先從最為簡(jiǎn)單的技巧開始講解。
01
-
文字出血
品牌設(shè)計(jì)當(dāng)中,名片、畫冊(cè)、海報(bào)、噴繪廣告等都有出血位這個(gè)說法,相信做平面設(shè)計(jì)的童鞋都知道的。在版面設(shè)計(jì)當(dāng)中,文字放在出血位置,效果相當(dāng)不錯(cuò)。

出血位置如小樣圖示范

02
-
文字穿插

文字穿插如小樣圖示范

03
-
豎排斜向布局

豎排斜向布局如小樣圖

04
-
邊框內(nèi)布局

邊框內(nèi)布局如小樣圖示范

05
-
居中布局

相信這個(gè)是很多設(shè)計(jì)師都使用過的文字排版設(shè)計(jì)布局之一。如小樣圖示范

06
-
文字居左布局

這個(gè)是很多高端雜志最管用的文字排版布局設(shè)計(jì)手法之一。如小樣圖示范

07
-
整體傾斜

這里稍微注意一下,由于傾斜后,布局里的部分內(nèi)容將會(huì)被遮擋,要確保畫面核心內(nèi)容還是完整可見。如小樣圖示范

08
-
橫排傾斜布局

如小樣圖示范

09
-
邊框線布局

版面布局設(shè)計(jì)當(dāng)中,能無形中提升設(shè)計(jì)感和品質(zhì)感的,除了文字就是線條了。線條的形狀,粗細(xì),位置都很有講究。如小樣圖示范

文字排版設(shè)計(jì)與布局之高級(jí)技巧、教程
上面9個(gè)文字排版設(shè)計(jì)教程,主要是針對(duì)初學(xué)設(shè)計(jì)師來的。容易理解和接受,也容易借鑒。下面再分享6種較為高級(jí)的文字排版設(shè)計(jì)及布局教程。大多數(shù)計(jì)較都要結(jié)合photoshop,ps及平面矢量設(shè)計(jì)軟件來做的。ps文字排版設(shè)計(jì)技巧如下。
01
-
圖文穿插
根據(jù)人們?cè)谟^察事物時(shí),先整體后部分,從畫面中尋找圖形的心理傾向的完全形態(tài)法則,將文字和圖片疊加組合,進(jìn)行適當(dāng)?shù)恼趽酰梢蕴嵘淖中畔⒌奈ΑR哺菀捉o畫面營造一種3D立體感。





02
-
圖片初削(留白)
初削是一個(gè)常用的印刷術(shù)語,是指加大產(chǎn)品外尺寸的圖案,在裁切位加一些延伸,以避免裁切后的成品露白邊或裁到內(nèi)容。在做設(shè)計(jì)時(shí),將圖片放置在出血位(可以大致理解為邊框留白),給畫面帶來視覺變化。


03
-
圖文各半
將圖文左右分割開來,讓圖文各占一半,減少凌亂感,又為畫面增添對(duì)比變化。

04
-
色塊對(duì)比
選相同色系相近色作為背景,作出明暗對(duì)比的同時(shí),整體和諧,打破畫面的沉穩(wěn)。


05
-
圖形層疊
將圖形置于其他圖形之上,形成層疊效果,以此建立變化,讓文字更突顯的同時(shí),背景圖營造整體氛圍。



06
-
錯(cuò)位排版
這是比較高階的玩法,打破平時(shí)規(guī)則的圖文排列,通過錯(cuò)位排版為增添版面變化。但是錯(cuò)位排版應(yīng)當(dāng)遵守排版中的親密原則。

親密性指 位置的接近意味著內(nèi)容的關(guān)聯(lián),所以要將相關(guān)的事物相對(duì)親密排版在一起。
這聽起來有些矛盾,但是觀察那些優(yōu)秀的作品我們就會(huì)發(fā)現(xiàn),錯(cuò)位是將圖脫離了橫平豎直的參考線,但是和它相關(guān)的文字還是站在“統(tǒng)一戰(zhàn)線”的。這樣才能形散神不散。



小結(jié)
-
我相信在實(shí)際工作當(dāng)中,可能會(huì)出現(xiàn)各種不同的需求和情況,但無論顧客需求如何,版式布局中總是少不了文字排版、文字與圖片混合排版這些核心視覺元素的。如果你是一位新手,或者在布局版式方面總是發(fā)現(xiàn)設(shè)計(jì)得很凌亂,沒感覺,沒設(shè)計(jì)感。那么本文介紹的這些文字排版設(shè)計(jì)教程及布局技巧,初級(jí)的、高級(jí)的,一定能幫助你設(shè)計(jì)出畫面更平衡,更有節(jié)奏感的作品。

