編排設(shè)計(jì)序言

時(shí)間：2023-07-03 17:33:01 | 來源：營銷百科

時(shí)間：2023-07-03 17:33:01 來源：營銷百科

編排設(shè)計(jì)序言：　　無論是在哪一種版面配置中，文字都同時(shí)扮演了內(nèi)文與網(wǎng)頁上的圖像元素這兩種角色，前面對(duì)色彩、圖像對(duì)齊等規(guī)則的建議，同時(shí)也都適用于文字。

　　1、文字為設(shè)計(jì)基本元素

　　在一開始學(xué)習(xí)版面設(shè)計(jì)時(shí)，你最好不要拿有意涵的內(nèi)文來用在你的版面上，你可試著把文字看做編織紋路，因?yàn)樵谟懻摼W(wǎng)頁設(shè)計(jì)與排版時(shí)，文字的實(shí)際內(nèi)容并不重要。當(dāng)然，對(duì)一個(gè)網(wǎng)頁設(shè)計(jì)來說，經(jīng)過校對(duì)而沒有任何文法或錯(cuò)字的文字內(nèi)容是很基本必須的。為了將文字當(dāng)作一個(gè)設(shè)計(jì)元素來討論，我們要注意文字區(qū)塊的形狀與版面安排方式上面。

　　2、水平與垂直排列

　　無論你是否在網(wǎng)頁中運(yùn)用了隱藏的格線，你都應(yīng)該將文字區(qū)塊的邊緣跟你的圖形邊框或是網(wǎng)頁上的其他元素對(duì)齊。當(dāng)然有時(shí)也會(huì)有效果不錯(cuò)的穿插著的文字，但它必須跟其他元素達(dá)到良好的平衡，讓人覺得那是經(jīng)過特意設(shè)計(jì)的，而不是一個(gè)設(shè)計(jì)錯(cuò)誤。HTML 語法中的表格功能，讓網(wǎng)頁設(shè)計(jì)者更能夠隨意地控制文字的置中或?qū)R，而注意頁面的規(guī)格與文字區(qū)塊的寬度之間的關(guān)系，也是很重要的。

　　3、字型的運(yùn)用要有統(tǒng)一性

　　要有效地使用字型與字體，設(shè)立一個(gè)規(guī)則并切實(shí)地遵守。例如，所有的英文書名都使用斜體字，所有的副標(biāo)題字體都設(shè)為四級(jí)的大小，諸如此類的用法。這能讓觀眾從文字體裁的式樣，快速地了解網(wǎng)頁的文字內(nèi)容。

　　4、標(biāo)題字的運(yùn)用

　　如果你用標(biāo)題或是較大字體的格式來作為對(duì)某一頁的快速導(dǎo)覽，那么觀眾通常就能很快地找到他們要的資訊。HTML 提供了從〈Hl〉到〈H6〉的旗標(biāo)，來控制字體的大小，從一號(hào)到六號(hào)，其中一號(hào)代表最大的字體。所有的瀏覽器都支援這組旗標(biāo)，不過實(shí)際上的字體大小多少會(huì)有些出入。另一種制作標(biāo)題的方式就是用〈FONT SIZE = 4〉．．．〈/ FONT〉這組旗標(biāo)，來設(shè)定字體的大小。這種方式在沒有分段符號(hào)的情況下較具彈性，而你也可以用它來改變某一行的字體大小。

　　5、反鋸齒狀與鋸齒狀的文字

　　既然我們所做的是用在熒幕上的設(shè)計(jì)，那就難免會(huì)受到熒幕解析度的限制，在大部分的個(gè)人電腦以及麥金塔的標(biāo)準(zhǔn)解析度熒幕上，我們都可以清楚地以肉眼看出組成文字的像素，﹝尤其是有棱有角的字，如 W﹞，這對(duì)大標(biāo)題以及斜體字的使用來說，是一個(gè)頗大的困擾。一般來說，這對(duì) SGIs 及 SUN 的工作站熒幕則不是問題，因?yàn)樗麄冇休^高的解析度。有時(shí)你也許會(huì)使用反鋸齒文字﹝即無鋸齒線﹞，在這種情況下，你必須創(chuàng)造出一個(gè)包含這項(xiàng)文字的圖形，當(dāng)然，這是一種妥協(xié)，你想要增加你的字型品質(zhì)，就得要花費(fèi)較多的下載時(shí)間。有時(shí)你對(duì)格式的要求超出 HTML 所能提供的功能，例如想要讓文字機(jī)動(dòng)性地環(huán)繞著圖像、具層次感、或是使用特殊字型等等，這時(shí)最好的方法大概就是把文字轉(zhuǎn)換成圖像的形式了，你可以以一種較低位元的格式儲(chǔ)存你的文字，來減少檔案傳輸所需要的時(shí)間。

　　6、可讀性的問題

　　雖然我們已有許多種方式可以控制格式，但在字型變化的能力上則仍有待努力。由于平臺(tái)之間相容性的問題，使得我們只能使用平臺(tái)間某些共同的字型。雖然使用者能設(shè)定瀏覽器的預(yù)設(shè)字型，但是選擇并不多?；镜倪x擇就是非比例﹝non-proportional﹞﹝即所有的字元都具有一樣的字元空間﹞，以及比例（proportional﹞字型。后者較容易閱讀，但前者在行列的設(shè)計(jì)上有比較好的效果。﹝PRE﹞這個(gè)旗標(biāo)除了注意到文字中的空白鍵以外，它也是以一種非比例的方式排列。

　　7、文章與字型的整合

　　﹝FONTFASE=' '﹞的旗標(biāo)讓網(wǎng)頁設(shè)計(jì)者得以直接指定字型，雖然這讓網(wǎng)頁能夠以一種比較有創(chuàng)造性的方式處理格式，但是當(dāng)所指定的字型只在某些平臺(tái)上受到支援時(shí)，它就常常會(huì)變成無效的設(shè)定。這種規(guī)格挑戰(zhàn)了 WWW 的跨平臺(tái)原理，它也為下一代的 WWW 對(duì)字型之支援的發(fā)展鋪路。據(jù)說 Microsoft 將要推出一種方式，機(jī)動(dòng)地讓 HTML 所指定的字型隨文件一同下載并嵌入。基本上，字型下載的方式讓 Miocrosoft 得以將嵌入的壓縮過的字型應(yīng)用在 HTML 文件中，這項(xiàng)技術(shù)并不支援 Postscript 字型，它把字型的基本資料與專用的提示嵌入于文件中，而這樣技術(shù)將只適用于 TrueType 字型，跨平臺(tái)瀏覽器之間的支援是這項(xiàng)技術(shù)的一大問題。 Netscape 也宣布將要引進(jìn)使用 Bitstream TrueDoc 技術(shù)的動(dòng)態(tài)字型支援，據(jù)說 TrueDoc 同時(shí)可支援 TrueType 和 Postscript 兩種字型，并且能夠跨平臺(tái)作用，它的原理類似 Microsof t把壓縮為適當(dāng)容量的字型嵌入于檔案中的原理，除了包含大綱與提示以外，它也以高解析度記錄了字元原始字型的形狀，并創(chuàng)造出它自己附屬于文件的特定提示，TrueDoc 也提供了反鋸齒邊以及數(shù)位過濾的功能?？雌饋?，新的技術(shù)將能免除將字型轉(zhuǎn)換成圖像的麻煩。

　　8、英文大寫字體的運(yùn)用

　　在打字機(jī)的年代，我們對(duì)文字的格式并沒有什么選擇性，當(dāng)我們想要讓某些文字看起來格外醒目時(shí)，我們通常會(huì)用大寫來打每一個(gè)字母。但現(xiàn)在再也不需要這樣做了。雖然我們并沒有很大量的字型可以選擇，但我們的確可以使用一些字體來取代使用大寫的方式。在聊天室或是電子郵件里，當(dāng)你全部使用大寫時(shí)，這會(huì)被認(rèn)為是在大聲嚷嚷，當(dāng)你有重要的話要說而用這樣的態(tài)度，不但太過粗魯，另外一方面全部大寫的字也會(huì)讓人不易閱讀。我們通常依照一個(gè)字的形狀來辨識(shí)它，而很少會(huì)一個(gè)字母一個(gè)字母地去拼出〝the″這個(gè)字，我們很快速地認(rèn)出這個(gè)字并繼續(xù)閱讀下面的文字。當(dāng)全部使用大寫時(shí)，每個(gè)字看起來就會(huì)變成一樣的形狀，只是長度不同罷了，這會(huì)讓文字的可讀性大大地降低。

　　9、瀏覽器與文字

　　人們就像一個(gè)瀏覽器，我們掃視過許多畫面，但是只對(duì)其中很小的部分加以注意。當(dāng)我們?cè)诰W(wǎng)頁之間移動(dòng)時(shí)，不太可能在每個(gè)地方都停下來逐字逐句地讀，閱讀電腦熒幕上的文字要比閱讀紙上的文字困難得多，這是因?yàn)檠劬θ菀拙o繃著，而且電腦熒幕的位置也會(huì)造成影響。使用筆記型電腦可能可以讓你安坐在躺椅里閱讀，但是它的解析度和顯示技術(shù)卻又讓人在閱讀大量文字時(shí)更吃不消。一般來說，要閱讀一個(gè)以文字為主的網(wǎng)站是不太容易的，因?yàn)槿藗兺ǔ２⒉幌牖ㄙM(fèi)太多的時(shí)間在閱讀一個(gè)網(wǎng)站的文件上，因此，保持訊息的簡明，并控制文字的量是很重要的。對(duì)網(wǎng)頁作適當(dāng)?shù)母袷交才?，讓它可以被印出來并且讓人們能夠不必?jīng)由電腦閱讀它。如果你有許多文字資訊，那么把它們拆成幾頁，用目錄或大綱的形式讓使用者可以依照自己的進(jìn)度依序閱讀。一般原則是，一個(gè)網(wǎng)頁的長度最好不要超過熒幕高度的三倍。

　　10、運(yùn)用小字塊

　　將一大塊的文字分割成幾個(gè)較容易控制的小區(qū)塊也是不錯(cuò)的方式，使用分隔符號(hào)、圖形，或是在段與段之間加以分隔，能夠讓人在視覺上稍作休息，再繼續(xù)讀下一段文字。一段簡短的文字是要比一大塊沒有間斷的文字要容易閱讀得多。

　　11、文字與互動(dòng)設(shè)計(jì)

　　文字可以以多種形式來增進(jìn)互動(dòng)性，除了超連結(jié)功能外，也可以讓觀眾自己輸入資訊，而有不同的體驗(yàn)。