網頁設計怎麽頁面佈局和字體版式選擇

頁面佈局

用戶界面設計的一部分受頁面佈局品質的影響。例如，設計者可以在設計佈局時考慮站點的頁面佈局在不同頁面上是否應保持一致。頁面像素寬度也可能被認為對於在佈局設計中對齊對象至關重要。最受歡迎的固定寬度網站通常具有相同的設置寬度，以與當前最受歡迎的瀏覽器窗口相匹配，並且具有當前最受歡迎的螢幕解析度和當前最受歡迎的螢幕尺寸。對於大螢幕上的美觀問題，大多數頁面也居中對齊。

在頁面佈局設計原理和程式碼技術方面，流體佈局在2000年左右逐漸流行為基於HTML表格的佈局和基於網格的設計的替代方法，但採用起來非常緩慢。這是由於考慮了螢幕讀取設備和設計人員無法控制的可變窗口大小。因此，設計可以分解為多個單元（側邊欄，內容塊，嵌入式廣告區域，導航區域）發送給瀏覽器，並且瀏覽器將盡其所能將其安裝在顯示窗口中。由於瀏覽器確實能夠識別閱讀器螢幕的詳細訊息（窗口大小，相對於窗口的字體大小等），因此瀏覽器可以針對流體佈局而不是固定寬度佈局進行用戶特定的佈局調整。儘管這樣的顯示可能經常會更改主要內容單元的相對位置，但側欄可能會移動到正文下方，而不是正文的旁邊。與不適合設備窗口的基於硬程式碼網格的佈局相比，這是一種更加靈活的顯示。特別地，內容塊的相對位置可以改變，同時使塊內的內容不受影響。這也使用戶水平滾動頁面的需求降至最低。

響應式網頁設計是一種基於CSS3的更新方法，通過增強使用CSS @media規則，頁面樣式表中的每個設備規範都有更深的層次。2018年3月，谷歌宣布將推出移動優先索引。使用響應式設計的網站位置優越，可確保它們符合這種新方法。

字體版式

Web設計人員可以選擇將網站字體的種類限制為僅幾種相似樣式的字體，而不是使用多種字體或字體樣式。大多數瀏覽器可以識別特定數量的安全字體，設計人員主要使用這些字體以避免複雜情況。

字體下載後來包含在CSS3字體模塊中，此後已在Safari 3.1，Opera 10和Mozilla Firefox 3.5中實現。隨後，這增加了對Web排版以及字體下載使用的興趣。

大多數網站佈局都包含負空格，以將文本分成多個段落，並避免居中對齊文本。