第九章
印刷術(shù)
良好的印刷術(shù)通過(guò)提供視覺(jué)標(biāo)點(diǎn)符號(hào)和圖形口音,幫助讀者理解散文與圖片,標(biāo)題和下屬文本塊之間的關(guān)系,從而建立了在頁(yè)面上呈現(xiàn)散文的視覺(jué)層次結(jié)構(gòu)。良好的網(wǎng)頁(yè)排版對(duì)這些關(guān)系進(jìn)行編碼,并適應(yīng)不同的使用環(huán)境。
Web排版的特點(diǎn)
網(wǎng)頁(yè)排版與印刷排版有幾個(gè)明顯的區(qū)別:
編碼語(yǔ)義:使用網(wǎng)頁(yè)印刷術(shù),層次結(jié)構(gòu)和關(guān)系被編碼成文本,這樣信息就可以通過(guò)編程方式獲得,并且可以通過(guò)諸如文本到語(yǔ)音軟件的閱讀工具讀取,如屏幕閱讀器,可以大聲閱讀網(wǎng)頁(yè); 以及搜索和檢索索引文件的軟件,如搜索引擎。
適應(yīng)性顯示:文本的可視顯示取決于許多變量,例如用戶設(shè)置,使用環(huán)境,使用的設(shè)備和視口的大小。良好的網(wǎng)頁(yè)排版適應(yīng)這些不同的環(huán)境。最終,最好的頁(yè)面是那些可以很容易地被用戶展示的頁(yè)面,其設(shè)計(jì)可以滿足他們的需求和偏好。印刷設(shè)計(jì)尤其如此,因?yàn)樵谧罴芽勺x性和易讀性方面存在著這樣的差異。
語(yǔ)義
通過(guò)討論語(yǔ)義標(biāo)記來(lái)開(kāi)始關(guān)于網(wǎng)頁(yè)排版的章節(jié)似乎是違反直覺(jué)的,但印刷術(shù)是視覺(jué)語(yǔ)義學(xué) - 使用視覺(jué)編碼來(lái)傳達(dá)結(jié)構(gòu)和意義。在網(wǎng)絡(luò)上,我們可以將結(jié)構(gòu)和含義編碼為文檔。通過(guò)語(yǔ)義標(biāo)記,我們以可視化和編程方式描述內(nèi)容結(jié)構(gòu),以便更有效地與更多用戶進(jìn)行交流。我們還使用語(yǔ)義來(lái)提供額外的體驗(yàn)層次,并僅通過(guò)視覺(jué)方式進(jìn)行連接。例如,我們可以通過(guò)從文檔中提取標(biāo)題并以大綱格式提供文檔概覽來(lái)創(chuàng)建目錄。
中性空間
中性空間是我們用來(lái)描述元素如何相關(guān)和排序的屬性。
我們可以使用語(yǔ)義標(biāo)記來(lái)編碼特定元素的目的,并描述頁(yè)面內(nèi)容的信息層次結(jié)構(gòu)。例如,切分標(biāo)記是圍繞內(nèi)容塊編碼中性空間的一種方式,為內(nèi)容提供了一個(gè)邊界并給它一個(gè)描述性標(biāo)簽。
信息等級(jí)
我們使用印刷慣例來(lái)傳達(dá)內(nèi)容元素之間的關(guān)系
例如,我們?cè)趩卧~,短語(yǔ)或段落的列表中的每個(gè)項(xiàng)目前面放置了一個(gè)項(xiàng)目符號(hào)字符,以直觀地顯示項(xiàng)目是相關(guān)的,并且通常它們是與列表之前的內(nèi)容有關(guān)的特定細(xì)節(jié)。另一個(gè)常見(jiàn)的例子是標(biāo)題后跟一段。我們使用更大的粗體文本在視覺(jué)上標(biāo)示標(biāo)題。正如在本書(shū)中,我們經(jīng)常有一個(gè)標(biāo)題層次體系,包含頁(yè)面標(biāo)題,章節(jié)標(biāo)題和小節(jié)標(biāo)題。我們通常通過(guò)標(biāo)題的大小和位置來(lái)直觀地表達(dá)這些內(nèi)容。頁(yè)面頂部的大標(biāo)題可能是所有頁(yè)面內(nèi)容的標(biāo)題。部分標(biāo)題較小,分散在整個(gè)頁(yè)面中,部分標(biāo)題更小。
我們還使用印刷術(shù)來(lái)強(qiáng)調(diào)個(gè)別元素,使其突出顯示為不同或特別重要。一種方法是用粗體或粗體設(shè)置單詞或短語(yǔ),使其與周圍環(huán)境脫穎而出。我們可以使用語(yǔ)義標(biāo)記來(lái)區(qū)分周圍內(nèi)容中的單詞或短語(yǔ) - 例如,將作品的標(biāo)題標(biāo)記為引用。

使用樣式表進(jìn)行調(diào)整
Tim Berners-Lee最初的互聯(lián)網(wǎng)概念是創(chuàng)建“可直接或間接通過(guò)機(jī)器處理的數(shù)據(jù)網(wǎng)絡(luò)
結(jié)構(gòu)邏輯和視覺(jué)邏輯之間的這種劃分是通過(guò)引入級(jí)聯(lián)樣式表或CSS來(lái)調(diào)和的。使用CSS,網(wǎng)站可以同時(shí)包含編碼和視覺(jué)結(jié)構(gòu)和含義。樣式表為網(wǎng)頁(yè)設(shè)計(jì)師提供了管理復(fù)雜網(wǎng)站的兩大優(yōu)勢(shì):
內(nèi)容和設(shè)計(jì)的分離:CSS為站點(diǎn)開(kāi)發(fā)人員提供了兩全其美的方法:反映信息邏輯結(jié)構(gòu)的內(nèi)容標(biāo)記,以及明確指定每個(gè)html元素外觀的自由。
對(duì)大型文檔集的高效控制:CSS最強(qiáng)大的實(shí)現(xiàn)允許網(wǎng)站設(shè)計(jì)人員通過(guò)修改單個(gè)主樣式表文檔來(lái)控制成千上萬(wàn)頁(yè)的圖形外觀。
媒介關(guān)注設(shè)計(jì)
作者使用媒體發(fā)布故事的經(jīng)驗(yàn)集中在使分享想法,故事和想法的活動(dòng)沒(méi)有分心(參見(jiàn)Medium的簡(jiǎn)化編輯工具欄,圖9.4)。但最重要的是,Medium非常關(guān)注如何確保文稿的最佳效果,以及可愛(ài)的設(shè)計(jì)和印刷設(shè)備上的印刷效果,甚至在紙張上(請(qǐng)參閱網(wǎng)站Printing Medium Stories)。
效率
如果您曾經(jīng)使用過(guò)頁(yè)面布局或文字處理程序的“樣式”功能,您將會(huì)理解CSS背后的基本思想。字處理器的樣式功能用于確定標(biāo)題,子標(biāo)題和正文副本的外觀,然后在將樣式應(yīng)用于每個(gè)元素時(shí)對(duì)文本進(jìn)行格式化。一旦所有的文本都被設(shè)計(jì)好了,只要改變它的樣式信息就可以改變每個(gè)元素出現(xiàn)的樣子。例如,假設(shè)您將標(biāo)題1的元素設(shè)置為T(mén)imes New Roman。如果您改變了主意并希望使用其他字體,則只需更改標(biāo)題1樣式,然后文檔中的每個(gè)標(biāo)題1就會(huì)更改為反映新字體。CSS以相同的方式工作。如果您有一個(gè)主控樣式表控制網(wǎng)站中每個(gè)頁(yè)面的視覺(jué)樣式,
一致性
用戶偏好
在實(shí)踐中的Web排版
對(duì)于內(nèi)容編輯來(lái)說(shuō),重要的是要利用好的文本標(biāo)記實(shí)踐,以便開(kāi)發(fā)團(tuán)隊(duì)的精心設(shè)計(jì)和設(shè)計(jì)的語(yǔ)義和視覺(jué)印刷正確地應(yīng)用。意即:
使用文本編輯器中提供的語(yǔ)義標(biāo)記選項(xiàng):表格的標(biāo)題,列表,引號(hào)以及列和行標(biāo)題。
不要使用特定元素來(lái)實(shí)現(xiàn)視覺(jué)效果。例如,不要根據(jù)其顯示方式分配標(biāo)題級(jí)別。而是分配與信息層次結(jié)構(gòu)中標(biāo)題位置相對(duì)應(yīng)的級(jí)別。
避免使用演示文稿選項(xiàng),如大小,字體和樣式(粗體,斜體,下劃線),特別是在存在語(yǔ)義選項(xiàng)時(shí)。例如,請(qǐng)勿使用字體大小和樣式設(shè)置將部分標(biāo)題設(shè)置為較大和粗體。相反,使用格式菜單選擇適當(dāng)?shù)臉?biāo)題級(jí)別,并讓標(biāo)題顯示在CSS中指定。避免設(shè)置文本的顏色選項(xiàng)。顏色很棘手。選擇與頁(yè)面上的其他顏色不協(xié)調(diào)的顏色很容易,更糟糕的是,這種顏色不能提供足夠的對(duì)比度,從而導(dǎo)致視力障礙人士遇到問(wèn)題。讓你的文本繼承開(kāi)發(fā)團(tuán)隊(duì)提供的樣式。
避免使用文字字符作為視覺(jué)目的,例如箭頭的括號(hào),邊框的垂直條或管道,子彈的星號(hào)。屏幕閱讀器軟件會(huì)說(shuō)出提供的任何文字,并會(huì)說(shuō)出該字符(例如,“主頁(yè)豎條關(guān)于豎條聯(lián)系我們”)。
一段時(shí)間后不要放兩個(gè)空格。期。
版式設(shè)計(jì)的元素
良好的排版取決于一種字體與另一種字體之間的視覺(jué)對(duì)比,以及文本塊,標(biāo)題和周圍的白色空間之間的視覺(jué)對(duì)比。
當(dāng)您的內(nèi)容主要是文本時(shí),排版是您用來(lái)在頁(yè)面上“繪制”組織模式的工具。讀者首先看到的不是頁(yè)面上的標(biāo)題或其他細(xì)節(jié),而是頁(yè)面的總體模式和對(duì)比。通過(guò)精心組織的文本和圖形頁(yè)面建立的常規(guī)重復(fù)模式有助于讀者確定信息的位置和組織,并提高易讀性。不規(guī)則的排版和文本標(biāo)題使得用戶很難看到重復(fù)的模式和邏輯內(nèi)容組?;靵y使得很難預(yù)測(cè)信息可能位于不熟悉的文檔中的位置。
顯示類型
實(shí)體文本的網(wǎng)頁(yè)難以掃描內(nèi)容結(jié)構(gòu),并且不會(huì)引起人們的注意
對(duì)齊和空白
邊距通過(guò)將主文本與周圍環(huán)境分開(kāi)來(lái)定義頁(yè)面的閱讀區(qū)域。
因?yàn)榫W(wǎng)頁(yè)內(nèi)容必須與瀏覽器本身的界面元素以及其他窗口,菜單和圖標(biāo)共存的用戶界面。
邊距和空間可以用來(lái)描繪其他頁(yè)面元素的主要文本。
對(duì)齊的文本
對(duì)齊的文本與左右頁(yè)邊齊平。合理的文本塊創(chuàng)建實(shí)心矩形,標(biāo)題通常以對(duì)稱,正式文檔為中心。在印刷中,通過(guò)調(diào)整單詞之間的空格和使用單詞連字符來(lái)實(shí)現(xiàn)調(diào)整。頁(yè)面布局程序使用連字典檢查并在每行末尾應(yīng)用連字符,然后調(diào)整整行的字間距。但即使使用復(fù)雜的頁(yè)面布局軟件,合理的文本塊通常也會(huì)因空間不足和過(guò)多的連字符而受到影響,并且需要手動(dòng)優(yōu)化才能避免文本中出現(xiàn)空白的“河流”。
現(xiàn)代瀏覽器通過(guò)字間距和連字符支持對(duì)齊的文本,但結(jié)果不是最佳的或一致的。必要的精細(xì)間距調(diào)整是不可能的,并且沒(méi)有定制和改進(jìn)連字選項(xiàng)的選項(xiàng)。窄列可以在字母和單詞之間留出大的空間,特別是放大文本。在可預(yù)見(jiàn)的將來(lái),如果您設(shè)置了文本對(duì)齊,則Web文檔的可讀性將會(huì)受到影響。
居中且右對(duì)齊的文本
居中和右對(duì)齊的文本塊難以閱讀。
左對(duì)齊的文本
左對(duì)齊文本是網(wǎng)頁(yè)最清晰的選項(xiàng),因?yàn)樽筮吘嗍蔷鶆蚯铱深A(yù)測(cè)的,右邊距不規(guī)則。與對(duì)齊文本不同,左對(duì)齊不需要調(diào)整字間距; 間距的不平等落在線條的末端。由此產(chǎn)生的粗糙的右邊距增加了頁(yè)面的多樣性和趣味性,而不會(huì)降低易讀性。
標(biāo)題對(duì)齊
左對(duì)齊文本的標(biāo)題也應(yīng)該左齊。
線路長(zhǎng)度
最好的方法是使用靈活的單位來(lái)指定文本塊的寬度以及適應(yīng)不同文本大小以及不同設(shè)備的響應(yīng)式布局
領(lǐng)導(dǎo)
領(lǐng)先是文本塊中的垂直空間,即文本的基線到下一個(gè)文本的距離。
網(wǎng)絡(luò)上,我們建議更慷慨的導(dǎo)致補(bǔ)償更長(zhǎng)的線路長(zhǎng)度。使用相對(duì)度量,例如ems或百分比,設(shè)置相對(duì)于文本大小的前導(dǎo)。
縮進(jìn)
縮進(jìn)的段落對(duì)于較長(zhǎng)的散文塊尤其適用,其中縮進(jìn)信號(hào)指示新段落對(duì)文本流的干擾最小。相比之下,段落之間的空行間距使得頁(yè)面易于掃描并為視覺(jué)緩解提供額外的空白空間。只要風(fēng)格在整個(gè)網(wǎng)站中一致地實(shí)施,任何一種方法都是有效的。
字體大小
可擴(kuò)展的文本對(duì)于普遍可用性的目標(biāo)至關(guān)重要。為確??缮炜s性,請(qǐng)使用相對(duì)單位來(lái)控制頁(yè)面上的排版類型大小,邊距和縮進(jìn)量。我們建議將正文文本設(shè)置為在用戶瀏覽器設(shè)置中定義的默認(rèn)文本大小,并使用相對(duì)單位(例如ems或百分比)設(shè)置所有文本變體(例如標(biāo)題,標(biāo)題和鏈接)。
響應(yīng)式排版
在使用靈活單位(例如百分比或ems)設(shè)計(jì)的響應(yīng)式布局中,當(dāng)用戶使用瀏覽器縮放功能放大文本時(shí),所有文本,控件和布局均可調(diào)整為較大的文本大小。布局將在不同的斷點(diǎn)處進(jìn)行調(diào)整,就像在桌面或智能手機(jī)上查看時(shí)一樣。并且?guī)椭勺x性的印刷設(shè)備(如線條長(zhǎng)度和線條高度)可以適應(yīng)文本大小和布局,從而提高較大尺寸的可讀性。
重點(diǎn)
如果您想要引起對(duì)文檔中部分標(biāo)題的注意,請(qǐng)勿將它們?cè)O(shè)置為粗體,粗體和全部大寫(xiě)。如果你想讓它們變大一些,可以增加一個(gè)尺寸。如果您更喜歡粗體,請(qǐng)將頭部放在與身體文字相同的位置,并使其變?yōu)榇煮w。你很快就會(huì)發(fā)現(xiàn),只需要很小的變化來(lái)建立視覺(jué)對(duì)比。
斜體
例如,當(dāng)列出書(shū)本或雜志標(biāo)題時(shí),或者在文本中使用重音或外來(lái)單詞和短語(yǔ)。避免以斜體設(shè)置大塊文本,因?yàn)樾斌w文本的可讀性遠(yuǎn)低于相對(duì)大小的羅馬文(“普通”)文本。
膽大
粗體文本給予強(qiáng)調(diào),因?yàn)樗c身體文本的重量形成對(duì)比。部分小標(biāo)題以粗體顯示。粗體文本在屏幕上是可讀的,但大塊設(shè)置為粗體的文本缺少對(duì)比度,因此失去效力。
下劃線
除了它的美學(xué)缺點(diǎn)(太重,干擾字母形狀)之外,下劃線在網(wǎng)絡(luò)文檔中具有特殊的功能含義。大多數(shù)讀者的瀏覽器首選項(xiàng)設(shè)置為下劃線鏈接。此默認(rèn)瀏覽器設(shè)置可確保具有單色監(jiān)視器或色盲人員可識(shí)別文本塊內(nèi)的鏈接。如果您的網(wǎng)頁(yè)上包含帶下劃線的文字,它肯定會(huì)與超文本鏈接混淆。
顏色
您應(yīng)該避免在文本塊中放置彩色文本,因?yàn)樽x者會(huì)認(rèn)為彩色文本是超文本鏈接并單擊它。使用顏色強(qiáng)調(diào)時(shí),請(qǐng)記住,有些用戶無(wú)法區(qū)分顏色。使用不帶顏色的其他視覺(jué)重點(diǎn),例如標(biāo)題為粗體,鏈接為下劃線。
另外請(qǐng)確保頁(yè)面背景和文字之間有足夠的對(duì)比。
首都
大寫(xiě)文本是增加印刷重點(diǎn)的最常見(jiàn)和最不有效的方法之一。通常應(yīng)該避免在所有首都設(shè)置的詞 - 除了可能的簡(jiǎn)短標(biāo)題外 - 因?yàn)樗鼈兒茈y掃描。
我們建議您在標(biāo)題,小標(biāo)題和文字中使用簡(jiǎn)體字輸入法(僅限第一個(gè)單詞和任何專有名詞)。羽絨風(fēng)格更清晰,因?yàn)楫?dāng)我們閱讀時(shí),我們主要是掃描單詞的頂部。注意閱讀同一句的下半部分要困難得多。如果您在標(biāo)題中使用首字母大寫(xiě)字母,則會(huì)破壞讀者對(duì)單詞表格的掃描。
間距和縮進(jìn)
改變一段文字的視覺(jué)對(duì)比度和相對(duì)重要性的最有效和最微妙的方法之一是將其與周圍文本區(qū)分開(kāi)來(lái)或區(qū)別對(duì)待。如果您希望主要標(biāo)題在不增大尺寸的情況下突出顯示,請(qǐng)?jiān)跇?biāo)題前添加空格以將其與以前的任何副本分開(kāi)??s進(jìn)是區(qū)分項(xiàng)目符號(hào)列表,引語(yǔ)或示例文本(如上面的大寫(xiě)示例)的另一種有效方法。
字樣
字體的術(shù)語(yǔ)
類型的大小
字母間距和字距
處理網(wǎng)頁(yè)排版的兩項(xiàng)關(guān)鍵技能是使用CSS的字母間距和字距。字母間隔最常用于提高所有大寫(xiě)字母組合的易讀性,字母之間更大的間距有助于眼睛區(qū)分大寫(xiě)字母相對(duì)單調(diào)的形狀。一般來(lái)說(shuō),全部大寫(xiě)字母的所有實(shí)例都應(yīng)該使用CSS提供一些額外的字母間距(例如:)h1 { letter-spacing: 2px; }。
克寧是調(diào)整各個(gè)字母之間的空間,當(dāng)您在頁(yè)面設(shè)計(jì)中使用大型“顯示”字體時(shí),這一點(diǎn)尤為重要。當(dāng)兩個(gè)相鄰的字母看起來(lái)相距太遠(yuǎn)時(shí),使用克寧來(lái)改善類型的美學(xué),留下一個(gè)尷尬的間隙,擾亂了該類型線條的平滑流動(dòng)和節(jié)奏(圖9.17)。您可以使用CSS letterspacing屬性的負(fù)值將特定的字形對(duì)拉到一起,以改善顯示類型較大的標(biāo)題的外觀。
改編的傳統(tǒng)字體
如果您需要在很小的空間打包大量文字,Times New Roman的緊湊信函尺寸也是一個(gè)不錯(cuò)的選擇。
專為屏幕設(shè)計(jì)
其他媒體的字體
選擇字體
并且不要在頁(yè)面上使用兩個(gè)以上的字體(一個(gè)serif,一個(gè)sans serif)。
指定操作系統(tǒng)字體
瀏覽器會(huì)檢查每個(gè)字體的存在(按您提供的順序),因此您可以在瀏覽器應(yīng)用默認(rèn)字體之前指定三個(gè)或四個(gè)替代字體,例如“Times New Roman,Georgia,Times”。作為失敗安全的努力,您可以用通用的字體名稱來(lái)結(jié)束您的字體聲明,如“serif”。??這樣,如果瀏覽器找不到任何列出的字體,它將以可用襯線字體顯示文本:
p { font-family: “Times New Roman”, Georgia, Times, serif }
Times New Roman等多字字體名稱必須出現(xiàn)在規(guī)范中的引號(hào)內(nèi)
在下面的字體示例中,雖然“Trebuchet”和“Trebuchet ms”是相同的字體,但您在字體列表中指定的確切名稱很重要。如果您希望Macintosh和Windows用戶都能看到字體Trebuchet,請(qǐng)?jiān)谧煮w聲明中使用這兩個(gè)名稱:
p { font-family: “Trebuchet MS”, Trebuchet, Verdana, Arial, sans-serif }
確保您的類型設(shè)置正常工作的一種好方法是將瀏覽器的默認(rèn)比例字體設(shè)置設(shè)置為明顯不同于預(yù)期字體的設(shè)置。例如,如果您不在文檔中使用Courier,請(qǐng)將瀏覽器的默認(rèn)字體設(shè)置為Courier。當(dāng)您查看您的頁(yè)面時(shí),任何出現(xiàn)在Courier中的內(nèi)容都不得正確標(biāo)記。
使用基于Web的字體和CSS @ font-face元素
Google,Adobe和Font Squirrel都提供一些免費(fèi)的字體。谷歌巨大的(和不斷增長(zhǎng)的)網(wǎng)絡(luò)字體庫(kù)完全免費(fèi)使用。
免費(fèi)使用各種主流和裝飾字體的優(yōu)勢(shì)顯而易見(jiàn),但在Web工作中使用太多Web字體會(huì)帶來(lái)一些重大的美學(xué)和性能劣勢(shì)。
Web字體的性能影響
大多數(shù)網(wǎng)絡(luò)字體都需要從Google字體這樣的來(lái)源中進(jìn)行引用,因?yàn)槟木W(wǎng)頁(yè)會(huì)加載到閱讀器的瀏覽器中,而像Google字體這樣的標(biāo)準(zhǔn)網(wǎng)絡(luò)字體可能每個(gè)都是30-50 Kb,或者是大小適中的圖形以jpeg格式。它并不需要太多@font-face在您的頁(yè)面加載之前請(qǐng)求會(huì)明顯變慢。已經(jīng)包含許多圖像的頁(yè)面加載速度特別慢,并且如果您還使用符號(hào)字體為頁(yè)面設(shè)計(jì)提供圖標(biāo)圖形,則加載速度會(huì)進(jìn)一步放慢。這并不意味著你不能在你的設(shè)計(jì)工作中使用多種字體,但是如果你的網(wǎng)頁(yè)已經(jīng)加載了圖形內(nèi)容,你可能需要不斷地進(jìn)行在線速度測(cè)試,如Google的PageSpeed或Pingdom(tools.pingdom.com )以確保您了解Web字體工作的性能影響。
印刷美學(xué)
如果您不是制作印刷決策的設(shè)計(jì)師,請(qǐng)注意以下幾點(diǎn):
保持簡(jiǎn)單,并在您的網(wǎng)站中使用不超過(guò)兩個(gè)字體。通常這意味著為您的主要標(biāo)題選擇一種字體,并為您的主要文本塊添加對(duì)比字體。設(shè)計(jì)師通常會(huì)為標(biāo)題和主要標(biāo)題選擇一種無(wú)襯線字體,為主要文本塊選擇一種襯線字體,或者反之亦然。選擇一種方案或另一種方案,不要添加更多字體。有幾種serif / sans serif組合系列可以很容易地協(xié)調(diào)您的字體。Adobe的Stone系列無(wú)襯線和襯線的面孔被設(shè)計(jì)為與Adobe的Myriad和Minion面臨的完美結(jié)合。
不要卷入無(wú)休止的(無(wú)意義的)關(guān)于襯線字體還是新襯線字體更清晰的辯論 - 沒(méi)有可靠的數(shù)據(jù)來(lái)支持這么簡(jiǎn)單的命題。在這兩個(gè)類別中都有奇妙的serif和sans serif字體,以及可怕的字體。
留在主流。使用熟悉并且被廣泛使用數(shù)十年的字體,因?yàn)樗鼈兘?jīng)受了時(shí)間的考驗(yàn),不會(huì)讓您難堪。像喬治亞州,泰晤士報(bào),仆從,帕拉蒂諾,古迪和加拉蒙等Serif字體支柱都很漂亮,功能也很強(qiáng)大。像Myriad這樣的Sans Serif字體(在本書(shū)中使用),Arial,Helvetica和Syntax在所有正常字體大小下都非常清晰。
不要使用裝飾,快樂(lè),偏心或顯示字體。永遠(yuǎn)。句號(hào)。
建立一個(gè)簡(jiǎn)單的視覺(jué)和印刷“詞匯”,并堅(jiān)持下去。在每一個(gè)嚴(yán)肅的項(xiàng)目中,都會(huì)遇到你沒(méi)有預(yù)料到的挑戰(zhàn),以及似乎需要添加新類型處理,異常大或小尺寸或其他印刷異常的情況。每位有經(jīng)驗(yàn)的設(shè)計(jì)師都知道,堅(jiān)持使用您的程序和您選擇的工具幾乎總是最好的,并根據(jù)這些基本規(guī)則來(lái)思考問(wèn)題。這樣,每次出現(xiàn)新的挑戰(zhàn)時(shí),您都不會(huì)試圖用獨(dú)特的圖形或字體來(lái)“翅膀”。