2016-09-04 分類: 網(wǎng)站建設(shè)
很多同學(xué)問設(shè)哥,為什么別人字體就那么隨意放一下就辣么好看,其實排版可有大學(xué)問,不是隨意放就好看。這就如同配色一樣,也有千變?nèi)f化的學(xué)問。相信大家看完Designschool這篇頭條熱文,一定倍有收獲。
排版是設(shè)計中最重要的組成部分之一,它絕不僅僅是將漂亮的字體放在帥氣的背景上這么簡單。然而,制作優(yōu)秀的排版并不容易,雷區(qū)遍布,稍不注意就流于平庸。過于摳細(xì)節(jié)容易忽略整體的設(shè)計,過于強調(diào)視覺又容易忽視功能性,日常的誤區(qū)之多難以想象。所以,今天創(chuàng)新互聯(lián)總結(jié)了排版設(shè)計中常見的20個誤區(qū),幫你逐個梳理日常設(shè)計中容易碰到的排版問題。
這是很容易忽略的一種錯誤,字間距過于擁擠會降低文字的可讀性。有的字體本身會比較稀疏,或者過于緊密,適當(dāng)調(diào)整至易于閱讀的狀態(tài)即可。
行間距也是影響可讀性的重要因素,過于緊湊會難于識別,但是一味地拉開間距在視覺上的效果并不合理。一般行間距是行高的50%左右。
這是另一個常見的錯誤,圖片、文字等元素并沒有按照原始比例拉伸或者壓縮而造成非正常的扭曲和形變。
要避免這個問題并不難,盡量在保持比例的前提下控制長或者寬等單個元素變化,在PS或者AI等軟件中,按住Shift鍵拉伸,在網(wǎng)頁設(shè)計的時候,盡量按照原始比例來設(shè)定元素或者控制單個變量。
正如同上文所說,影響可讀性的影響因素很多,不過在諸多問題當(dāng)中,確??勺x性的基礎(chǔ)是可讀——至少要讓人看清元素本身。在黑色的背景上采用白色的字體一般能保證可讀性,對比很明顯,但是如果字體太過于纖細(xì),視覺上的辨識度就很低了。字體過小、色彩對比度不夠、透明度過高都會造成類似的問題,只要你發(fā)現(xiàn)難于識別,有針對性地處理即可。
設(shè)計師的排版設(shè)計要求當(dāng)然不能僅僅停留在“可以看清”的程度。標(biāo)題、宣傳語使用加粗的、花式的、裝飾性的字體有它的功能性,但是長文的正文部分是需要用戶長時間閱讀的,要保持閱讀的舒適度。字體的尺寸、字間距、行間距都需要細(xì)心處理。傳統(tǒng)的排版設(shè)計中,這個部分更加傾向于使用襯線體,比如中文中報紙上所用的博雅宋就是專門設(shè)計的一套字體,襯線,筆畫細(xì)致干練,高識別度。不過隨著設(shè)計風(fēng)尚和需求的改變,目前多用無襯線體,而且需要考慮在不同的設(shè)備上的閱讀體驗,于是有了蘋方和思源黑體。
“Orphans”和“Widows”是印刷排版中的術(shù)語,通常指的是行貨列、頁頭和頁腳段落最后僅有一兩個詞構(gòu)成的短行之類的東西。在文字排版占主體的設(shè)計項目中,這些行或者列非常的扎眼,你如果不想讓大片的留白打斷排版的連續(xù)性,最好的解決方案是微調(diào)段落寬度、間距。
這種輸入習(xí)慣在中文中并不多見,但是在英語言國家有不少人會有類似的習(xí)慣,在結(jié)束一個句子之后雙擊空格表示結(jié)束,但是在今天的排版設(shè)計習(xí)慣中,通常認(rèn)為這樣的輸入方式是過時且不必要的。這種間距在視覺上會影響閱讀的流暢性,并且對排版會有影響。保持克制。
這是新手最常見的錯誤。使用多種字體原本是出于裝飾性的目的,但是可控性很差且容易造成視覺干擾,通常將字體類型數(shù)量控制在2~3種是比較合理的。不同風(fēng)格的字體太多會讓你的整體風(fēng)格極其難以統(tǒng)一,專業(yè)性就更難以提及了。
除了不要使用過多的字體之外,還要注意使用協(xié)調(diào)的字體。不同風(fēng)格的字體用在一起自然會給人“畫風(fēng)詭異”的感覺,分散用戶注意力,降低了信息傳遞的有效性。字體的搭配手法是介于科學(xué)和藝術(shù)之間一種存在,它需要你學(xué)習(xí)排版和字體知識,還需要一部分“設(shè)計師的直覺”來支撐。在強調(diào)一致性的地方,襯線體和非襯線體不要混用;在海報、封面等地方有的時候需要兩種甚至多種類型字體混用,襯線體和非襯線體的搭配就很重要了。多看雜志、網(wǎng)站和雜志排版的案例吧。
選好字體和字體樣式很重要,但是麻煩先審視一下你的項目中內(nèi)容。字體是有情緒的,好玩的、嚴(yán)謹(jǐn)?shù)?、浪漫的、隨性的、現(xiàn)代的、復(fù)古的等等等等。如果字體和設(shè)計的情緒與內(nèi)容不匹配,你會造成脫節(jié)和疏離的感覺,這會讓觀眾迷惑。公司報告是嚴(yán)謹(jǐn)?shù)模灰贸錆M童真的字體或者裝飾性字體,充滿張力的海報上用日常的普通字體自然也是設(shè)計上的失誤。
這也是老生常談。你可以追隨近年的設(shè)計趨勢,找個獨特的字體設(shè)計一組炫酷而獨特的海報或者Banner,做的非常的藝術(shù)。但是這樣的設(shè)計可能會存在閱讀障礙,讀者需要耗費很長時間來分辨它的內(nèi)容,那么這就是明顯的形式重于功能了。如果你決定這么設(shè)計的話,最好平衡一下藝術(shù)性和可讀性——也就是它的功能性。
有時候你需要強化某個部分,會在視覺上進(jìn)行強調(diào),讓它從整個設(shè)計中脫穎而出。文字部分常見的手法很多,斜體、粗體、下劃線、大寫、增大字體大小,等等。但是千萬不要將所有的強調(diào)方式都用在同一篇文字同一個段落中,這樣會讓它看起來凌亂不堪。
同樣,這是一個在英文情況下常見的設(shè)計誤區(qū)。在標(biāo)題中全用大寫,這個沒問題,段落中如果偶有需要強調(diào)的地方用大寫也說的過去。但是在此之前,要保持約定俗成的最基本的使用習(xí)慣:標(biāo)題大寫,正文小寫。
在排版中,層次這個詞是區(qū)分文本和不同元素的重要性區(qū)別的學(xué)術(shù)性說法。以我們所熟知的報紙為例,標(biāo)題闡述核心,尺寸大,文字大寫,粗體強調(diào),其次是副標(biāo)題,字體小點,文字不再大寫,再其次是正文,字體最小。如果打破了這種層次結(jié)構(gòu),用戶會迷惑。哪個重要哪個其次,傻傻分不清楚。
設(shè)計原則中,對齊是最重要的幾項之一。對齊會讓文字排列有序而合理,視覺上統(tǒng)一而一致。不同的對齊方式混合在一起會產(chǎn)生隨機的間距,難看且閱讀困難。
想要讓排版對齊最好的方式就是打開軟件的對齊工具,現(xiàn)在的排版和作圖工具都有相關(guān)的對齊輔助工具,在它們的輔助下讓你的排版更加整齊吧。
這種問題在英文排版中更常見一些,中文排版中這種問題實際上并不嚴(yán)重,諸如Office一類的工具會自動幫你微調(diào),而更專業(yè)的排版軟件中也有相應(yīng)的算法幫你解決。英文排版中這種問題更多,需要你細(xì)心處理調(diào)整,實際上這并不是什么特別復(fù)雜的事情,重要的是細(xì)心。
一般添加特效是個不錯的思路,但是必須使用得應(yīng)景。許多自帶的字體特效,諸如3D字體、大陰影、扭曲特效,都很容易讓設(shè)計看起來廉價而過于花哨。多看時下流行的設(shè)計范例,克制隨意添加特效的沖動。
在重要的項目中測試新的設(shè)計手法、特效和有趣的字體并不是一個靠譜的方案,也不是合適的時機,甚至不是一個專業(yè)設(shè)計師應(yīng)該做的事情。這種手段過于冒險,因為新的手法極有可能并不實用可靠,如果你相信自己的直覺也應(yīng)該在其他的非重要項目中進(jìn)行試錯。
設(shè)計需要嚴(yán)格把關(guān),做完設(shè)計之后不審核是不負(fù)責(zé)的行為。設(shè)計完之后,最好通讀全文,做拼寫檢查,確保沒有語法錯誤、印刷錯誤,這也是設(shè)計的一部分。
分享標(biāo)題:排版寶典!20個設(shè)計新手常犯的排版設(shè)計誤區(qū)
分享網(wǎng)址:http://muchs.cn/news17/43517.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供域名注冊、網(wǎng)站設(shè)計、做網(wǎng)站、面包屑導(dǎo)航、網(wǎng)站導(dǎo)航、服務(wù)器托管
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容