文字排版教程

1、文字排版文字排版 1 1提高文字的可讀性提高文字的可讀性 設(shè)計(jì)中的文字應(yīng)避免繁雜零亂，使人易認(rèn)，易懂，切忌為了設(shè)計(jì)而設(shè)計(jì)，忘記了設(shè)計(jì)中的文字應(yīng)避免繁雜零亂，使人易認(rèn)，易懂，切忌為了設(shè)計(jì)而設(shè)計(jì)，忘記了文字設(shè)計(jì)的根本目的是為了更有效地傳達(dá)作者的意圖，表達(dá)設(shè)計(jì)的主題和構(gòu)想意文字設(shè)計(jì)的根本目的是為了更有效地傳達(dá)作者的意圖，表達(dá)設(shè)計(jì)的主題和構(gòu)想意念念 避免使用不清晰的字體，否則容易使閱覽者產(chǎn)生反感和麻煩（除非你需要這種效避免使用不清晰的字體，否則容易使閱覽者產(chǎn)生反感和麻煩（除非你需要這種效果）果） 舉個(gè)例子：我們自己做的舉個(gè)例子：我們自己做的logologo 半成品和成品比較半成品和成品比較2 2 文字

2、的位置要符合整體要求文字的位置要符合整體要求 文字在畫面中的安排要考慮到全局的因素，不能有視覺上的沖突。否則在畫面上文字在畫面中的安排要考慮到全局的因素，不能有視覺上的沖突。否則在畫面上主次不分，很容易引起視覺順序的混亂。而且作品的整個(gè)含義和氣氛都可能會(huì)被主次不分，很容易引起視覺順序的混亂。而且作品的整個(gè)含義和氣氛都可能會(huì)被破壞，這是一個(gè)很微妙的問題，需要去體會(huì)。不要指望電腦能幫你安排好，它有破壞，這是一個(gè)很微妙的問題，需要去體會(huì)。不要指望電腦能幫你安排好，它有時(shí)候會(huì)幫你的倒忙。細(xì)節(jié)的地方也一定要注意，時(shí)候會(huì)幫你的倒忙。細(xì)節(jié)的地方也一定要注意，1 1個(gè)像素的差距有時(shí)候會(huì)改變你整個(gè)像素的差距有時(shí)

3、候會(huì)改變你整個(gè)作品的味道。個(gè)作品的味道。 舉例如下舉例如下: :安排好文字和圖形之間的交叉錯(cuò)合，既不要影響圖形的觀看，也不能影響文安排好文字和圖形之間的交叉錯(cuò)合，既不要影響圖形的觀看，也不能影響文字的閱覽。字的閱覽。 但是，經(jīng)過特別的處理，你可以使用一些本來并不合適的字體，比如：但是，經(jīng)過特別的處理，你可以使用一些本來并不合適的字體，比如： 注意文字在編排時(shí)的方向，注意安排閱覽者的視線注意文字在編排時(shí)的方向，注意安排閱覽者的視線 1 1提高文字的可讀性提高文字的可讀性 恰當(dāng)?shù)倪x擇你所需要的字體恰當(dāng)?shù)倪x擇你所需要的字體 2 2 文字的位置要符合整體要求文字的位置要符合整體要求 如果你不小心做成了

4、這樣（有意安排這種效果的不在此例）如果你不小心做成了這樣（有意安排這種效果的不在此例） 文字一定不要全部都頂著畫面的邊角，這樣看起來很不專業(yè)文字一定不要全部都頂著畫面的邊角，這樣看起來很不專業(yè) 再說一點(diǎn)細(xì)節(jié)上應(yīng)該注意的問題，這是容易忽視的地方，也是容易出問題的地方再說一點(diǎn)細(xì)節(jié)上應(yīng)該注意的問題，這是容易忽視的地方，也是容易出問題的地方 3 3文字應(yīng)在視覺上應(yīng)給人以美感文字應(yīng)在視覺上應(yīng)給人以美感 在視覺傳達(dá)的過程中，文字作為畫面的形象要素之一，具有傳達(dá)感情的功能，因在視覺傳達(dá)的過程中，文字作為畫面的形象要素之一，具有傳達(dá)感情的功能，因而它必須具有視覺上的美感，能夠給人以美的感受而它必須具有視覺上的

5、美感，能夠給人以美的感受 一個(gè)普通的文字版面。是不是太平淡了呢？一個(gè)普通的文字版面。是不是太平淡了呢？ 改一下文字的位置和大小，效果會(huì)怎樣？改一下文字的位置和大小，效果會(huì)怎樣？ 或者是這樣也可以?；蛘呤沁@樣也可以。 感覺到了什么嗎？其實(shí)就是這么微妙，有時(shí)只是一點(diǎn)小變化，味道卻不一樣多了。感覺到了什么嗎？其實(shí)就是這么微妙，有時(shí)只是一點(diǎn)小變化，味道卻不一樣多了。 再看看字間距的問題再看看字間距的問題 3 3文字應(yīng)在視覺上應(yīng)給人以美感文字應(yīng)在視覺上應(yīng)給人以美感 3 3文字應(yīng)在視覺上應(yīng)給人以美感文字應(yīng)在視覺上應(yīng)給人以美感 對于大的字體如果你照搬上面的做法，也許你會(huì)處理成這個(gè)樣子，這樣看起來字對于大的字

6、體如果你照搬上面的做法，也許你會(huì)處理成這個(gè)樣子，這樣看起來字與字之間會(huì)比較松散與字之間會(huì)比較松散 調(diào)整后是這樣，看起來緊湊多了。字與字之間的對應(yīng)關(guān)系也出來了調(diào)整后是這樣，看起來緊湊多了。字與字之間的對應(yīng)關(guān)系也出來了 3 3文字應(yīng)在視覺上應(yīng)給人以美感文字應(yīng)在視覺上應(yīng)給人以美感 再看看段落文字的處理再看看段落文字的處理字體加大后，段落之間的距離也應(yīng)該隨之調(diào)整（在這里，小字體同樣應(yīng)用這字體加大后，段落之間的距離也應(yīng)該隨之調(diào)整（在這里，小字體同樣應(yīng)用這一規(guī)則，不過是相反的）一規(guī)則，不過是相反的）比如，沒有調(diào)整段落距離的時(shí)候比如，沒有調(diào)整段落距離的時(shí)候 調(diào)整后可以是這樣調(diào)整后可以是這樣 3 3文字應(yīng)在視

7、覺上應(yīng)給人以美感文字應(yīng)在視覺上應(yīng)給人以美感 如果有多個(gè)段落，就要注意更多的問題，比如主次和輕重，以及在內(nèi)容表達(dá)當(dāng)方如果有多個(gè)段落，就要注意更多的問題，比如主次和輕重，以及在內(nèi)容表達(dá)當(dāng)方面的重要程度等，看這個(gè)例子面的重要程度等，看這個(gè)例子 舉個(gè)例子舉個(gè)例子 看看這個(gè)不錯(cuò)的版面的處理看看這個(gè)不錯(cuò)的版面的處理 4.4.在設(shè)計(jì)上要富于創(chuàng)造性在設(shè)計(jì)上要富于創(chuàng)造性 根據(jù)作品主題的要求，突出文字設(shè)計(jì)的個(gè)性色彩，創(chuàng)造與眾不同的獨(dú)具特色的字根據(jù)作品主題的要求，突出文字設(shè)計(jì)的個(gè)性色彩，創(chuàng)造與眾不同的獨(dú)具特色的字體，給人以別開生面的視覺感受，有利于作者設(shè)計(jì)意圖的表現(xiàn)。設(shè)計(jì)時(shí)，應(yīng)從字體，給人以別開生面的視覺感受，有利

8、于作者設(shè)計(jì)意圖的表現(xiàn)。設(shè)計(jì)時(shí)，應(yīng)從字的形態(tài)特征與組合上進(jìn)行探求，不斷修改，反復(fù)琢磨，這樣才能創(chuàng)造出富有個(gè)性的形態(tài)特征與組合上進(jìn)行探求，不斷修改，反復(fù)琢磨，這樣才能創(chuàng)造出富有個(gè)性的文字，使其外部形態(tài)和設(shè)計(jì)格調(diào)都能喚起人們的審美愉悅感受。的文字，使其外部形態(tài)和設(shè)計(jì)格調(diào)都能喚起人們的審美愉悅感受。 這是一個(gè)很普通的文字版面這是一個(gè)很普通的文字版面 那么加一點(diǎn)自己的感受在里面，對文字的大小、間距、透明度做些調(diào)整，就會(huì)是那么加一點(diǎn)自己的感受在里面，對文字的大小、間距、透明度做些調(diào)整，就會(huì)是完全不同的效果了。很有意思是嗎？完全不同的效果了。很有意思是嗎？4.4.在設(shè)計(jì)上要富于創(chuàng)造性在設(shè)計(jì)上要富于創(chuàng)造性 根

9、據(jù)畫面或作品的要求，可以使用一些圖形化的文字（這可是漢字設(shè)計(jì)的一種新根據(jù)畫面或作品的要求，可以使用一些圖形化的文字（這可是漢字設(shè)計(jì)的一種新觀點(diǎn)）。觀點(diǎn)）。注：所謂注：所謂“文字圖形化文字圖形化”即將文字筆畫做合理的變形搭配，使之產(chǎn)生類似有即將文字筆畫做合理的變形搭配，使之產(chǎn)生類似有機(jī)或無機(jī)圖形的趣味。強(qiáng)調(diào)字體本身的結(jié)構(gòu)美和筆畫美。機(jī)或無機(jī)圖形的趣味。強(qiáng)調(diào)字體本身的結(jié)構(gòu)美和筆畫美。 一開始好象總感覺一開始好象總感覺文字在這里面的表文字在這里面的表現(xiàn)力有些蒼白了。現(xiàn)力有些蒼白了。對主題的表達(dá)沒有對主題的表達(dá)沒有什么幫助。那么試什么幫助。那么試一下改成這樣行不一下改成這樣行不行行 在一定的條件下，確

10、在一定的條件下，確實(shí)不能用電腦中提供實(shí)不能用電腦中提供的字體，必須要自己的字體，必須要自己創(chuàng)造。這也是漢字魅創(chuàng)造。這也是漢字魅力所在的地方。力所在的地方。 4.4.在設(shè)計(jì)上要富于創(chuàng)造性在設(shè)計(jì)上要富于創(chuàng)造性 差別就在這里，也許只是一點(diǎn)小改動(dòng)，但是需要你思考的卻更多。有時(shí)候?qū)ξ淖植顒e就在這里，也許只是一點(diǎn)小改動(dòng)，但是需要你思考的卻更多。有時(shí)候?qū)ξ淖值墓P畫做特殊的加工處理往往會(huì)產(chǎn)生一些意想不到的效果。而這樣的處理是帶有的筆畫做特殊的加工處理往往會(huì)產(chǎn)生一些意想不到的效果。而這樣的處理是帶有創(chuàng)造性的，同時(shí)人性化的味道也會(huì)更濃一些。這是電腦字體所無法替代的效果，創(chuàng)造性的，同時(shí)人性化的味道也會(huì)更濃一些。這是

11、電腦字體所無法替代的效果，帶給觀看者的感受自然會(huì)要強(qiáng)烈的多。帶給觀看者的感受自然會(huì)要強(qiáng)烈的多。5.5.更復(fù)雜的應(yīng)用更復(fù)雜的應(yīng)用 文字不僅要在字體上和畫面配合好，甚至顏色和部分筆畫都要加工，這樣才能達(dá)文字不僅要在字體上和畫面配合好，甚至顏色和部分筆畫都要加工，這樣才能達(dá)到更完整的效果。到更完整的效果。 對作品而言，每一件作品都有其特有的風(fēng)格。在這個(gè)前提下，一個(gè)作品版面上的對作品而言，每一件作品都有其特有的風(fēng)格。在這個(gè)前提下，一個(gè)作品版面上的各種不同字體的組合，一定要具有一種符合整個(gè)作品風(fēng)格的風(fēng)格傾向，形成總體各種不同字體的組合，一定要具有一種符合整個(gè)作品風(fēng)格的風(fēng)格傾向，形成總體的情調(diào)和感情傾向，

12、不能各種文字自成一種風(fēng)格，各行其是?？偟幕{(diào)應(yīng)該是整的情調(diào)和感情傾向，不能各種文字自成一種風(fēng)格，各行其是?？偟幕{(diào)應(yīng)該是整體上的協(xié)調(diào)和局部的對比，于統(tǒng)一之中又具有靈動(dòng)的變化，從而具有對比和諧的體上的協(xié)調(diào)和局部的對比，于統(tǒng)一之中又具有靈動(dòng)的變化，從而具有對比和諧的效果。這樣，整個(gè)作品才會(huì)產(chǎn)生視覺上的美感，符合人們的欣賞心理。效果。這樣，整個(gè)作品才會(huì)產(chǎn)生視覺上的美感，符合人們的欣賞心理。 除了以統(tǒng)除了以統(tǒng)一文字個(gè)性的方法來達(dá)到一文字個(gè)性的方法來達(dá)到設(shè)計(jì)設(shè)計(jì)的基調(diào)外，也可以從方向性上來形成文字統(tǒng)一的基的基調(diào)外，也可以從方向性上來形成文字統(tǒng)一的基調(diào)，以及色彩方面的心理感覺來達(dá)到統(tǒng)一基調(diào)的效果等等。調(diào)，

13、以及色彩方面的心理感覺來達(dá)到統(tǒng)一基調(diào)的效果等等。 5.5.更復(fù)雜的應(yīng)用更復(fù)雜的應(yīng)用 修改前修改前 修改后修改后5.5.更復(fù)雜的應(yīng)用更復(fù)雜的應(yīng)用 再來看看更復(fù)雜的：這個(gè)畫面中所再來看看更復(fù)雜的：這個(gè)畫面中所有的出現(xiàn)文字元素都經(jīng)過了仔細(xì)的有的出現(xiàn)文字元素都經(jīng)過了仔細(xì)的處理，這是根據(jù)主題的需要所必須處理，這是根據(jù)主題的需要所必須的。如果沒有這樣的文字設(shè)計(jì)或許的。如果沒有這樣的文字設(shè)計(jì)或許作品本身的感染力會(huì)弱的多。作品本身的感染力會(huì)弱的多。 在有圖片的版面中，文字的組合在有圖片的版面中，文字的組合應(yīng)相對較為集中。如果是以圖片應(yīng)相對較為集中。如果是以圖片為主要的訴求要素，則文字應(yīng)該為主要的訴求要素，則文

14、字應(yīng)該緊湊地排列在適當(dāng)?shù)奈恢蒙?，不緊湊地排列在適當(dāng)?shù)奈恢蒙希豢蛇^分變化分散，以免因主題不可過分變化分散，以免因主題不明而造成視線流動(dòng)的混亂。明而造成視線流動(dòng)的混亂。 LG當(dāng)然，每個(gè)人的審美觀也許不一樣，也許你覺得很一般但是，這不重要，重要的是我們在不斷的進(jìn)步！飛飛總有一款設(shè)計(jì)會(huì)讓你產(chǎn)生靈感YES！對照版面外沿（左上方）的原圖，可以看到基本上還是仿制成功了！說明用PPT還是可以制作部分簡單的效果，如需復(fù)雜一點(diǎn)的，那就要借助PS了。請看，與我們平時(shí)雜亂的文字排版相比，是否更順眼了呢？設(shè)計(jì)網(wǎng)站及相關(guān)參考網(wǎng)頁推薦設(shè)計(jì)網(wǎng)站及相關(guān)參考網(wǎng)頁推薦 1 1，http:/ Type is Beautiful Type is Beautiful 是一個(gè)關(guān)于文字設(shè)計(jì)的網(wǎng)站。關(guān)注的話題包括字體、是一個(gè)關(guān)于文字設(shè)計(jì)的網(wǎng)站。關(guān)注的話題包括字體、印刷、排版以及相關(guān)的平面設(shè)計(jì)和文化內(nèi)容。印刷、排版以及相關(guān)的平面設(shè)計(jì)和文化內(nèi)容。 2 2，http:/ 設(shè)計(jì)師要看的中文字體排版法則設(shè)計(jì)師要看的中文字體排版法則 3 3http:/ 設(shè)計(jì)師必看中文字體排版法則（二）設(shè)計(jì)師必看中文字體排版法則（二） 本團(tuán)體旨在學(xué)習(xí)和交流廣告相關(guān)的本團(tuán)體旨在學(xué)習(xí)和交流廣告相關(guān)的知識(shí)和技術(shù)，在交流過程中使用的素知識(shí)和技術(shù)，在交流過程中使用的素材和文字大多來源于網(wǎng)絡(luò)，除整理行