1、個人網站模板如何排版
都有相對應的規則。 一、字體替換方法 在過去,設計師必須使用用戶電腦,甚至帶文本圖片上有的字體,這樣字體才會正確顯示。隨著科學技術的不斷發展,HTML5很快克服了這些問題。另外還有許多很棒的字體替換工具,這些工具搜集了很多字體,用戶不用安裝專門的字體,字體照樣正確顯示。 二、間距問題 一般很少遇到網站排版中出現層級結構的問題,但相當多的網站排版卻存在間距排列的問題。網站中所有元素的間距都必須按照一定的條理進行排列,因此你在處理間距必須遵循這些條理。你可能需要去了解以下的專用術語。 三、行距大小 LeadingSize 、字偶間距 Kerning 和字間距 Tracking 。行距大小就是一種增加或減少文本行之間產生的空格的方法。字偶間距是調節字元間空格,以便使其達到更愉悅的視覺效果的過程。使用字間距同樣能達到字偶距調整的效果,兩者之間的唯一差別在於空格的產生,字間距就是在每個字元間產生等量的空格,而字偶間距是調整的基於字元對所產生的空格。 四、層次結構 你可能已經很熟悉網站設計的層次結構,你可能也明白排版中也少不了它。層級的結構會給你一個閱讀顯示文本的起點。這點非常重要,因為這會幫助你准確傳遞信息,同時保證讀者准確理解。 五、字體配對 字體配對是把兩種或更多字體通過排列組合達到最佳效果的過程。這聽起來有意思,但對於初學者而言,卻並非易事。選擇一種或多種的漂亮字體就夠了,但是,你只是想完美配對兩種字體,從理論上說,難度更大。字體配對可降低使用單一字體時可能所產生的單調感。你可以就此進行實踐,為網站中所有的大標題使用一種字體,在一些簡單段落里使用另一種字體,看看最終效果是否很單調。 六、顏色和調色板 排版中的顏色不是僅僅指單一的文本顏色,通常是指網站用到的所有顏色。網站用到的圖片和顏色相當於文本的「背景」,因此使用顏色的時候要謹慎。網站的元素要和排版顏色協調,不要讓文本顯得模糊不清。也可以嘗試較大尺寸的排版 又稱為宏觀排版,以便達到更好的效果。簡單來說,宏觀排版就是使用更大的文本來吸引用戶。其長度通常不能超過1到4個單詞,所以保持文字的簡潔性和正確性就顯得格外很重要。在關鍵的信息下,但是這並不是那麼重要,因為這並不是你的網站的焦點,但大尺寸文字卻是。 七、字體大小/粗細對比 如果是個人網站模板把字體弄得難以辨認,這是犯了大忌。你也知道字體配對對於精美排版的重要性,而並不是用一些統一的文本。即使你找到了很棒的字體搭配,還是不要忘記為字體設置合適的大小和粗細。字體的粗細和大小設置不當基本上就毀掉了之前的搭配,因為這會讓你已經使用的不同字體難以辨認。