文字在平面設(shè)計藝術(shù)中的運用方法和技巧1

文字在平面設(shè)計藝術(shù)中的運用方法和技巧文字是人類文化的重要組成部分。無論在何種視覺媒體中，文字和圖片都是其兩大構(gòu)成要素。文字排列組合的好壞，直接影響著版面的視覺傳達(dá)效果。因此，文字設(shè)計是增強視覺傳達(dá)效果，提高作品的訴求力，賦予版面審美價值的一種重要構(gòu)成技術(shù)。

在這里，我們主要談?wù)勗谄矫嬖O(shè)計中文字設(shè)計的幾條原則，以及文字組合中應(yīng)注意的幾點。特別提醒一下，這部分工作應(yīng)該是人腦完成的工作，電腦是無法代替的。

下面我們分別從以下幾個方面具體講述文字排列在平面設(shè)計中的運用，各小節(jié)都配有生動精彩的圖例剖析。（注：本文所有引用的圖片均為其作者版權(quán)所有，除研究、學(xué)習(xí)以外，不得挪做他用，特此聲明！)

1．提高文字的可讀性

設(shè)計中的文字應(yīng)避免繁雜零亂，使人易認(rèn)，易懂，切忌為了設(shè)計而設(shè)計，忘記了文字設(shè)計的根本目的是為了更有效地傳達(dá)作者的意圖，表達(dá)設(shè)計的主題和構(gòu)想意念……

2．文字的位置應(yīng)符合整體要求

文字在畫面中的安排要考慮到全局的因素，不能有視覺上的沖突。否則在畫面上主次不分，很容易引起視覺順序的混亂，有時候甚至1個像素的差距也會改變你整個作品的味道……

3．在視覺上應(yīng)給人以美感

在視覺傳達(dá)的過程中，文字作為畫面的形象要素之一，具有傳達(dá)感情的功能，因而它必須具有視覺上的美感，能夠給人以美的感受……

4．在設(shè)計上要富于創(chuàng)造性

根據(jù)作品主題的要求，突出文字設(shè)計的個性色彩，創(chuàng)造與眾不同的獨具特色的字體，給人以別開生面的視覺感受，有利于作者設(shè)計意圖的表現(xiàn)……

5．更復(fù)雜的應(yīng)用

文字不僅要在字體上和畫面配合好，甚至顏色和部分筆畫都要加工，這樣才能達(dá)到更完整的效果，而這些細(xì)節(jié)的地方需要的是耐心和功力……

6．精彩作品欣賞

這類作品不論是字體、樣式還是顏色的應(yīng)用都非常精彩，給人留下震撼和深刻的印象，欣賞這樣的作品真是一種享受……

文字版面的設(shè)計同時也是創(chuàng)意的過程，創(chuàng)意是設(shè)計者的思維水準(zhǔn)的體現(xiàn)，是評價一件設(shè)計作品好壞的重要標(biāo)準(zhǔn)。在現(xiàn)代設(shè)計領(lǐng)域，一切制作的程序由電腦代勞，使人類的勞動僅限于思維上，這是好事，可以省卻了許多不必要的工序，為創(chuàng)作提供了更好的條件。但在某些必要的階段上，我們應(yīng)該記?。喝耍攀窃O(shè)計的主體。

1．提高文字的可讀性

文字的主要功能是在視覺傳達(dá)中向大眾傳達(dá)作者的意圖和各種信息，要達(dá)到這一目的必須考慮文字的整體訴求效果，給人以清晰的視覺印象。因此，設(shè)計中的文字應(yīng)避免繁雜零亂，使人易認(rèn)，易懂，切忌為了設(shè)計而設(shè)計，忘記了文字設(shè)計的根本目的是為了更好，更有效的傳達(dá)作者的意圖，表達(dá)設(shè)計的主題和構(gòu)想意念。

舉例如下

讓你想表達(dá)的內(nèi)容清晰，醒目。讓閱覽者一開始就可以明白你的意思

避免使用不清晰的字體，否則容易使閱覽者產(chǎn)生反感和麻煩（除非你需要這種效果）恰當(dāng)?shù)倪x擇你所需要的字體但是，經(jīng)過特別的處理，你可以使用一些本來并不合適的字體，比如注意文字在編排時的方向，注意安排閱覽者的視線如果：那么，你可以做成這樣或者是這樣也可以最后一點，通常情況下，你應(yīng)該2．文字的位置要符合整體要求

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

舉例如下:

安排好文字和圖形之間的交叉錯合，既不要影響圖形的觀看，也不能影響文字的閱覽。

如果你不小心做成了這樣（有意安排這種效果的不在此例）文字一定不要全部都頂著畫面的邊角，這樣看起來很不專業(yè)再說一點細(xì)節(jié)上應(yīng)該注意的問題，這是容易忽視的地方，也是容易出問題的地方這樣看起來就好一點了3.在視覺上應(yīng)給人以美感

在視覺傳達(dá)的過程中，文字作為畫面的形象要素之一，具有傳達(dá)感情的功能，因而它必須具有視覺上的美感，能夠給人以美的感受。字型設(shè)計良好，組合巧妙的文字能使人感到愉快，留下美好的印象，從而獲得良好的心理反應(yīng)。反之，則使人看后心里不愉快，視覺上難以產(chǎn)生美感，甚至?xí)層^眾拒而不看，這樣勢必難以傳達(dá)出作者想表現(xiàn)出的意圖和構(gòu)想。

舉例如下:

這是一個帶有圖形的文字版面，也許你認(rèn)為這樣也不錯了但是是不是太平淡了呢？改一下文字的位置和大小，效果又會怎么樣呢？看下圖或者是這樣也可以，看下圖感覺到了什么嗎？其實就是這么微妙，有時只是一點小變化，味道卻不一樣多了。

再看看字間距的問題改一下看看，好一點了嗎？對于大的字體如果你照搬上面的做法，也許你會處理成這個樣子，這樣看起來字與字之間會比較松散調(diào)整后是這樣，看起來緊湊多了。字與字之間的對應(yīng)關(guān)系也出來了再看看段落文字的處理

字體加大后，段落之間的距離也應(yīng)該隨之調(diào)整（在這里，小字體同樣應(yīng)用這一規(guī)則，不過是相反的）

比如，沒有調(diào)整段落距離的時候調(diào)整后可以是這樣如果有多個段落，就要注意更多的問題，比如主次和輕重，以及在內(nèi)容表達(dá)當(dāng)方面的重要程度等，看這個例子看看這個不錯的版面的處理4.在設(shè)計上要富于創(chuàng)造性

根據(jù)作品主題的要求，突出文字設(shè)計的個性色彩，創(chuàng)造與眾不同的獨具特色的字體，給人以別開生面的視覺感受，有利于作者設(shè)計意圖的表現(xiàn)。設(shè)計時，應(yīng)從字的形態(tài)特征與組合上進行探求，不斷修改，反復(fù)琢磨，這樣才能創(chuàng)造出富有個性的文字，使其外部形態(tài)和設(shè)計格調(diào)都能喚起人們的審美愉悅感受。

舉例如下：

這是一個很普通的文字版面那么加一點自己的感受在里面，對文字的大小、間距、透明度做些調(diào)整，就會是完全不同的效果了。很有意思是嗎？根據(jù)畫面或作品的要求，可以使用一些圖形化的文字（這可是漢字設(shè)計的一種新觀點）。

注：所謂“文字圖形化”即將文字筆畫做合理的變形搭配，使之產(chǎn)生類似有機或無機圖形的趣味。強調(diào)字體本身的結(jié)構(gòu)美和筆畫美。

比如：

一開始好象總感覺文字在這里面的表現(xiàn)力有些蒼白了。對主題的表達(dá)沒有什么幫助。那么試一下改成這樣行不行味道出來了嗎？在一定的條件下，確實不能用電腦中提供的字體，必須要自己創(chuàng)造。這也是漢字魅力所在的地方。

比如這個（沒有太多的考慮的情況下）再看看設(shè)計的做法差別就在這里，也許只是一點小改動，但是需要你思考的卻更多。有時候?qū)ξ淖值墓P畫做特殊的加工處理往往會產(chǎn)生一些意想不到的效果。而這樣的處理是帶有創(chuàng)造性的，同時人性化的味道也會更濃一些。這是電腦字體所無法替代的效果，帶給觀看者的感受自然會要強烈的多。

5.更復(fù)雜的應(yīng)用

文字不僅要在字體上和畫面配合好，甚至顏色和部分筆畫都要加工，這樣才能達(dá)到更完整的效果。而這些細(xì)節(jié)的地方需要的是耐心和功力。記住一定要有自己的想法和感受在里面，如果想表達(dá)自己對作品的態(tài)度，就不要在文字上偷懶，這也是不能偷懶的地方。

對作品而言，每一件作品都有其特有的風(fēng)格。在這個前提下，一個作品版面上的各種不同字體的組合，一定要具有一種符合整個作品風(fēng)格的風(fēng)格傾向，形成總體的情調(diào)和感情傾向，不能各種文字自成一種風(fēng)格，各行其是。總的基調(diào)應(yīng)該是整體上的協(xié)調(diào)和局部的對比，于統(tǒng)一之中又具有靈動的變化，從而具有對比和諧的效果。這樣，整個作品才會產(chǎn)生視覺上的美感，符合人們的欣賞心理。除了以統(tǒng)一文字個性的方法來達(dá)到設(shè)計的基調(diào)外，也可以從方向性上來形成文字統(tǒng)一的基調(diào)，以及色彩方面的心理感覺來達(dá)到統(tǒng)一基調(diào)的效果等等。

比如：一個簡單的例子經(jīng)過修改之后的

再來看看更復(fù)雜的：這個畫面中所有的出現(xiàn)文字元素都經(jīng)過了仔細(xì)的處理，這是根據(jù)主題的需要所必須的。如果沒有這樣的文字設(shè)計或許作品本身的感染力會弱的多。在有圖片的版面中，文字的組合應(yīng)相對較為集中。如果是以圖片為主要的訴求要素，則文字應(yīng)該緊湊地排列在適當(dāng)?shù)奈恢蒙?，不可過分變化分散，以免因主題不明而造成視線流動的混亂。6.精彩作品欣賞

（1）作品1（視覺招貼）

這幅作品文字版面和樣式的設(shè)計與圖片的配合比較完美。對所有元素的關(guān)系進行了良好搭配。同樣對主要文字元素運用了圖形化的手法。尤其是輔助文字元素的安排和設(shè)計是這個作品中的亮點。

注意作品中左下角段落文字的設(shè)計，既讓人感覺到存在，又不影響作品的感觀，同時對行距控制的較好，沒有產(chǎn)生擁擠的感覺。整個作品整體同一，細(xì)節(jié)豐富，完整的表達(dá)了作者的思想訴求和意念，值得借鑒。（可點擊放大）

（2）作品2（形象宣傳）

這幅作品是宣傳中國形象的招貼。運用了一些漢文化中比較有代表性的圖象元素，文字元素在這里可以說是簡約到了極致。但是能夠感覺到的是作者在這兩個字上下的工夫有多少，可以說是起到了畫龍點睛的效果。并且與圖形的搭配天衣無縫。（可點擊放大）

不論是字體還是樣式還是顏色的應(yīng)用都非常精彩，作品給人留下的是震撼和深刻的印象，欣賞這樣的作品應(yīng)該說是一種享受。

文字版面的設(shè)計也是創(chuàng)意，創(chuàng)意是設(shè)計者的思維水準(zhǔn)的體現(xiàn)，是評價一件設(shè)計作品好壞的重要標(biāo)準(zhǔn)。在現(xiàn)代設(shè)計領(lǐng)域，一切制作的程序由電腦代勞，使人類的勞動僅限于思維上，這是好事，省卻了許多不必要的工序，為創(chuàng)作提供了更好的條件，但是，在某些必要的階段上，還是不能完全讓電腦來做，人，畢竟才是設(shè)計的主體。PS“非主流”照片文字合成表現(xiàn)手法第二種表現(xiàn)手法——另類的文字搭配看看那張“我現(xiàn)在狠想殺人”夠夸張了吧，文字和圖片的搭配也是很講究技巧的，“我現(xiàn)在狠想殺人”整個圖片上表現(xiàn)出來血淋淋的紅色，當(dāng)然讓人有相應(yīng)的聯(lián)想……你總不能給它配一句“多雨的冬季總算過去，天空微露淡藍(lán)的晴”，最少也得牛頭對上馬嘴，要不就達(dá)不到那種意境了。

下面這幅照片需要的恬淡意境，自然需要用浪漫的字體表現(xiàn)。第3種表現(xiàn)手法:獨特的版式看看下面這張圖片。

將一張完整的圖片進行分割，然后以無序的方式進行排放，也能給人一種另類的感覺。第四種表現(xiàn)手法——特殊的邊框效果這就不用多講了，特殊邊框的制作有很多方法，下面介紹其中幾種。另類的色調(diào)、另類的文字搭配、獨特的版式、特殊的邊框效果等，這么多另類的元素堆在一起，夠另類了吧？當(dāng)然也還有其它的表現(xiàn)手法，大家可以多多嘗試?！胺侵髁鳌闭掌淖趾铣蓪嵗郝愤^本例中我們用Photoshop將一張構(gòu)圖比較空曠的照片處理一下，添加文字，做成“非主流”照片——《路過》。

素材：1、在Photoshop中打開圖片，復(fù)制一層。2、按ctrl+M，把復(fù)制后的圖層明暗對比加大。3、將副本層的圖層模式改為排除，這種色調(diào)如果你覺得可以了，就不需要再調(diào)節(jié)了。如果你覺得還不夠另類就再調(diào)。4、選擇菜單“圖像-調(diào)整-顏色替換”。設(shè)計討論：什么是最好的正文字體？這幾天在研究serif。serif是英文字體的術(shù)語，中文翻譯做“襯線”，就是文字筆畫兩端的短線。最典型的serif字體恐怕就是TimesnewRoma了。我以前還以為sansserif是另外一種襯線。沒想到原來它的含義是無襯線字體。Arial應(yīng)該是windows上最常用的無襯線字體了。很多認(rèn)真的設(shè)計師不喜歡Arial，而推崇Helvetica，并指責(zé)Arial是windows上最濫用的字體之一。不過對于一個微軟購買下來免費提供給大家的字體，我覺得已經(jīng)做的非常好了。如果不是經(jīng)過專門的研究，可能大多數(shù)用戶一輩子都不會發(fā)現(xiàn)它們之間的區(qū)別。Arial和Helvetica的標(biāo)準(zhǔn)字體我覺得還是很相近的，很多場合可以替代使用。真正的差距應(yīng)該體現(xiàn)在它們的細(xì)線版本中。Helvetica的細(xì)線體(light)給人一種非常理性和現(xiàn)代的感覺，曲線非常的優(yōu)雅。很多60年代采用Helvetica字體的設(shè)計到現(xiàn)在看來看來還是那樣的富于現(xiàn)代氣息。所以一種好的字體是禁得起時間考驗的。說遠(yuǎn)了。襯線的作用是強化筆畫的特征，從而使得閱讀和識別更為容易。中文字體中的宋體就是一種最標(biāo)準(zhǔn)的serif字體，襯線的特征非常明顯。字形結(jié)構(gòu)也和手寫的楷書一致。因此宋體一直被做為最適合的正文字體之一。不過由于強調(diào)橫豎筆畫的對比，在遠(yuǎn)處觀看的時候橫線就被弱化，導(dǎo)致識別性的下降。黑體雖然沒有襯線，但是如果你仔細(xì)研究黑體的筆畫，也會發(fā)現(xiàn)它的筆畫不是均勻的粗細(xì)，在筆畫外端是有意識的放大了，也可以說是一種偽襯線。雖然不是很明顯，但是同樣成功的增強了可閱讀性。方塊的筆畫邊緣也比圓滑的筆畫邊緣更易于識別，加上和宋體相近的字形解構(gòu)，黑體成為了僅次于宋體的正文字體。我們看到的常用中等線和細(xì)等線都屬于黑體家族。由于黑體的筆畫橫豎基本一致，能夠達(dá)到最大的識別性，因此成為廣告和海報中最常用的字體。最不好識別的可能是圓體。嚴(yán)格來說，圓體屬于美術(shù)字的范疇。圓體的字形結(jié)構(gòu)和手寫體迥異，加上沒有襯線的輔助，圓滑的筆畫很不利于視線暫留。因此圓體是一種不太恰當(dāng)?shù)恼淖煮w。不過港臺的新字體采用圓體的字形結(jié)構(gòu)結(jié)合黑體的筆畫，從而獲得了不錯的閱讀性，同時也令人感覺清新。其它太富于個性的美術(shù)字可能很吸引眼球，但卻是最不適合做為正文字體的。它們的個性干擾了閱讀者的注意力，成為了閱讀中的噪音，不利于人們對于文本內(nèi)容的理解和思考?？偨Y(jié)上面的觀點，我們可以認(rèn)為：最適合的正文字體應(yīng)該是近似“半透明的”。一方面采用適當(dāng)?shù)囊r線技巧，以提高字體在不同字號和各種閱讀環(huán)境下的識別率。另一方面在字形結(jié)構(gòu)上應(yīng)該采用和宋體和黑體近似的字形結(jié)構(gòu)，因為這種熟悉的字形，會降低識別的難度，也就是盡量不讓人注意到字體本身，而是文字背后的含義。而字體設(shè)計師的任務(wù)是要在這樣的熟悉的字形和襯線中，做出一點點不一樣的大方、現(xiàn)代、清新、典雅的感覺?？雌饋砗唵危鋵嵤亲羁简炘O(shè)計師水準(zhǔn)的任務(wù)。精致LOGO動畫的文字表現(xiàn)方式剖析本例中我們來用多種設(shè)計軟件制作一個精致的動畫LOGO的。使用到的軟件：photoshop7.0、ImageReady7.0、Firework2004。做LOGO最主要的是用各種顯示的方法突出文字信息，以給人深刻和良好的印象。下面我們分別舉例介紹幾種常用的logo動畫中文字變換的顯示方法：滑行效果、模糊效果、漸變效果、打字效果、顏色過渡效果、閃光效果。其他效果就需要自己慢慢摸索學(xué)習(xí)了。選擇圖片1、打開psotoshop，在“文件”里打開一張你準(zhǔn)備使用的圖片，最好是JPG格式的靜態(tài)圖片，同時注意圖片的選取要有作為LOGO圖標(biāo)的價值。如下圖。2、圖片的上方如果顯示是“索引”字樣，就必須用“圖象”——“模式”——改為“RGB顏色”，否則很多功能無法使用。如果直接就顯示為RGB，那就不必改了。如下圖。3、然后選擇工具欄的“裁切工具”，裁切一個88*31大小的圖片，圖片切得大了就繼續(xù)切，切到合適為止，切得小了就重來。這里裁切的尺度是80*31。如下圖。（或者可以用矩形工具選取一個88831的區(qū)域，再新建一個空白圖片粘貼上去）。4、在這個例子里圖片寬度不夠，裁切出來的大小是80*31，應(yīng)該放大為88*31。如下圖。加入文字動畫在LOGO中顯示的一般是網(wǎng)站名稱和地址，這里以“天空之城”和網(wǎng)址為例?；行Ч鹤煮w從旁邊慢慢滑行出來的效果。1、在工具欄選擇文字工具——文字工具的樣子的大寫的“T”，在合適的地方輸入文字，一般LOGO的文字格式是默認(rèn)的宋體，12號大小，去掉鋸齒。如下圖。字體常用的特效有投影、描邊、模糊等，這里的例子用白色字體，綠色描邊。進入特效設(shè)置的方法是在右下角的圖層上用右鍵點出“混合選項”，如下圖。2、簡單介紹一下這幾種效果的使用方法。點擊“投影”字樣（而不是點擊它前面的選框），把投影選項中的“距離”“大小”改為1，“角度”改為150或120，“不透明度”自己定——不透明度是指投影顏色的深淺，在“混合模式”后面的黑框里選擇顏色。如下圖。3、點擊“描邊”，把“大小”改為1，把顏色改成你想要的。如下圖。另外一個“模糊”效果是在“濾鏡”——“模糊”——“動感模糊”里。呆會再說。4、輸入文字并設(shè)置好效果后，用移動工具拖動文字的位置。如下圖。在這里可以用“縮放工具”放大圖片，以便更好地設(shè)置。注意文字移動的曲線要在同一條直線上，分毫都不可偏差，比如說從左移到右，一般是用移動工具移動4或5次，每一次移動之后就要保存。保存的時候也要注意，先新建一個文件夾，把保存的圖片按照順序用01、02、03這樣的文件名保存起來，這是一定必要的！也可以使用“存儲為”保存為PSD圖片，方便以后修改，但這種格式不能做為網(wǎng)頁圖片發(fā)布。5、用同樣的方法移動網(wǎng)址文字。如下圖。LOGO一般常用的英文字體是04號字體，最常用的一種是里面的“04b_08”，04b_08字體點擊這里下載：://vanely/bbs/images/04B_08__.TTF字體的格式是，04b_08字體，6號大小，去掉鋸齒。如下圖。6、字體的移動設(shè)置保存完畢后，進入ImageReady合成動畫——點擊工具欄最下邊的圖標(biāo)進入。進入ImageReady后，選擇“文件”——“導(dǎo)入”——“作為楨的文件夾”——選擇你保存著圖片的那個文件夾——確定。7、圖片間維持時間的設(shè)置，點擊動畫顯示欄里圖片下邊的標(biāo)志，設(shè)置間隔時間，如下圖。然后保存，注意要用“將優(yōu)化結(jié)果存儲為……”那個鍵。保存后看看效果，建議用ACDSee看，動畫顯示真實些，速度也快些。單純使用滑動效果后的LOGO：模糊效果：字體呈現(xiàn)瞬間模糊的效果，看起來比較動態(tài)。1、類似滑動效果的制作，選擇要使用模糊效果的圖層，并去掉描邊特效，使用“濾鏡”——“模糊”——“動感模糊”把字體弄成模糊后再進行移動，這樣看起來更有動感。完成后的LOGO如圖：網(wǎng)頁設(shè)計中文字顏色的搭配技巧對于做網(wǎng)頁的初學(xué)者可能更習(xí)慣于使用一些漂亮的圖片作為自己網(wǎng)頁的背景，但瀏覽一下大型的商業(yè)網(wǎng)站，你會發(fā)現(xiàn)他們更多運用的是白色、藍(lán)色、黃色等，使得網(wǎng)頁顯得典雅，大方和溫馨。更重要的是，這樣可以大大加快瀏覽者打開網(wǎng)頁的速度。一般來說，網(wǎng)頁的背景色應(yīng)該柔和一些、素一些、淡一些，再配上深色的文字，使人看起來自然、舒暢。而為了追求醒目的視覺效果，可以為標(biāo)題使用較深的顏色。下面是我做網(wǎng)頁和瀏覽別人的網(wǎng)頁時，對網(wǎng)頁背景色和文字色彩搭配積累的經(jīng)驗，這些顏色可以做正文的底色，也可以做標(biāo)題的底色，再搭配不同的字體，一定會有不錯的效果，希望對大家在制作網(wǎng)頁時有用。

BgcolorΚ″＃F1FAFA″———做正文的背景色好，淡雅

BgcolorΚ″＃E8FFE8″———做標(biāo)題的背景色較好

BgcolorΚ″＃E8E8FF″———做正文的背景色較好，文字顏色配黑色

BgcolorΚ″＃8080C0″———上配黃色白色文字較好

BgcolorΚ″＃E8D098″———上配淺藍(lán)色或藍(lán)色文字較好

BgcolorΚ″＃EFEFDA″———上配淺藍(lán)色或紅色文字較好

BgcolorΚ″＃F2F1D7″———配黑色文字素雅，如果是紅色則顯得醒目

BgcolorΚ″＃336699″———配白色文字好看些

BgcolorΚ″＃6699CC″———配白色文字好看些，可以做標(biāo)題

BgcolorΚ″＃66CCCC″———配白色文字好看些，可以做標(biāo)題

BgcolorΚ″＃B45B3E″———配白色文字好看些，可以做標(biāo)題

BgcolorΚ″＃479AC7″———配白色文字好看些，可以做標(biāo)題

BgcolorΚ″＃00B271″———配白色文字好看些，可以做標(biāo)題

BgcolorΚ″＃FBFBEA″———配黑色文字比較好看，一般作為正文

BgcolorΚ″＃D5F3F4″———配黑色文字比較好看，一般作為正文

BgcolorΚ″＃D7FFF0″———配黑色文字比較好看，一般作為正文

BgcolorΚ″＃F0DAD2″———配黑色文字比較好看，一般作為正文

BgcolorΚ″＃DDF3FF″———配黑色文字比較好看，一般作為正文淺綠色底配黑色文字，或白色底配藍(lán)色文字都很醒目，但前者突出背景，后者突出文字。紅色底配白色文字，比較深的底色配黃色文字顯得非常有效果。此文只是起一個“拋磚引玉”的作用，大家可以發(fā)揮想象力，搭配出更有新意、更醒目的顏色，使網(wǎng)頁更具有吸引力。網(wǎng)頁界面設(shè)計教程五：文字的編排設(shè)計以語言進行信息傳達(dá)時，語氣、語調(diào)以及面部表情、姿態(tài)手勢是語言的輔助和補充，而在界面設(shè)計中，文字的字體、規(guī)格及其編排形式，就相當(dāng)于文字的輔助信息傳達(dá)手段。

宋體字型結(jié)構(gòu)方中有圓，剛?cè)嵯酀?，既典雅莊重，又不失韻昧靈氣，從視覺角度來說，宋體閱讀最省目力，不易造成視覺疲勞，具有很好的易讀性和識別性。

楷體字型柔和悅目，間架結(jié)構(gòu)舒張有度，可讀性和識別性均較好，適用于較長的文本段落，也可用于標(biāo)題。

仿宋體筆畫粗細(xì)均勻，秀麗挺拔，有輕快、易讀的特點，適用于文本段落。因其字型娟秀，力度感差，故不宜用作標(biāo)題。

黑體不僅莊重醒目，而且極富現(xiàn)代感，因其形體粗壯，在較小字體級數(shù)時宜彩等線體（即細(xì)黑），否則不易識別。

圓體視覺沖擊力不如黑體，但在視覺心理上給人以明亮清新、輕松愉快的感覺，但其識別性弱，故只適宜作標(biāo)題性文字。

手寫體分為兩種，一種來源于傳統(tǒng)書法，如隸書體，行書體，另一種是以現(xiàn)代風(fēng)格創(chuàng)造的自由手寫體，如廣告體，POP體。手寫體只適用于標(biāo)題和廣告性文字，長篇文本段落和小字體級數(shù)時不宜使用，應(yīng)盡量避免在同一頁面中使用兩種不同的手寫體，因為手寫體形態(tài)特征鮮明顯著，很難形成統(tǒng)一風(fēng)格，不同手寫體易造成界面雜亂的視覺形象，手寫體與黑體宋體等規(guī)范的字體相配合，則會產(chǎn)生動靜相宜，相得宜彰的效果。

美術(shù)體是在宋體、黑體等規(guī)范字體基礎(chǔ)上變化而成的各種字體，如綜藝體、琥珀體。美術(shù)體具有鮮明的風(fēng)格特征，不適于文本段落，也不宜混雜使用，多用于字體級數(shù)較大的標(biāo)題，發(fā)揮引人注目，活躍界面氣氛的作用。

拉丁字母依據(jù)其基本結(jié)構(gòu)可以分為三種類型：

（1）飾線體（Serif）：此類字體在筆畫末端帶有裝飾性部分，筆畫精細(xì)對比明顯，與中文的宋體具有近似形態(tài)特征，飾線體在閱讀時具有較好的易讀性，適于用作長篇幅文本段落。代表字體是新羅馬體（Times

New

Roman）。

（2）無飾線體（Sans

Serif）：筆畫的粗細(xì)對比不明顯，筆畫末端沒有裝飾性部分，字體形態(tài)與中文的黑體相類似。由于其筆畫粗細(xì)均勻，故在遠(yuǎn)距離易于辨認(rèn)，具有很好的識別性，多用于標(biāo)題和指示性文字。無飾線體具有簡潔規(guī)整的形態(tài)特征，符合現(xiàn)代的審美標(biāo)準(zhǔn)。代表字體是赫爾維梯卡體（Helvetica）。

（3）裝飾體（Decorative，也稱Display）：即通常所說的“花”體，由于此類字體信箋于形式的裝飾意味，閱讀時較為費力，易讀性較差，只適合于標(biāo)題或較短文本，類似于中文的美術(shù)體和手寫體。代表字體是草體（Script）。

在某些特殊場合，如廣告或展示性的短語中，拉丁字母全部使用小寫字母，能夠造成一種平易近人的親切感。

拉丁字母字體大都包含字幅（正、長、扁）、黑度（細(xì)、粗、超粗）、直斜的變化，因而由一種基本字型可以變化出多種具有相似特征的同族字體，這些字體統(tǒng)稱為“字族”。

同一頁面中字體應(yīng)盡量在同一字族中選用，以保證界面具有明確、統(tǒng)一的風(fēng)格特征。

在計算機字庫中，有關(guān)字體特征的表示大多彩縮略語，如Cn(Condensed，長體)，Ex(Expanded，扁體)，Lt(Light，細(xì))，Med(Medium，中粗)，DemBol或Dm(Demi

Bold，半粗)，Bd(Bold，粗)，XBd(Extra

Bold，特粗)，It(Italic，斜體)等。中文正文的字符數(shù)每行以20-35個為宜，西文則約40-70個字符最易閱讀，因此較寬的文字幅面應(yīng)考慮采用分欄的排布方式。通常設(shè)定行距為字高的150-200%，西文的行距通常小于中文行距。

粗細(xì)對比是剛與柔的對比，也有人稱之為男性性格與女性性格的對比。在同一行文字中使用粗細(xì)對比的效果最為強烈。粗字少細(xì)字多易取得平衡，給人以明快新穎的感覺，細(xì)字少粗字多，則不易平衡，但往往會產(chǎn)生具有幽默感的特殊效果。

界面中文字編排要求視覺上產(chǎn)生類似于天平平衡的印象，失去平衡的文字編排設(shè)計，將得不到瀏覽者的信賴，并給人以粗劣的印象。

可能通過左右延伸的水平線，上下延伸的垂直線，動感的弧線和斜線，穿插的圖形來誘導(dǎo)視線依照設(shè)計師安排好的結(jié)構(gòu)形式順序瀏覽。

在界面的四角配置文字或符號，界面的勢力范圍就明確地確定下來，界面中即使存在讓人感覺動蕩不定的元素也會因此而穩(wěn)定下來。在四角中，左上和右下具有特殊的吸引力，是處理的重點，處理得好，可以使界面左右均衡，同時還會形成從左上到右下沿對角線流動的視覺過程，給人以自然穩(wěn)定的感覺。

非規(guī)律性造型形式的錯落變化，應(yīng)出現(xiàn)在周圍有較充分的留白空間的場所，效果較為顯著。如在界面中央或正上方表現(xiàn)效果較好，標(biāo)題性文字往往使用此手法處理。

分欄式結(jié)構(gòu)中，文字群體通常只出現(xiàn)在一欄中，每行的字符數(shù)相對較少，易于瀏覽。分欄中如果都排布文字群體，界面會顯得十分擁擠，故不宜采用。其他欄中可設(shè)置目錄、標(biāo)題、導(dǎo)航等簡潔的文字信息，整體形式繁簡對比，疏密得當(dāng)。國內(nèi)使用較多的是三分欄，國外四分欄式結(jié)構(gòu)則較為普遍。設(shè)計的編排構(gòu)成-字體設(shè)計教程一、字號、字體、行距

1、字號

計算字體面積的大小有號數(shù)制、級數(shù)制和點數(shù)制（也稱為磅）。一般常用的是號數(shù)制，簡稱為“字號”。照排機排版使用的是毫米制，基本單位是級（K)，一級為0.25毫米,它用級數(shù)來計算。點數(shù)制是世界上流行的計算字體的標(biāo)準(zhǔn)制度。電腦字也是使用點數(shù)制的計算方式（每一點等于０．３５毫米）標(biāo)題用字一般大約１４點以上；正文用字一般為９－１２點，文字多的版面，字號可減到７－８點。注意，字越小，精密度越高，整體性越強。但過小會影響閱讀。

2、行距

行距的寬窄是設(shè)計師較難把握的問題。行距過窄，上下文字互相干擾，目光難以沿字行掃視，因為沒有一條空白帶引導(dǎo)目光；而行距過寬，太多的寬白使字行不能有較好的延續(xù)性。這兩種極端的排列方法，都會使閱讀長篇文字者感到疲勞。行距在常規(guī)下比例為：字１０點，行距則１２點、即１０：１２。

事實上，除行距的常規(guī)比例外，行寬行窄是依主題內(nèi)容需要而定的。一般娛樂性、抒情性讀物，加寬行距以體現(xiàn)輕松、舒展的情緒；也有純粹出于版式的裝飾效果而加寬行距的為增強版面空間層次與彈性，可采用寬、窄行同時并存的手法。

3、字體、字號、行距的視覺層次

在一個版面中，選用三到四種以內(nèi)的字體為版面最佳視覺效果。超過四種以上則顯雜亂，缺乏整體感。要達(dá)到版面視覺上的豐富與變化，只需將有限的字體變粗、變細(xì)、拉長、壓扁，或調(diào)整行距的寬窄，或變化字號大小。實質(zhì)上字體使用越多，整體性越差。

二、文字編排的四種基本形式

1、左右均齊

文字從左端到右端的長度均齊，字群顯得端正、嚴(yán)謹(jǐn)、美觀。此排列方式是目前書籍、報刊常用的一種。

2、齊中

以中心為軸線，兩端字距相等。其特點是視線更集中，中心更突出，整體性更強。用文字齊中排列的方式配置圖片時，文字的中軸線最好與圖片中軸線對齊，以取得版面視線的統(tǒng)一。

3、齊左或齊右

齊左或齊右的排列方式有松有緊，有虛有實，能自由呼吸，飄逸而有節(jié)奏感。左或右取齊，行首或行尾自然就產(chǎn)生出一條清晰的垂直線，在與圖形的配合上易協(xié)調(diào)和取得同一視點。齊左顯得自然，符合人們閱讀時視線移動的習(xí)慣；相反，齊右就不太符合人們閱讀的習(xí)慣及心理，因而少用。但以齊右的方式編排文字似乎顯得新穎。

4、文字繞圖排列

將去底圖片插入文字版中，文字直接繞圖形邊緣排列。這種手法給人以親切自然，又融合、生動之感，是文學(xué)作品中最常用的插圖形式。

三、標(biāo)題與正文的編排

在進行標(biāo)題與正文的編排時，可先考慮將正文作雙欄、三欄或四欄的編排，再進行標(biāo)題的置入。將正文分成二欄、三欄、四欄，是為求取版面的空間與彈性、活力與變化，避免通欄的呆板以及標(biāo)題插入方式的單一性。標(biāo)題雖是整段或整篇文章的標(biāo)題，但不一定千篇一律的置于段首之上，可作居中、橫向、豎邊或邊置等編排處理。有的更直接插入字群中，以求新穎的版式來打破舊有的規(guī)律。

四、文字的強調(diào)

1、線框、符號的強調(diào)

有意地加強某種文字元素的視覺效果，使其在整體中顯得特別出眾而奪目，是為強調(diào)。這個