排版是網站設計中的關鍵要素。網站設計是否美觀,用戶體驗是否好,重點是否突出,關鍵是網站的排版。所以,我們要在網站設計中重視網站的排版。同樣的內容,不同的排版,網站設計出來的效果是相差很大的,網站的排版要立足于內容,從用戶的角度去考慮,提升網站的可瀏覽性與閱讀性。小派總結了下網站設計中排版的一些技巧,供大家借鑒參考。
1、限制字體數量
太多的字體可能會分散讀者的注意力并且看起來不專業(yè)。一種字體通常就足夠了,兩種字體也可以,但您可能會把它推到三種字體。還值得記住的是,某些字體比其他字體更好地協(xié)同工作。因此,選擇相互補充而不是相互沖突的字體,并記住在整個網站中始終使用相同的字體。
2、設置合適的字體大小
顯示字體將取決于用于查看內容的設備類型。因此,建議在全尺寸臺式電腦屏幕和移動設備上測試文本的可讀性。與印刷內容相比,數字媒體的文本以更大的字體顯示效果更好。適合內容正文的字體大小為16或18像素。標題在48像素左右時看起來不錯。需要記住的關鍵一點是,人們在閱讀內容時會遠離數字設備,并不是每個人都有完美的視力。因此,請避免使用太小或難以閱讀的字體大小。
3、使用標準字體
有一些漂亮的字體可用。但是,通常最好堅持使用大家都熟悉的標準系統(tǒng)字體?;?、不尋常的字體會分散讀者的注意力,有些人甚至可能會因為研究您使用的字體而在您的網站上分心!排版是關于溝通的。所以,是的,在很多方面,在為網站選擇字體時,無聊是最好的。讓您的創(chuàng)意側放于您的圖形而不是您選擇的字體。
4、避免過分強調
粗體和斜體文本是強調單詞或短語的絕佳方式。但是,如果過度使用這些突出顯示的方法,則會失去強調的效果。一般來說,最好避免使用全部用大寫字母書寫的單詞。大寫字母暗示你在對讀者大喊大叫,沒有人喜歡這樣說話。您可能會驚訝地發(fā)現,大寫的單詞也需要更長的閱讀時間,因此如果您過度使用全大寫的單詞,將會降低內容的可讀性。
5、選擇具有可區(qū)分字母的字體
小心不要使用可能難以區(qū)分字母的字體。在某些字體中,“I”和“L”看起來幾乎相同。因此,在為您的網站選擇一種字體之前,請在各種上下文中測試字體,并查看字母在大寫和小寫下的外觀。人們在閱讀在線內容時很快就會變得不耐煩,因此任何可能讓讀者感到困惑的內容都是網站上的壞消息。
6、確保文本和背景之間的對比
對文本和背景使用相同顏色的陰影會使常量難以閱讀。您不一定必須在白色背景上使用黑色文本。然而,白底黑字是最常見的組合,也是最容易閱讀的組合之一。如果您使用彩色文本,建議與背景的對比度至少為3:1。最好避免使用紅色或綠色文本,因為紅色和綠色色盲是最常見的色盲類型。
7、行高和行長
盡量避免在狹小的空間內塞入過多的文字。行與行之間的最佳間距(稱為行高)是文本高度的120%。低于此,讀者在從一行瀏覽到下一行時可能會迷失自己的位置。最好也避免使用非常長的文本行。可讀性的最佳行長度為45-90個字符,包括空格。如果您在段落之間留出足夠的空間,這也會有所幫助,使文本更容易瀏覽。
8、善用留白
文字太多的網站看起來太繁瑣,難以閱讀。因此,最好將帶有空白邊框的文本塊分開。您還需要比印刷文本更多的數字媒體副標題。副標題是另一種分解內容并使文本更容易瀏覽的方法。人們不會像閱讀書籍那樣坐下來享受網站上的精彩閱讀。網站訪問者希望快速找到信息。因此,盡可能少用詞通常是最好的方法。
9、使用從左到右的布局
西方世界的人們希望從左到右閱讀文本。如果您以任何方式偏離該慣例,讀者可能不會遵循您的寫作流程。例如,副標題最好左對齊,因為左邊是人們的視線在段落結束后自然會落在的地方。中心對齊的主要標題和要點可以很好地工作,但文本的正文總是最好左對齊。多欄布局,比如報紙,對于網站來說通常也不是一個好主意,因為它們看起來太擁擠了。多欄內容也會變得局促且難以在移動設備上閱讀。
10、考慮字體個性
最后,考慮一下您選擇的字體的個性也是一個好主意。一些字體,如TimesNewRoman,被認為是經典、傳統(tǒng)和值得信賴的。其他字體,如Arial,干凈而現代。如果你選擇手寫風格的字體,你會給人一種更隨意或更藝術的印象。因此,在您的網站上使用字體之前,請考慮一下字體對您品牌的影響。
結論:這些排版小技巧,我們在網站設計過程中往往忽略,并不重視,從而導致網站設計出來達不到應有的效果。一個好的網站一定要從細節(jié)抓起,有利于網站的,細節(jié)怎么抓都不過分。