20個(gè)網(wǎng)頁設(shè)計(jì)新手常見的排版設(shè)計(jì)誤區(qū)

排版是設(shè)計(jì)中重要的組成部分之一，它絕不僅僅是將漂亮的字體放在帥氣的背景上這么簡單。然而，制作優(yōu)秀的排版并不容易，雷區(qū)遍布，稍不注意就流于平庸。過于摳細(xì)節(jié)容易忽略整體的設(shè)計(jì)，過于強(qiáng)調(diào)視覺又容易忽視功能性，日常的誤區(qū)之多難以想象。所以，今天成都網(wǎng)站建設(shè)-創(chuàng)新互聯(lián)總結(jié)了排版設(shè)計(jì)中常見的20個(gè)誤區(qū)，幫你逐個(gè)梳理日常設(shè)計(jì)中容易碰到的排版問題。

1、擁擠的文字：字間距

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

2、密集的段落：行間距

行間距也是影響可讀性的重要因素，過于緊湊會(huì)難于識別，但是一味地拉開間距在視覺上的效果并不合理。一般行間距是行高的50%左右。

3、不合理的拉伸與壓縮

這是另一個(gè)常見的錯(cuò)誤，圖片、文字等元素并沒有按照原始比例拉伸或者壓縮而造成非正常的扭曲和形變。

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

4、忽略可讀性

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

5、文本的閱讀舒適度

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

6、“孤兒”與“寡婦”

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

7、不要在句末雙擊空格

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

8、使用太多字體

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

9、不匹配的字體

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

10、罔顧內(nèi)容

選好字體和字體樣式很重要，但是麻煩先審視一下你的項(xiàng)目中內(nèi)容。字體是有情緒的，好玩的、嚴(yán)謹(jǐn)?shù)?、浪漫的、隨性的、現(xiàn)代的、復(fù)古的等等等等。如果字體和設(shè)計(jì)的情緒與內(nèi)容不匹配，你會(huì)造成脫節(jié)和疏離的感覺，這會(huì)讓觀眾迷惑。公司報(bào)告是嚴(yán)謹(jǐn)?shù)?，不要用充滿童真的字體或者裝飾性字體，充滿張力的海報(bào)上用日常的普通字體自然也是設(shè)計(jì)上的失誤。

11、形式重過功能

這也是老生常談。你可以追隨近年的設(shè)計(jì)趨勢，找個(gè)獨(dú)特的字體設(shè)計(jì)一組炫酷而獨(dú)特的海報(bào)或者Banner，做的非常的藝術(shù)。但是這樣的設(shè)計(jì)可能會(huì)存在閱讀障礙，讀者需要耗費(fèi)很長時(shí)間來分辨它的內(nèi)容，那么這就是明顯的形式重于功能了。如果你決定這么設(shè)計(jì)的話，知名平衡一下藝術(shù)性和可讀性——也就是它的功能性。

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

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

13、全用大寫

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

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

在排版中，層次這個(gè)詞是區(qū)分文本和不同元素的重要性區(qū)別的學(xué)術(shù)性說法。以我們所熟知的報(bào)紙為例，標(biāo)題闡述核心，尺寸大，文字大寫，粗體強(qiáng)調(diào)，其次是副標(biāo)題，字體小點(diǎn)，文字不再大寫，再其次是正文，字體小。如果打破了這種層次結(jié)構(gòu)，用戶會(huì)迷惑。哪個(gè)重要哪個(gè)其次，傻傻分不清楚。

15、不對齊

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

16、使用對齊工具

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

17、粗糙的邊緣

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

18、添加特殊效果

一般添加特效是個(gè)不錯(cuò)的思路，但是必須使用得應(yīng)景。許多自帶的字體特效，諸如3D字體、大陰影、扭曲特效，都很容易讓設(shè)計(jì)看起來廉價(jià)而過于花哨。多看時(shí)下流行的設(shè)計(jì)范例，克制隨意添加特效的沖動(dòng)。

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

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

20、忘記審核

設(shè)計(jì)需要嚴(yán)格把關(guān)，做完設(shè)計(jì)之后不審核是不負(fù)責(zé)的行為。設(shè)計(jì)完之后，知名通讀全文，做拼寫檢查，確保沒有語法錯(cuò)誤、印刷錯(cuò)誤，這也是設(shè)計(jì)的一部分。

標(biāo)題名稱：20個(gè)網(wǎng)頁設(shè)計(jì)新手常見的排版設(shè)計(jì)誤區(qū)
標(biāo)題網(wǎng)址：http://www.muchs.cn/news41/210791.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、建站公司、定制開發(fā)、網(wǎng)站排名、微信公眾號、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)