設(shè)計新手經(jīng)常出現(xiàn)的20個字體排版錯誤

很多同學(xué)問設(shè)哥,為什么別人字體就那么隨意放一下就辣么好看卓嫂,其實(shí)排版可有大學(xué)問谓传,不是隨意放就好看蜈项。這就如同配色一樣,也有千變?nèi)f化的學(xué)問续挟。相信大家看完Designschool這篇頭條熱文紧卒,一定倍有收獲。

排版是設(shè)計中最重要的組成部分之一诗祸,它絕不僅僅是將漂亮的字體放在帥氣的背景上這么簡單跑芳。然而,制作優(yōu)秀的排版并不容易直颅,雷區(qū)遍布博个,稍不注意就流于平庸。過于摳細(xì)節(jié)容易忽略整體的設(shè)計功偿,過于強(qiáng)調(diào)視覺又容易忽視功能性盆佣,日常的誤區(qū)之多難以想象。所以械荷,今天我們總結(jié)了排版設(shè)計中常見的20個誤區(qū)共耍,幫你逐個梳理日常設(shè)計中容易碰到的排版問題。

1吨瞎、擁擠的文字:字間距

這是很容易忽略的一種錯誤痹兜,字間距過于擁擠會降低文字的可讀性。有的字體本身會比較稀疏颤诀,或者過于緊密字旭,適當(dāng)調(diào)整至易于閱讀的狀態(tài)即可。

2崖叫、密集的段落:行間距

行間距也是影響可讀性的重要因素遗淳,過于緊湊會難于識別,但是一味地拉開間距在視覺上的效果并不合理心傀。一般行間距是行高的50%左右洲脂。

3、不合理的拉伸與壓縮

這是另一個常見的錯誤,圖片恐锦、文字等元素并沒有按照原始比例拉伸或者壓縮而造成非正常的扭曲和形變往果。

要避免這個問題并不難,盡量在保持比例的前提下控制長或者寬等單個元素變化一铅,在PS或者AI等軟件中陕贮,按住Shift鍵拉伸,在網(wǎng)頁設(shè)計的時候潘飘,盡量按照原始比例來設(shè)定元素或者控制單個變量肮之。

4、忽略可讀性

正如同上文所說卜录,影響可讀性的影響因素很多戈擒,不過在諸多問題當(dāng)中,確奔瓒荆可讀性的基礎(chǔ)是可讀——至少要讓人看清元素本身筐高。在黑色的背景上采用白色的字體一般能保證可讀性,對比很明顯丑瞧,但是如果字體太過于纖細(xì)柑土,視覺上的辨識度就很低了。字體過小绊汹、色彩對比度不夠稽屏、透明度過高都會造成類似的問題,只要你發(fā)現(xiàn)難于識別西乖,有針對性地處理即可狐榔。

5、文本的閱讀舒適度

設(shè)計師的排版設(shè)計要求當(dāng)然不能僅僅停留在“可以看清”的程度获雕。標(biāo)題薄腻、宣傳語使用加粗的、花式的典鸡、裝飾性的字體有它的功能性被廓,但是長文的正文部分是需要用戶長時間閱讀的坏晦,要保持閱讀的舒適度萝玷。字體的尺寸、字間距昆婿、行間距都需要細(xì)心處理球碉。傳統(tǒng)的排版設(shè)計中,這個部分更加傾向于使用襯線體仓蛆,比如中文中報紙上所用的博雅宋就是專門設(shè)計的一套字體睁冬,襯線,筆畫細(xì)致干練,高識別度豆拨。不過隨著設(shè)計風(fēng)尚和需求的改變直奋,目前多用無襯線體,而且需要考慮在不同的設(shè)備上的閱讀體驗(yàn)施禾,于是有了蘋方和思源黑體脚线。

6、“孤兒”與“寡婦”

“Orphans”和“Widows”是印刷排版中的術(shù)語弥搞,通常指的是行貨列邮绿、頁頭和頁腳段落最后僅有一兩個詞構(gòu)成的短行之類的東西。在文字排版占主體的設(shè)計項(xiàng)目中攀例,這些行或者列非常的扎眼船逮,你如果不想讓大片的留白打斷排版的連續(xù)性,最好的解決方案是微調(diào)段落寬度粤铭、間距挖胃。

7、不要在句末雙擊空格

這種輸入習(xí)慣在中文中并不多見承耿,但是在英語言國家有不少人會有類似的習(xí)慣冠骄,在結(jié)束一個句子之后雙擊空格表示結(jié)束,但是在今天的排版設(shè)計習(xí)慣中加袋,通常認(rèn)為這樣的輸入方式是過時且不必要的凛辣。這種間距在視覺上會影響閱讀的流暢性,并且對排版會有影響职烧。保持克制扁誓。

8、使用太多字體

這是新手最常見的錯誤蚀之。使用多種字體原本是出于裝飾性的目的蝗敢,但是可控性很差且容易造成視覺干擾,通常將字體類型數(shù)量控制在2~3種是比較合理的足删。不同風(fēng)格的字體太多會讓你的整體風(fēng)格極其難以統(tǒng)一寿谴,專業(yè)性就更難以提及了。

9失受、不匹配的字體

除了不要使用過多的字體之外讶泰,還要注意使用協(xié)調(diào)的字體。不同風(fēng)格的字體用在一起自然會給人“畫風(fēng)詭異”的感覺拂到,分散用戶注意力痪署,降低了信息傳遞的有效性。字體的搭配手法是介于科學(xué)和藝術(shù)之間一種存在兄旬,它需要你學(xué)習(xí)排版和字體知識狼犯,還需要一部分“設(shè)計師的直覺”來支撐。在強(qiáng)調(diào)一致性的地方,襯線體和非襯線體不要混用悯森;在海報宋舷、封面等地方有的時候需要兩種甚至多種類型字體混用,襯線體和非襯線體的搭配就很重要了瓢姻。多看雜志肥缔、網(wǎng)站和雜志排版的案例吧。

10汹来、罔顧內(nèi)容

選好字體和字體樣式很重要续膳,但是麻煩先審視一下你的項(xiàng)目中內(nèi)容。字體是有情緒的收班,好玩的坟岔、嚴(yán)謹(jǐn)?shù)摹⒗寺乃よ搿㈦S性的社付、現(xiàn)代的、復(fù)古的等等等等邻耕。如果字體和設(shè)計的情緒與內(nèi)容不匹配鸥咖,你會造成脫節(jié)和疏離的感覺,這會讓觀眾迷惑兄世。公司報告是嚴(yán)謹(jǐn)?shù)奶淅保灰贸錆M童真的字體或者裝飾性字體,充滿張力的海報上用日常的普通字體自然也是設(shè)計上的失誤御滩。

11鸥拧、形式重過功能

這也是老生常談。你可以追隨近年的設(shè)計趨勢削解,找個獨(dú)特的字體設(shè)計一組炫酷而獨(dú)特的海報或者Banner富弦,做的非常的藝術(shù)。但是這樣的設(shè)計可能會存在閱讀障礙氛驮,讀者需要耗費(fèi)很長時間來分辨它的內(nèi)容腕柜,那么這就是明顯的形式重于功能了。如果你決定這么設(shè)計的話矫废,最好平衡一下藝術(shù)性和可讀性——也就是它的功能性盏缤。

12、過度強(qiáng)調(diào)

有時候你需要強(qiáng)化某個部分磷脯,會在視覺上進(jìn)行強(qiáng)調(diào)蛾找,讓它從整個設(shè)計中脫穎而出娩脾。文字部分常見的手法很多赵誓,斜體、粗體、下劃線俩功、大寫幻枉、增大字體大小,等等诡蜓。但是千萬不要將所有的強(qiáng)調(diào)方式都用在同一篇文字同一個段落中熬甫,這樣會讓它看起來凌亂不堪。

13蔓罚、全用大寫

同樣椿肩,這是一個在英文情況下常見的設(shè)計誤區(qū)。在標(biāo)題中全用大寫豺谈,這個沒問題郑象,段落中如果偶有需要強(qiáng)調(diào)的地方用大寫也說的過去。但是在此之前茬末,要保持約定俗成的最基本的使用習(xí)慣:標(biāo)題大寫厂榛,正文小寫。

14丽惭、忽視層次結(jié)構(gòu)

在排版中击奶,層次這個詞是區(qū)分文本和不同元素的重要性區(qū)別的學(xué)術(shù)性說法。以我們所熟知的報紙為例责掏,標(biāo)題闡述核心柜砾,尺寸最大,文字大寫换衬,粗體強(qiáng)調(diào)局义,其次是副標(biāo)題,字體小點(diǎn)冗疮,文字不再大寫萄唇,再其次是正文,字體最小术幔。如果打破了這種層次結(jié)構(gòu)另萤,用戶會迷惑。哪個重要哪個其次诅挑,傻傻分不清楚四敞。

15、不對齊

設(shè)計原則中拔妥,對齊是最重要的幾項(xiàng)之一忿危。對齊會讓文字排列有序而合理,視覺上統(tǒng)一而一致没龙。不同的對齊方式混合在一起會產(chǎn)生隨機(jī)的間距铺厨,難看且閱讀困難缎玫。

16、使用對齊工具

想要讓排版對齊最好的方式就是打開軟件的對齊工具解滓,現(xiàn)在的排版和作圖工具都有相關(guān)的對齊輔助工具赃磨,在它們的輔助下讓你的排版更加整齊吧。

17洼裤、粗糙的邊緣

這種問題在英文排版中更常見一些邻辉,中文排版中這種問題實(shí)際上并不嚴(yán)重,諸如Office一類的工具會自動幫你微調(diào)腮鞍,而更專業(yè)的排版軟件中也有相應(yīng)的算法幫你解決值骇。英文排版中這種問題更多,需要你細(xì)心處理調(diào)整移国,實(shí)際上這并不是什么特別復(fù)雜的事情雷客,重要的是細(xì)心。

18桥狡、添加特殊效果

一般添加特效是個不錯的思路搅裙,但是必須使用得應(yīng)景。許多自帶的字體特效裹芝,諸如3D字體部逮、大陰影、扭曲特效嫂易,都很容易讓設(shè)計看起來廉價而過于花哨兄朋。多看時下流行的設(shè)計范例,克制隨意添加特效的沖動怜械。

19颅和、在重要項(xiàng)目中嘗試新效果

在重要的項(xiàng)目中測試新的設(shè)計手法、特效和有趣的字體并不是一個靠譜的方案缕允,也不是合適的時機(jī)峡扩,甚至不是一個專業(yè)設(shè)計師應(yīng)該做的事情。這種手段過于冒險障本,因?yàn)樾碌氖址O有可能并不實(shí)用可靠教届,如果你相信自己的直覺也應(yīng)該在其他的非重要項(xiàng)目中進(jìn)行試錯。

20驾霜、忘記審核

設(shè)計需要嚴(yán)格把關(guān)案训,做完設(shè)計之后不審核是不負(fù)責(zé)的行為。設(shè)計完之后粪糙,最好通讀全文强霎,做拼寫檢查,確保沒有語法錯誤蓉冈、印刷錯誤城舞,這也是設(shè)計的一部分轩触。

非特殊說明,本文版權(quán)歸原作者所有椿争,轉(zhuǎn)載請注明出處

本文地址:http://www.siweiw.com/sjinfo7057.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市熟嫩,隨后出現(xiàn)的幾起案子秦踪,更是在濱河造成了極大的恐慌,老刑警劉巖掸茅,帶你破解...
    沈念sama閱讀 211,561評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件椅邓,死亡現(xiàn)場離奇詭異,居然都是意外死亡昧狮,警方通過查閱死者的電腦和手機(jī)景馁,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來逗鸣,“玉大人合住,你說我怎么就攤上這事∪鲨担” “怎么了透葛?”我有些...
    開封第一講書人閱讀 157,162評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長卿樱。 經(jīng)常有香客問我僚害,道長,這世上最難降的妖魔是什么繁调? 我笑而不...
    開封第一講書人閱讀 56,470評論 1 283
  • 正文 為了忘掉前任萨蚕,我火速辦了婚禮,結(jié)果婚禮上蹄胰,老公的妹妹穿的比我還像新娘岳遥。我一直安慰自己,他們只是感情好裕寨,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,550評論 6 385
  • 文/花漫 我一把揭開白布寒随。 她就那樣靜靜地躺著,像睡著了一般帮坚。 火紅的嫁衣襯著肌膚如雪妻往。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,806評論 1 290
  • 那天试和,我揣著相機(jī)與錄音讯泣,去河邊找鬼。 笑死阅悍,一個胖子當(dāng)著我的面吹牛好渠,可吹牛的內(nèi)容都是我干的昨稼。 我是一名探鬼主播,決...
    沈念sama閱讀 38,951評論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼拳锚,長吁一口氣:“原來是場噩夢啊……” “哼假栓!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起霍掺,我...
    開封第一講書人閱讀 37,712評論 0 266
  • 序言:老撾萬榮一對情侶失蹤匾荆,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后杆烁,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體牙丽,經(jīng)...
    沈念sama閱讀 44,166評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,510評論 2 327
  • 正文 我和宋清朗相戀三年兔魂,在試婚紗的時候發(fā)現(xiàn)自己被綠了烤芦。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,643評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡析校,死狀恐怖构罗,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情智玻,我是刑警寧澤绰播,帶...
    沈念sama閱讀 34,306評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站尚困,受9級特大地震影響蠢箩,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜事甜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,930評論 3 313
  • 文/蒙蒙 一谬泌、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧逻谦,春花似錦掌实、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,745評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至滋将,卻和暖如春邻悬,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背随闽。 一陣腳步聲響...
    開封第一講書人閱讀 31,983評論 1 266
  • 我被黑心中介騙來泰國打工父丰, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人掘宪。 一個月前我還...
    沈念sama閱讀 46,351評論 2 360
  • 正文 我出身青樓蛾扇,卻偏偏與公主長得像攘烛,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子镀首,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,509評論 2 348

推薦閱讀更多精彩內(nèi)容