制作網站網頁設計好實踐：極簡主義排版

在談論設計時，我們需要從設計師的角度考慮文本。文本必須清晰可讀，同時適合網站的風格。但它也必須與內容的層次結構相關。

構建層次結構是網站組成的“大局”。但是當您轉向排版時，您還必須創建與頁面上特定文本相關的層次結構。在這篇文章中，我們將解釋如何使用標題創建關系，以及如何使用空格來使冗長的段落可視化。制作網站網頁實踐：極簡主義排版。

標題和間距

Web內容通常只關注幾個不同的文本元素。標題范圍從H1-H6，但大多數網站最多只使用H1-H4。無論使用多少標題樣式，作為一個設計師，他們的工作，以使層次結構清晰建立。

文本之間的空格很重要，因為它有助于定義頁面內容本身。當用戶找到新標題時，他們希望能夠識別內容是否切換到全新主題，或者是否在現有主題內。標題文本的大小，顏色和樣式的正確組合有助于為用戶創造正確的期望。

文本之間的空白表示頁面內容如何相關。具有大量空間的標題被視為更顯著，而靠近段落的標題被視為通過上下文相關。段落后的底部邊距顯示文本行與它們在層次結構中所處的位置之間的關系。這一切都涉及到制作內容的層次結構，以在視覺上區分頁面上的文本。才藝多，專業網站建設、網站優化、logo設計、品牌設計、印刷等產品服務，新上線企業VI設計套餐和網站營銷推廣系統（強），歡迎新老顧客前來咨詢！

標題關系

每個標題應該反映它自己獨特的風格，這也補充了頁面上的其他樣式的文字。制作精采標題通過練習變得更容易，但是空格值通常應該相同，不管標題樣式。

Square使用傳統的初始首頁布局，包含大量圖像和文字塊。標題是設計的一個特別有趣的部分，因為它們的范圍從超大到無窮小。然而，大小并不像頁面上與其他文本的關系那么重要。

請注意，在上面的屏幕截圖中，大標題如何在文本上方和下方使用額外的間距。這些部分標題在視覺上傳達了“自己”的感覺，但也自然地組合成更大的副標題和段落的塊。

每個內部塊使用小得多的子標題文本。這些內部頭部與段落文本大小相同，但它們以粗體文本和較深的顏色突出顯示。視覺上，這些粗體的文本行仍然是標題（只是在視覺圖騰柱上較低）是非常清楚的。

標題和段落之間的空間量還定義哪些段落屬于哪些標題。同樣，你應該在較小的頭部和較大的頭部之間插入大量的空間。再次，負空間在視覺設計和排版中定義層次。

文本清晰可讀

通過使用空間，大小，顏色和/或文本樣式，可以看到視覺層次結構。即使站在距離顯示器3-5英尺的位置，這應該是可見的。您還可以使用5秒高斯模糊測試來檢查層次結構。

嘗試設計足夠大的文本，使其清晰可讀的距離屏幕3英尺。文本大小非常類似于白色空間，通常更好地設計大于較小。然而，運動溫和和克制。如果文字大小太大，則會占用更多的屏幕空間，需要更多的滾動。但如果它太小，它可能是不可讀的，或訪問者將遇到困難與垂直節奏，因為他們移動他們的眼睛從線到線。

要記住的兩個重要的事情是段落邊距和行高（每行之間的空格）。段落中的文本大小決定了這兩個值，因為空白區域取決于大小。

本文標題：制作網站網頁設計最佳實踐：極簡主義排版
URL分享：http://m.2m8n56k.cn/news/166689.html

成都網站建設公司_創新互聯，為您提供自適應網站、建站公司、外貿網站建設、面包屑導航、外貿建站、定制網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯