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