式是頁面上字體的平衡和相互作用文字和視覺的平衡可以幫助瀏覽者了解外形,并且深人頁面內容的精髓。版式扮演著文字和視覺傳達的雙重角色。當瀏覽者瀏覽頁面時,會潛意識地注意兩個功能:首先,他們會調查頁面的整個圖形樣式;
接著他們會解析語言并閱讀。好的版式可以通過提供可視標點和圖像語言來創建用于表現頁面散文的視覺層級效果,這些可視標點符號和圖像語言可以幫助讀者理解散文和圖片、標題與下級文本塊之間的關聯。
1. Web字體特色
盡管網頁的版式基本規則和傳統印刷文檔十分-致,屏幕字體和紙質印刷字體卻大相徑庭。相對于圖書、雜志甚至是用廉價打印機打印的紙張,計算機屏幕顯示字體所采用的分辨率相當低。大多數雜志和圖書字體都采用1200dpi或者更高的分辨率來印刷,然而計算機屏幕的分辨率卻鮮少85ppi)。當前Apple和Windows操作都采用抗鋸齒字體來增加計算機展品上的可視分辨本,通過平滑處理學體周圍的邊緣來達到效果,因此在正常的屏幕閱讀距離范圍內,字體看起來與高分辨率的打印字體無太大差異。抗鋸齒的工作原理,與易讀性和閱讀相關的長期研究表明,抗鋸齒可以提高閱讀速度及準確度。在放大時,這些字體會變模糊,但是在正常的閱讀條件下以則十分清晰。
除了字體分辨率較低外,典型的計算機屏幕的可用區域也要比標準的普通版用器的圖書開本(尤其是高度)要小,垂直高度十分有限。這些最大面積的計算均已假設瀏覽者已經在屏幕中將瀏覽器窗口進行了最大化,而且大多數時間,瀏覽器還有可能與瀏覽者在屏幕中打開的其他窗口共享屏幕空間。
2. 動態構建
Web版式最與眾不同的特征是它的多變性。Web頁面會在每次被加載到Web瀏覽器時動態地構建。每行文字、每個標題以及每個獨特的字體和樣式都會經由Web瀏覽器、Web服務器以及瀏覽者的計算機操作系統復雜的交互重新創建。這個過程充滿了不可預知性:缺失的字體、過時的瀏覽器、由瀏覽者指定的一組特殊的字體首選項。你應該把你的Web頁面布局和字體看成是頁面顯示方式的建議,你無從得知它們在瀏覽者屏幕上的準確顯示方式。
3.內容結構及視覺邏輯
HTML的發起人是那些想以共享粒子物理文檔的科學家們。他們對文檔在特定計算機屏幕上顯示的準確形式不太感興趣。實際上,HTML可用來強制分離內容結構和圖形設計。在20世紀90年代的早期,人們根據這個意圖來創建可以在所有系統和瀏覽器(包括可以為有視覺障礙的用戶“讀”內容的瀏覽器)上顯示的萬維網頁面,這些頁面可以被自動搜索和分析引擎精確地解讀。
原Web設計師無視出版的圖形設計和編輯管理的傳統,忽略了人的動機及對說服的渴望。早期的Web程序員是如此關注制作便于機器使用的Web文檔,以至于他們創建的文字只有機器(或者粒子物理學家)可讀。他們僅僅關注文檔結構邏輯,忽略了人們對精湛的圖形設計和版式的可視化邏輯的需求。
4.層疊樣式表
架構邏輯和視覺邏輯之間的分割通過層疊樣式表(CSS)來調和。樣式表可以控制頁眉、段落、列表和其他頁面元素的精準視覺樣式。例如,你想將