首先、網頁排版就是將有限的視覺元素進行有機的排列組合,讓邏輯清晰、閱讀順暢、交互便捷,產生良好的體驗。
網頁排版有以下原則:
1、重復與交錯、節奏與韻律、對稱與均衡、對比與調和、比例與適度、變異與秩序、虛實與留白、變化與統一
2、同時還要強調:
功能與形式(深入理解功能和內容,使之形式更好的體現主題思想)
兼容與響應(跨平臺,不同的分辨率、不同的設備環境下的呈現效果)
其次、下面我們以不同的方面說一下網頁排版。
1、 網頁文字排名
通過對字號、字體、字色、粗細、間距、行距等屬性來體現出內容的層次結構。做好網頁中文字的排版,特別對于大篇幅的文字,可以增加網頁的美觀性使讀者更有耐心閱讀,提高用戶體驗度。在網頁設計里,文字排版主要由三個因素控制:
字體大小(font-size)
行距(line-height)
間距(margin,padding)
認真調整這三個因素的值,可以實現理想的效果。
根據之前的經驗得出基本文字排版對行距、間距的要求如下:
設行距為 dl px ,設垂直方向上的間距和為 ∑ds = dst (段前距) + dsb (段后距) (px) ①,假設基礎行距為k px,則
n*k = dl + ∑ds (n為自然數) 即行距和間距之和應當是18的倍數 ②
由方程①、② 得出:
行距和全部垂直間距之和為18的倍數。
2、網頁顏色
網頁運用顏色的形體、位置、面積,及色相、明度、純度等屬性并結合內容與環境來組織色彩。氛圍效果營造,同產品的統一性,優化(品質大小,色彩信息,實現方案)。
3、網頁圖片排版
網頁圖片排版要做到主圖次文,圖文節奏,空隙,模塊化。同時要強調尺寸樣式的定位,同一頁面的和諧性,圖片的優化,位置的節奏,大小對比。
4、網頁導航/圖表排版
網頁導航/圖表排版要通過對信息數據的歸納整理,有效分類、排布,將復雜信息高效、清晰地傳遞給用戶——清晰、直觀。更多的是要將信息內容有效的組織、排布,使其規范有序、清晰明確,便于用戶高效、準確獲取相關信息,把網站設計的更友好、易用、真實可信