換種排版方式,漢字也能高逼格!
我大天朝的文化博大精深,
文字在世界上也是獨(dú)樹一幟,
要想把漢字的效果發(fā)揮到極致,
還是得往這看!
直接來點(diǎn)實(shí)在的。
▼
一、字體意象的選擇
誠然,用戶在閱讀的過程中,思維主要專注于文字內(nèi)容上。但毫無疑問的,除去內(nèi)容,載體文字的形、色、間距、強(qiáng)弱,甚至文字周邊的圖片插畫等,純視覺上的元素,也會(huì)以意象的方式存入用戶腦海,形成一定程度的“潛意識(shí)”。
1、選用哪種字體:
在確定字體的選用前,先得明確其主題。或者說,要理解畫面上的文字,想傳達(dá)怎樣的觀感、情緒等。舉例說明:
手寫體:
手寫體更能體現(xiàn)“人文”、“自然”的主題,往往能給人以親筆寫下的誠意與溫度。商用廣告里面,像是:家庭題材、手工制作產(chǎn)品、隨筆書籍、部分服務(wù)業(yè)都適合使用手寫體。就像這樣:
毛筆字體:
“楷書”、“隸書”、“篆書”、“行書”、“草書”等偏向于古樸,有沉淀感的字體適用于偏傳統(tǒng)風(fēng)、民俗題材、歷史題材、文化古跡等文字內(nèi)容。如圖。
不過這類字,單看裝飾性也很強(qiáng)。如:
標(biāo)準(zhǔn)字體:
標(biāo)準(zhǔn)字體如果加以適當(dāng)寬松的間距,極簡化的干凈背景,便能極大地提升畫面的嚴(yán)謹(jǐn)精致與設(shè)計(jì)感。如:
▲蘋果官網(wǎng)
▲性冷淡官網(wǎng)
2、選擇合適的顏色/明度/色相/飽和度:
暖色:這類顏色偏于熱情,有一種excited的感覺。
▲紅/橘/黃
冷色:偏于安靜、冷靜、沉穩(wěn),所以商務(wù)題材非常愛用。
▲藍(lán)色系列
改變顏色的明度/飽和度,可以更加貼近所述氛圍。如:
春天題材:粉綠/粉藍(lán)/粉紅
夏天題材:純白/天藍(lán)/鮮橙
總結(jié)起來,在選擇上,要多代入場景、氛圍來思考,確定主題。成果展現(xiàn)的意象,也千萬要切題。
二、視覺導(dǎo)向的斟酌
大家如果看日漫,一定有這樣的經(jīng)歷:第一次看日本漫畫時(shí),頻頻蒙逼…
與中文由左至右的閱讀習(xí)慣不同,日式排版讓人超不習(xí)慣。這算是文化差異帶來的不易閱讀的例子。歸納來說:
1、內(nèi)容和字體的關(guān)系
字號(hào)
這里主要講偏書籍、雜志、手冊(cè)類的排版規(guī)則。
標(biāo)題:大標(biāo)題>小標(biāo)題>副標(biāo)題>引言>正文
正文:一般至少為9pt,如果面向的是兒童、老人這類人群,則需酌情放大字體
補(bǔ)充說明:如批注,圖片說明、原作者等,一般在6.5pt左右。
邊界&對(duì)比
邊界即畫面上下左右的邊距留白,這里用HTML排版里,比較典型的盒子模型為例:
邊界的比例,尤其是在書籍印刷上,給人心理的愉悅度影響程度很大。比如窄邊距,往往有一種壓迫感,兩眼一黑。對(duì)比分幾種:
① 字號(hào)大小對(duì)比
② 重量粗細(xì)對(duì)比
③ 字體形狀對(duì)比
④ 文字色彩對(duì)比
對(duì)比主要是將文字動(dòng)靜分化開,比較有主次、沖擊力。
2、易于閱讀的排版
行長/行距/分欄
當(dāng)文章較長時(shí),行長、行距、分欄的設(shè)定往往會(huì)決定讀者的閱讀節(jié)奏。如果閱讀節(jié)奏和主題內(nèi)容較為吻合,往往能得到較好的閱讀體驗(yàn),甚至能增強(qiáng)代入感。
行長:即每行長度,太長會(huì)給人疲累感,太短會(huì)給人頻繁換行的閱讀上的不快。
行距:每行間的留白,通常8pt的正文字號(hào),適合行距在1.3mm~2.72mm之間。
分欄:欄數(shù)越多往往意味著行長縮減,故應(yīng)結(jié)合行長調(diào)整
文字間距
文字間距是個(gè)神奇的東西,往往它決定著文字在閱讀時(shí)的“韻律感”。西方字體,如W和I,其字體寬度本來就不同。但是東方字體,,每個(gè)字占據(jù)空間相同,幾乎都是一個(gè)個(gè)正方形方塊。
字距狹窄:突出密度感、緊湊感。
字句寬松:給人舒適怡然感、結(jié)合細(xì)體文字往往有一種設(shè)計(jì)感。
關(guān)于視覺的引導(dǎo)性。舉幾個(gè)極端的例子大家就懂了,比如:
或者:
三、排版上的美觀
1、節(jié)奏&方向性
舉個(gè)例子:
有沒有覺得上圖②號(hào)火柴人的跑動(dòng)方向“奔跑”二字的閱讀方向不同,導(dǎo)致畫面節(jié)奏略顯奇怪。
2、文字重點(diǎn)&對(duì)比
這個(gè)在上面提到過了,需要注意的是:要先思考突出內(nèi)容,再考慮整體美觀性。
3、陰影&線框
如果你想用的純色字體和背景色太過相似,背景色很有可能會(huì)“糊掉”你的文字。從遠(yuǎn)處看背景與文字根本分不清主次。這個(gè)時(shí)候可以用線框或是陰影來強(qiáng)調(diào)文字,使之在視覺上與背景分開。如下圖的destino。
4、材質(zhì)
這點(diǎn)和英文字體一樣,使用符合主題的字體材質(zhì),往往能增強(qiáng)標(biāo)題的戲劇化效果,增強(qiáng)文字的密度與重量感。
文字作為抽象產(chǎn)物,材質(zhì)化也能使之減輕其“抽象感”。
5、文字?jǐn)M態(tài)
這個(gè)和材質(zhì)化很像,也是增強(qiáng)文字張力的手法之一。也能使之更好地與畫面上其他視覺元素進(jìn)行互動(dòng)。
四、基于印刷品材質(zhì)/比例/尺寸的不同,做出相應(yīng)調(diào)整
1、書籍/雜志/手冊(cè)
這類頁數(shù)較多、文字圖片內(nèi)容明確且豐富的出版物,一般會(huì)有雛形板式。包括:
版面大小
版心
段落
正文
標(biāo)題樣式等
如果是書籍裝幀的排版,還涉及到:
書眉
訂口
切口
天頭
地腳
頁碼
正文等
原則上至少要做到內(nèi)容易讀,排版結(jié)合讀者閱讀習(xí)慣,具有引導(dǎo)性,突出重點(diǎn)。另外,紙質(zhì)也是重要的參考因素。
2、海報(bào)
海報(bào)是個(gè)很看重“第一眼印象”的東西。一般來說用戶觀看海報(bào)的時(shí)間平均可能只有1.5秒的時(shí)間,接收到的幾乎是瞬時(shí)信息。所以標(biāo)題一定要最顯眼,其次主題、內(nèi)容、時(shí)間等按照視覺邏輯依次按重點(diǎn)優(yōu)先級(jí)排列。
標(biāo)題文案最好不帶解說色彩,與背景圖片互相呼應(yīng)互補(bǔ)才是最好的。不過相比文字,大部分情況下海報(bào)最重要的元素是圖片,能用圖片敘述的內(nèi)容,就最好不用文字。
當(dāng)然,如果海報(bào)本身的設(shè)計(jì)足夠有沖擊力或是吸引力,往往能達(dá)到讓用戶停留更長的時(shí)間觀看,達(dá)到+1s的目的。
3、文字Logo
這個(gè)是相當(dāng)多設(shè)計(jì)師的槽點(diǎn)之一啊啊!!你們甲方看起來很簡單是吧!!簡單提幾點(diǎn):
文字局部擬物:
局部色彩強(qiáng)化:
最后:高格調(diào)好看,但一定一定切合主題 。文字和圖片同樣重要,請(qǐng)將文字當(dāng)作圖片來處理。
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注:作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載,授權(quán)事宜請(qǐng)聯(lián)系作者本人,侵權(quán)必究。
本文禁止轉(zhuǎn)載,侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán),侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
全部評(píng)論(1條)