網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)當(dāng)了解的文字排版準(zhǔn)則

創(chuàng)新互聯(lián)為大家分享20個(gè)《網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)當(dāng)了解的文字排版準(zhǔn)則》。

文字排版設(shè)計(jì)是平面設(shè)計(jì)中最重要也是最能打動(dòng)人心的設(shè)計(jì)要素之一。無(wú)論你的設(shè)計(jì)水平處于哪個(gè)階段，文字排版準(zhǔn)則對(duì)于提升你的設(shè)計(jì)能力都非常有幫助。

文字排版設(shè)計(jì)是平面設(shè)計(jì)中最重要也是最能打動(dòng)人心的設(shè)計(jì)要素之一。無(wú)論你的設(shè)計(jì)水平處于哪個(gè)階段，文字排版準(zhǔn)則對(duì)于提升你的設(shè)計(jì)能力都非常有幫助。試著了解字體設(shè)計(jì)相關(guān)的資料，例如一個(gè)特定字體的起源或者是一個(gè)字體的結(jié)構(gòu)，因?yàn)檫@樣做可以擴(kuò)大你的知識(shí)面。當(dāng)你真正掌握了字體排版的方法，你的潛在客戶(hù)會(huì)對(duì)你更加欽佩。當(dāng)然，作為一名設(shè)計(jì)師，了解字體排版設(shè)計(jì)的來(lái)龍去脈也是職責(zé)所在。一旦你掌握了其中的方法，對(duì)于字體排版簡(jiǎn)直輕而易舉!

同所有的技能或職業(yè)一樣，對(duì)于文字排版，你需要學(xué)習(xí)特定的規(guī)則和指南,才能充分提升和擴(kuò)展你的技能。這里有20個(gè)關(guān)于排版的經(jīng)驗(yàn)，是排版藝術(shù)的重要原則。

1.學(xué)習(xí)基礎(chǔ)知識(shí)

第一步，學(xué)習(xí)文本排版更有效的方式是掌握排版藝術(shù)的本質(zhì)。如果你是排版設(shè)計(jì)的新手，可能認(rèn)為字體排版就是簡(jiǎn)單的練習(xí)就可以了。事實(shí)上，排版設(shè)計(jì)是很復(fù)雜的技能，因?yàn)樗撬囆g(shù)與科學(xué)的結(jié)合。

一個(gè)文本排版設(shè)計(jì)作品由特定的元素組成，經(jīng)過(guò)精確的測(cè)量，同時(shí)需要考慮并采用設(shè)計(jì)規(guī)范進(jìn)行設(shè)計(jì)。就像不同的設(shè)計(jì)形式，只有你完全掌握之后才能打破現(xiàn)有的規(guī)則。同時(shí)只有你確定表達(dá)了排版設(shè)計(jì)中的重要意義，排版的形式才會(huì)被用戶(hù)接受。

為了能夠更好的掌握排版設(shè)計(jì)的基本技巧，你需要多學(xué)習(xí)多了解排版設(shè)計(jì)藝術(shù)。

2. 注意字體表達(dá)的含義

字體的選擇并不是一個(gè)隨機(jī)過(guò)程。僅僅通過(guò)搜索你的字庫(kù)選擇喜歡的字體，很少能得到一個(gè)滿(mǎn)意的結(jié)果。這是因?yàn)橛脩?hù)的心理更傾向于有特定意義的字體樣式。

在設(shè)計(jì)過(guò)程中，你應(yīng)當(dāng)確保你的字體樣式符合用戶(hù)使用習(xí)慣。這不僅僅意味著你選擇的字體是經(jīng)過(guò)好設(shè)計(jì)的，更要保證你設(shè)計(jì)中使用的字體是符合市場(chǎng)營(yíng)銷(xiāo)需要的。

你不會(huì)將精心設(shè)計(jì)的彩色字體應(yīng)用于一本律師事務(wù)所的小冊(cè)子，對(duì)么?其實(shí)它更適合用于生日宴會(huì)請(qǐng)?zhí)脑O(shè)計(jì)。

3. 理解字間距

草率的字間距調(diào)整是設(shè)計(jì)工作中的大忌。不用多說(shuō)，這個(gè)關(guān)鍵的技能你應(yīng)該盡快搞定。

字體間距微調(diào)整可以使人物角色到產(chǎn)品的轉(zhuǎn)變更合理，更統(tǒng)一。這聽(tīng)起來(lái)好像不那么重要，但是一個(gè)優(yōu)秀的字間距調(diào)整工作可以成就一個(gè)完全不同的設(shè)計(jì)。字間距調(diào)整的主要目標(biāo)是確保每個(gè)字符之間的空間美學(xué)，創(chuàng)建優(yōu)美的文本序列。

同時(shí)，就像Adobe Illustrator之類(lèi)的軟件只能提供字間距調(diào)整過(guò)程中自動(dòng)修復(fù)錯(cuò)誤的功能。這些錯(cuò)誤往往是很微小不易察覺(jué)的，尤其是在長(zhǎng)句子或段落中。但是對(duì)于標(biāo)題或者標(biāo)志來(lái)說(shuō)，一個(gè)糟糕的字間距調(diào)整可以瞬間毀掉整個(gè)設(shè)計(jì)作品。

4. 限制字體使用的種類(lèi)

設(shè)計(jì)師在進(jìn)行字體排版設(shè)計(jì)過(guò)程中，尤其是新手設(shè)計(jì)師，常見(jiàn)的錯(cuò)誤是使用太多的字體和設(shè)計(jì)風(fēng)格。如果你需要使用不止一種字體，一定要限制你的字體在兩到三種以?xún)?nèi)。使用一種字型和大小用在設(shè)計(jì)主體，一種字體用于標(biāo)題，另外一種用于副標(biāo)題。不要在字庫(kù)中選擇字體時(shí)猶豫不決，只要確保字體之間是緊密關(guān)聯(lián)的。使用兩種非常相近的字體可能會(huì)是一個(gè)錯(cuò)誤的選擇。有些人會(huì)認(rèn)為你不夠仔細(xì)，粗心使用了錯(cuò)誤的字體。

5. 練習(xí)正確的對(duì)齊方法

對(duì)齊在字體排版設(shè)計(jì)中是一個(gè)必須掌握的技能。許多非專(zhuān)業(yè)設(shè)計(jì)師傾向于居中對(duì)齊原則，同時(shí)認(rèn)為是合理的，這樣就導(dǎo)致文本段落難以閱讀。如果你已經(jīng)開(kāi)始使用文本處理軟件，證明你已經(jīng)熟悉了四個(gè)關(guān)鍵對(duì)齊原則：左對(duì)齊、居中對(duì)齊、右對(duì)齊和整體對(duì)齊原則。

左對(duì)齊，是排版設(shè)計(jì)中最常見(jiàn)的方式，也是閱讀最舒服的對(duì)齊方式之一。右對(duì)齊，只有在文本排列合理的情況下才能使用。整體對(duì)齊是設(shè)計(jì)師忌諱的一種對(duì)齊方式。

左對(duì)齊和右對(duì)齊都要小心參差不齊的參考線(xiàn)。這些線(xiàn)在居中對(duì)齊使用不當(dāng)?shù)那闆r下也非常明顯。如果你的文章排版中間顯得特別“臃腫”，試著調(diào)整參考線(xiàn)的長(zhǎng)度。

6. 加入視覺(jué)層次感

排版設(shè)計(jì)中視覺(jué)層次結(jié)構(gòu)的加入，是為了突顯某些重要內(nèi)容而做的設(shè)計(jì)技巧。因此，你在設(shè)計(jì)過(guò)程中，創(chuàng)建和移動(dòng)內(nèi)容時(shí)需要以用戶(hù)接受信息的難易程度為依據(jù)。通過(guò)視覺(jué)層次結(jié)構(gòu)來(lái)引導(dǎo)用戶(hù)關(guān)注相關(guān)內(nèi)容。如果不使用視覺(jué)層次結(jié)構(gòu)排版準(zhǔn)則，用戶(hù)在識(shí)別重要信息的時(shí)候?qū)⒎浅＠щy。

7. 使用網(wǎng)格設(shè)計(jì)

了解和使用網(wǎng)格進(jìn)行排版設(shè)計(jì)是至關(guān)重要的。它可以確保頁(yè)面中元素之間保持邏輯和視覺(jué)上的和諧統(tǒng)一。這樣可以保證設(shè)計(jì)整體的凝聚力和關(guān)聯(lián)性。

正如前面所言，你不必在每次創(chuàng)建元素時(shí)都使用網(wǎng)格。然而，如果你了解如何使用網(wǎng)格，它會(huì)在排版設(shè)計(jì)中為你帶來(lái)很多好處。

8. 巧妙的字型搭配練習(xí)

合理的字型搭配可以讓整個(gè)作品更加引人注目。又一次說(shuō)明，同時(shí)使用太多的字體會(huì)造成整個(gè)作品沒(méi)有重心。多個(gè)字體的使用會(huì)令用戶(hù)迷茫，不知道哪個(gè)才是最重要的。

通常情況下，你應(yīng)該只使用三個(gè)字體進(jìn)行設(shè)計(jì)。分別應(yīng)用于：標(biāo)題、小標(biāo)題和正文文字。如果你的設(shè)計(jì)文字太長(zhǎng)，最終效果就會(huì)大打折扣。在這種情況下，你可以選擇使用一個(gè)或兩個(gè)字型。

9.選擇一個(gè)優(yōu)秀的二級(jí)字體搭配

良好的字體搭配對(duì)于提升設(shè)計(jì)可讀性非常重要。當(dāng)一個(gè)文檔中有一個(gè)大標(biāo)題和一個(gè)小標(biāo)題的時(shí)候，使用兩種不同的字型進(jìn)行互補(bǔ)搭配，建立視覺(jué)層次感。在保證整體設(shè)計(jì)的統(tǒng)一情況下，使用第二個(gè)字體必須同樣引人注目。

10.學(xué)會(huì)排版測(cè)量

排版測(cè)量主要用于計(jì)算文本塊的寬度。網(wǎng)頁(yè)設(shè)計(jì)中排版測(cè)量尤為重要。并不是所有字體的寬度是一樣的，這意味著在網(wǎng)頁(yè)設(shè)計(jì)中使用不同的字體時(shí)，要考慮字型來(lái)適應(yīng)不同的空間大小。

一個(gè)字符的高度被稱(chēng)為它的“X坐標(biāo)。”當(dāng)你對(duì)字體搭配選擇時(shí)，確保它們有相同的“X坐標(biāo)?！? 一個(gè)字符的寬度被稱(chēng)為“設(shè)置寬度。”這就組成了整個(gè)字體部分，包括字體背后的空間大小?！包c(diǎn)數(shù)”通常被用于測(cè)量字體大小。

11.優(yōu)先考慮可讀性

不論你怎樣設(shè)計(jì)，都要確保人們可以很容易讀到你的信息。這意味著，在深色背景上，使用黑色文字是一大禁忌。更要注意的是，避免在高對(duì)比度圖像上使用小字體。你可以做出一個(gè)令人驚艷的設(shè)計(jì)效果，但是如果你的文字難以閱讀，所有的努力都將是徒勞的。

12.明智選擇字體顏色

色彩是一個(gè)設(shè)計(jì)師最有力的工具之一。這就需要你精心設(shè)置一套配色方案完成設(shè)計(jì)。

當(dāng)字體面板和配色方案放在一起使用時(shí)，深入研究色彩理論確定適合你設(shè)計(jì)風(fēng)格的正確顏色。例如,橙色通常被認(rèn)為是增加食欲的色彩,這就說(shuō)明為什么橙色廣泛應(yīng)用于快餐設(shè)計(jì)中。

色彩的選擇具有具體的規(guī)則和指導(dǎo)方向。雖然突破傳統(tǒng)思維，多次嘗試可以產(chǎn)生一個(gè)獨(dú)一無(wú)二的酷炫設(shè)計(jì)風(fēng)格，但是要確保字體顏色的選擇不要太分散，那樣會(huì)使設(shè)計(jì)所傳達(dá)信息非常混亂。

13.掌握“半行文本”和“溢出文本”的排版方法

把你的設(shè)計(jì)內(nèi)容應(yīng)用到下一個(gè)層級(jí)，是為了識(shí)別和找出“半行文本”和“溢出文本”。對(duì)于“半行文本”排版設(shè)計(jì)，是整個(gè)段落的一部分，但是已經(jīng)轉(zhuǎn)移到下一列。“溢出文本”的問(wèn)題與“半行文本”類(lèi)似，只是有一個(gè)詞語(yǔ)轉(zhuǎn)到下一個(gè)段落里。在任何文本排版設(shè)計(jì)中，遇到文字居中排列時(shí)， “半行文本”和“溢出文本”是不可避免的，所以你必須知道如何正確地處理這些問(wèn)題。

這里有幾種方法來(lái)管理“半行文本”和“溢出文本”。你可以用設(shè)計(jì)手冊(cè)的文本編輯工具，修改線(xiàn)條的長(zhǎng)度來(lái)解決這個(gè)問(wèn)題。還可以通過(guò)調(diào)整文本框或列大小,使周?chē)倪吙虼笮?lái)適應(yīng)“半行文本”和“溢出文本”的排版設(shè)計(jì)。

14.避免拉伸字體

這是一個(gè)非常簡(jiǎn)單的規(guī)則，也是很多設(shè)計(jì)師經(jīng)常會(huì)忽視的一點(diǎn)。一般來(lái)講，創(chuàng)建字體過(guò)程中，需要以一絲不茍的態(tài)度考慮細(xì)節(jié)問(wèn)題(字體形狀和字型大小)，拉伸字體會(huì)使整個(gè)設(shè)計(jì)失去效率和價(jià)值。

通常情況下，設(shè)計(jì)師拉伸字體的原因是想要字體更高或更寬。有一個(gè)不讓字體變形的方法是，你可以從不斷更新的字體網(wǎng)站上選擇或更高或更寬的字體。有些字體是需要付費(fèi)的，其他的都是免費(fèi)字體。

15.留白的空間

留白是獨(dú)特而且有價(jià)值的工具，可以使你的設(shè)計(jì)更加獨(dú)特。巧妙利用留白可以產(chǎn)生一些獨(dú)特的效果。它有助于用戶(hù)把更多的注意力放在一個(gè)特定部分。留白可以使設(shè)計(jì)具有呼吸感。各個(gè)設(shè)計(jì)模塊之間更加穩(wěn)定。它增加了設(shè)計(jì)的復(fù)雜性，同時(shí)也使設(shè)計(jì)更容易被用戶(hù)理解和接受。

留白雖然沒(méi)有添加任何新元素，但是留白設(shè)計(jì)可以表達(dá)多種含義。假設(shè)你在設(shè)計(jì)一個(gè)消除噪音的耳機(jī)海報(bào)。只需要將耳機(jī)呈現(xiàn)在畫(huà)布上，不需要任何額外的元素，利用留白突出產(chǎn)品的特點(diǎn)。留白讓耳機(jī)是海報(bào)中唯一的焦點(diǎn)。更重要的是，留白的加入解釋了耳機(jī)是如何消除外界噪音的，因?yàn)闆](méi)有添加任何其他元素。

16.把排版當(dāng)作藝術(shù)

不考慮排版設(shè)計(jì)中字體的使用來(lái)彌補(bǔ)你的設(shè)計(jì)缺陷。精心設(shè)計(jì)的字體具有一定的藝術(shù)性，成為你設(shè)計(jì)工具箱中有價(jià)值的元素之一。這已經(jīng)超出了純文本創(chuàng)建的意義。它是關(guān)于字體設(shè)置的一種藝術(shù)形式。為了產(chǎn)生一個(gè)獨(dú)特的效果，考慮如何使用醒目的字體作為設(shè)計(jì)代表作。

此外，不要受限于現(xiàn)有的字體組合。探索和擴(kuò)展你的搜索技能，確保能找到好搭配的字體來(lái)滿(mǎn)足設(shè)計(jì)需求。然后可以添加漩渦,紋理,線(xiàn),和其他很酷的、古怪的、或者有趣的字體提高作品整體的外觀和感受。

17.不要跟隨潮流進(jìn)行設(shè)計(jì)

有些時(shí)候，設(shè)計(jì)就像是時(shí)尚界永不休止的流行和噱頭。潮流瞬息萬(wàn)變。今天，這種潮流應(yīng)該是廣受歡迎的;明天，它就有可能被人們遺忘。一旦流行趨勢(shì)的光澤消失了，與之相關(guān)的策劃就會(huì)迅速變得過(guò)時(shí)和無(wú)效。

新的設(shè)計(jì)風(fēng)格或設(shè)計(jì)方法同樣受影響。一些設(shè)計(jì)師常常喜歡最快速跟進(jìn)新的設(shè)計(jì)趨勢(shì)，這讓他們興奮不已，同時(shí)新趨勢(shì)也很容易被復(fù)制。盡管當(dāng)前最流行的設(shè)計(jì)趨勢(shì)主導(dǎo)設(shè)計(jì)圈，這些趨勢(shì)也很容易消失。一年前你剛設(shè)計(jì)的標(biāo)志，今天你回頭來(lái)看，這種設(shè)計(jì)就被認(rèn)為是乏味和過(guò)時(shí)的。

前面已經(jīng)提過(guò)，你必須意識(shí)到字體趨勢(shì)可能會(huì)影響整個(gè)設(shè)計(jì)。搜集那些受歡迎的設(shè)計(jì)作品，去研究它們?yōu)楹文艹蔀榱餍汹厔?shì)。研究設(shè)計(jì)趨勢(shì)意味著要學(xué)會(huì)分析設(shè)計(jì)元素。試著讓它們適應(yīng)你的設(shè)計(jì)，但要避免加入任何沒(méi)有經(jīng)過(guò)考慮的潮流元素。

18. 使用正確的工具

一個(gè)木匠不會(huì)使用螺絲刀訂釘子，同理，設(shè)計(jì)師必須知道什么工具適合這個(gè)設(shè)計(jì)任務(wù)。更重要的是，你必須知道什么工具你不該去碰。網(wǎng)上有很多字體設(shè)計(jì)軟件，來(lái)幫助你針對(duì)特定的設(shè)計(jì)選擇最好的工具。最受歡迎的是Adobe的軟件。由于Adobe的軟件價(jià)格不菲，所以需要比較那些是必須購(gòu)買(mǎi)的，那些可以繞過(guò)。

19. 遵守語(yǔ)法規(guī)則

語(yǔ)法可以是混亂和復(fù)雜的設(shè)計(jì)組件，因?yàn)檫@里有大量你可能不知道的隱藏規(guī)則。努力學(xué)習(xí)并找出語(yǔ)法規(guī)則，可以幫助你創(chuàng)建具有專(zhuān)業(yè)外觀的設(shè)計(jì)。你必須額外注意三個(gè)語(yǔ)法錯(cuò)誤：標(biāo)點(diǎn)符號(hào)后面的雙空格、連字符和破折號(hào)。

語(yǔ)法結(jié)構(gòu)有多種專(zhuān)業(yè)的設(shè)計(jì)指南。雖然大多數(shù)設(shè)計(jì)師會(huì)覺(jué)得，這個(gè)看起來(lái)是微不足道的。但是正確的語(yǔ)法結(jié)構(gòu)是一個(gè)微妙而有力工具，它可以把你的設(shè)計(jì)提升到一個(gè)全新的水平，從而顯示你對(duì)設(shè)計(jì)細(xì)節(jié)的關(guān)注。

20. 找到設(shè)計(jì)靈感

像生活中的其他事物一樣，建立設(shè)計(jì)靈感需要很長(zhǎng)一段路要走。最好的方法是學(xué)習(xí)如何創(chuàng)建有效且吸引人的排版設(shè)計(jì)，特別是要研究現(xiàn)有的字體插畫(huà)。找出有效的、吸引用戶(hù)注意的部分。

你可以在網(wǎng)上找到很多關(guān)于設(shè)計(jì)靈感的文章。但是互聯(lián)網(wǎng)不是唯一讓你獲取靈感的地方。你可以通過(guò)觀察周?chē)沫h(huán)境來(lái)激發(fā)你的熱情。試著發(fā)現(xiàn)和分析字體和圖形，那些吸引你注意力的，想讓你參與其中游戲等等。

額外提示：練習(xí)、練習(xí)再練習(xí)

通過(guò)不斷的練習(xí)提高你的設(shè)計(jì)技能。掌握排版規(guī)則和指導(dǎo)方針，是提高排版相關(guān)設(shè)計(jì)的關(guān)鍵。反復(fù)練習(xí)這些規(guī)則，可以幫助你輕松掌握其中的方法。只有通過(guò)實(shí)際訓(xùn)練，你可以完全理解每個(gè)規(guī)則是如何使用的。

記住，這些規(guī)則是為了幫助和指導(dǎo)你產(chǎn)出更高至的排版設(shè)計(jì)。在持續(xù)工作中你會(huì)發(fā)現(xiàn)，你所創(chuàng)建的設(shè)計(jì)作品已經(jīng)打破現(xiàn)有一個(gè)或多個(gè)原則。特別是當(dāng)你突破界限，創(chuàng)造出令人驚奇的設(shè)計(jì)時(shí)。當(dāng)你完全理解設(shè)計(jì)規(guī)則的時(shí)候，你可以打破現(xiàn)有的規(guī)則。只要確保這些規(guī)則不是隨意創(chuàng)建，可以被忽略的，而是為了達(dá)到一個(gè)明確的文本排版設(shè)計(jì)目標(biāo)。

網(wǎng)頁(yè)題目：網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)當(dāng)了解的文字排版準(zhǔn)則
URL網(wǎng)址：http://www.muchs.cn/news31/159081.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、關(guān)鍵詞優(yōu)化、企業(yè)網(wǎng)站制作、外貿(mào)建站、搜索引擎優(yōu)化、微信公眾號(hào)

廣告

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