版式技巧|不用英文如何排出高級(jí)感?
去設(shè)計(jì)網(wǎng)站逛一圈,你會(huì)發(fā)現(xiàn)大部分的中文設(shè)計(jì)作品里都夾雜著一些英文,那些調(diào)性偏向高大上的設(shè)計(jì)更是如此,因?yàn)樵诎婷嬷屑尤胗⑽模_實(shí)是一個(gè)可以讓版式變得高級(jí)的一個(gè)有效途徑,并不反對(duì)在版面中加英文,但是,在現(xiàn)實(shí)的設(shè)計(jì)工作中,其實(shí)很多客戶和很多設(shè)計(jì)需求是不接受在版面中加英文的,一是因?yàn)閺哪繕?biāo)消費(fèi)群來看沒這個(gè)必要;二是因?yàn)檫@些沒必要的英文還會(huì)或多或少對(duì)有用的信息造成干擾。那如果不用英文可以排出高級(jí)的版面嗎?
當(dāng)然可以,具體該怎么做呢?我們可以回到作品中去尋找答案,看看在那些有英文的優(yōu)秀版式設(shè)計(jì),英文在其中起了什么作用?如果不用英文,而是用其他解決方案,是不是也能起到類似的作用。
通過觀察大量的案例,發(fā)現(xiàn),拋開主題或產(chǎn)品就是英文的情況,其實(shí)很多中文設(shè)計(jì)里的英文不是為了傳遞信息,而是為了在視覺上起到修飾的作用,即讓版面更好看、更有設(shè)計(jì)感、更高級(jí)等等,落到其在版面中解決的具體問題,可以概括為以下幾種:
?
01.填補(bǔ)空白
如果版面中的視覺主體不是很大,信息又比較少,可能會(huì)出現(xiàn)版面比較空的情況,這時(shí)加點(diǎn)英文填充一下,版面就會(huì)飽滿一些。

▲ 左上角的英文和圖形,以及產(chǎn)品旁邊的英文,都主要是為了填補(bǔ)空白,讓畫面變得更豐富。
?

▲ 左側(cè)豎排的英文也是為了填補(bǔ)空白。
?
填補(bǔ)空白不用英文也可以解決,其他常見的處理方式有:拉大圖片或者文字信息、加圖形元素、直接留白、或者改變排版方式等等。

▲ 上圖的主視覺在版面中的面積占比比較大,所以即使信息比較少、面積占比很小也不會(huì)覺得空,也不需要刻意增加英文。
?

▲ 上圖左下角的圖形也可以起到填補(bǔ)空白的作用,圖形的風(fēng)格要與畫面吻合。
?

▲ 把原圖左上角的英文去掉,直接留白,這個(gè)版面也仍是可以的,而且還更干凈、更簡(jiǎn)約。
?
02.加強(qiáng)視覺層次感
如果版面中的文字信息和信息類別都比較少,那么文字排版的視覺層次感可能會(huì)不足,版面容易顯得單薄、單調(diào),所以設(shè)計(jì)師常常會(huì)添加一些英文,與中文組合排版,由于信息的增加,再加上英文通常會(huì)弱化處理,于是視覺變化就會(huì)變得更豐富,版式的層次感也會(huì)隨之加強(qiáng)。



▲ 通過中文疊加英文的方式加強(qiáng)版式層次感。
?
當(dāng)然,除了加英文,也還有其他方法可以加強(qiáng)視覺層次感,比如在標(biāo)題的排版中我們可以將文字?jǐn)嘈屑板e(cuò)位處理,可以對(duì)標(biāo)題字體進(jìn)行設(shè)計(jì),可以將集中排版的文字信息按大字號(hào)、中字號(hào)、小字號(hào)組合搭配等。

▲ 上圖的文字雖然不多,但是信息層級(jí)其實(shí)還是比較多的,所以在排版上不需要英文也能展現(xiàn)出豐富的視覺層級(jí),主要是通過不同的字號(hào)的大小、顏色、排版的位置、間距來實(shí)現(xiàn)。
?

▲ 上圖海報(bào)中的標(biāo)題通過斷行、錯(cuò)位、區(qū)別文字大小、添加標(biāo)點(diǎn)符號(hào)等方式,來加強(qiáng)視覺層次感。
?

▲ 上圖海報(bào)將標(biāo)題進(jìn)行了字體設(shè)計(jì),通過漸變處理使筆畫之間有了疊加的效果,然后將文字進(jìn)行上下錯(cuò)位處理,再加上下面有副標(biāo)題的陪襯,所以其視覺層次還是比較豐富的。
?
3.增加對(duì)比
英文與中文是兩種完全不同形態(tài)的字體,如果字體的風(fēng)格也不一樣,那么它們的視覺效果會(huì)有很強(qiáng)烈的反差,所以很多設(shè)計(jì)師喜歡在中文為主的版面中加入英文,以塑造鮮明的字體對(duì)比,另外通過調(diào)整英文字體的形態(tài),還可以與中文字形成大小對(duì)比、色彩對(duì)比、方向?qū)Ρ?、間距對(duì)比等等,能起到良好的裝飾效果。


?
在標(biāo)題排版中,用手寫英文字體與筆畫較粗的無襯線體或手寫體組合排版,是近幾年很流行的排版方式。

?
同樣的道理,不用英文也照樣可以塑造強(qiáng)烈、多樣的對(duì)比效果,比如用手寫中文字體搭配黑體或宋體,字體對(duì)比效果也很強(qiáng);比如在中文字體上疊加印章、圖標(biāo),可以形成圖文對(duì)比、輪廓對(duì)比、方向?qū)Ρ取⑸蕦?duì)比等,除此之外,還可以給重點(diǎn)字詞添加標(biāo)點(diǎn)符號(hào)、線、線框、色塊等元素,都能塑造強(qiáng)烈的對(duì)比效果。

▲ 四行字,每一行字的視覺效果都不一樣,對(duì)比非常豐富,有字體對(duì)比、大小對(duì)比、間距對(duì)比、長(zhǎng)短對(duì)比等,并與下方的logo形成了色彩對(duì)比和輪廓對(duì)比。
?

▲ 上圖的排版中有圖文對(duì)比、大小對(duì)比、行距對(duì)比、點(diǎn)與線的對(duì)比等。
?

▲ 上圖通過添加印章,與文字形成了鮮明的色彩對(duì)比、輪廓對(duì)比、風(fēng)格對(duì)比等,這種做法常見于中國(guó)風(fēng)的畫面中。
?
▲ 改變某些文字的排版方向、給文字添加色塊、給產(chǎn)品賣點(diǎn)設(shè)計(jì)icon等等,也是加強(qiáng)對(duì)比的常用技巧。
?
4.平衡
平衡也是版式設(shè)計(jì)的一大重要原則,在排版的過程中,如果信息比較集中,可能會(huì)出現(xiàn)版面不平衡的情況,這時(shí)很多設(shè)計(jì)師會(huì)選擇在對(duì)應(yīng)的位置添加英文來達(dá)到平衡。
?
平衡的問題不用英文也很好解決,比如加圖形、居中排版、把中文信息分散排版、調(diào)整構(gòu)圖等等。
▲ 右上角的小圖形與標(biāo)題下方的橫線,都在版式中起到了平衡的作用。
?
▲ 在居中構(gòu)圖的畫面中,文字采用居中對(duì)齊排版,是保證畫面平衡的最有效方式,效果簡(jiǎn)單而高級(jí)。
?
▲ 上圖的標(biāo)題與版面居中對(duì)齊,其他文字信息則分布在左右兩邊,通過平均分布信息的方式達(dá)到版面平衡,再加上一些小圖形的輔助,版面變得精致而高級(jí)。
排版用英文或者不用英文并不是設(shè)計(jì)的重點(diǎn),因?yàn)樵O(shè)計(jì)師的工作是以滿足客戶、解決問題為目的的,所以,在需要英文的時(shí)候我們要大膽利用好英文的優(yōu)勢(shì),在不需要英文的時(shí)候,也能用純中文也排出好看、時(shí)尚、高級(jí)的版式,這是每一個(gè)設(shè)計(jì)師應(yīng)該具備的能力。
?