品牌設(shè)計(jì)
Hi,are you ready?

準(zhǔn)備好開(kāi)始了嗎?
那就與我們?nèi)〉寐?lián)系吧

有一個(gè)品牌項(xiàng)目想和我們談?wù)剢?您可以填寫右邊的表格,讓我們了解您的項(xiàng)目需求,這是一個(gè)良好的開(kāi)始,我們將會(huì)盡快與你取得聯(lián)系。當(dāng)然也歡迎您給我們寫信或是打電話,讓我們聽(tīng)到你的聲音!

PID派點(diǎn)互動(dòng)

地 址:廣州市天河區(qū)金慧路88號(hào)11棟138單元(華南農(nóng)業(yè)大學(xué)內(nèi))

電 話:+020- 3855 0205 3855 0745

傳 真:+020-3855 0745

E-mail:925774558@qq.com

填寫您的項(xiàng)目信息

captcha

廣州網(wǎng)站設(shè)計(jì)中的10個(gè)排版小技巧!

標(biāo)簽:網(wǎng)站設(shè)計(jì),廣州網(wǎng)站設(shè)計(jì),網(wǎng)站設(shè)計(jì)公司

排版是網(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ì)出來(lái)的效果是相差很大的,網(wǎng)站的排版要立足于內(nèi)容,從用戶的角度去考慮,提升網(wǎng)站的可瀏覽性與閱讀性。小派總結(jié)了下網(wǎng)站設(shè)計(jì)中排版的一些技巧,供大家借鑒參考。

1、限制字體數(shù)量

太多的字體可能會(huì)分散讀者的注意力并且看起來(lái)不專業(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í)看起來(lái)不錯(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í),無(wú)聊是最好的。讓您的創(chuàng)意側(cè)放于您的圖形而不是您選擇的字體。

4、避免過(guò)分強(qiáng)調(diào)

粗體和斜體文本是強(qiáng)調(diào)單詞或短語(yǔ)的絕佳方式。但是,如果過(guò)度使用這些突出顯示的方法,則會(huì)失去強(qiáng)調(diào)的效果。一般來(lái)說(shuō),最好避免使用全部用大寫字母書寫的單詞。大寫字母暗示你在對(duì)讀者大喊大叫,沒(méi)有人喜歡這樣說(shuō)話。您可能會(huì)驚訝地發(fā)現(xiàn),大寫的單詞也需要更長(zhǎng)的閱讀時(shí)間,因此如果您過(guò)度使用全大寫的單詞,將會(huì)降低內(nèi)容的可讀性。

5、選擇具有可區(qū)分字母的字體

小心不要使用可能難以區(qū)分字母的字體。在某些字體中,“I”和“L”看起來(lái)幾乎相同。因此,在為您的網(wǎng)站選擇一種字體之前,請(qǐng)?jiān)诟鞣N上下文中測(cè)試字體,并查看字母在大寫和小寫下的外觀。人們?cè)陂喿x在線內(nèi)容時(shí)很快就會(huì)變得不耐煩,因此任何可能讓讀者感到困惑的內(nèi)容都是網(wǎng)站上的壞消息。

6、確保文本和背景之間的對(duì)比

對(duì)文本和背景使用相同顏色的陰影會(huì)使常量難以閱讀。您不一定必須在白色背景上使用黑色文本。然而,白底黑字是最常見(jiàn)的組合,也是最容易閱讀的組合之一。如果您使用彩色文本,建議與背景的對(duì)比度至少為3:1。最好避免使用紅色或綠色文本,因?yàn)榧t色和綠色色盲是最常見(jiàn)的色盲類型。

7、行高和行長(zhǎng)

盡量避免在狹小的空間內(nèi)塞入過(guò)多的文字。行與行之間的最佳間距(稱為行高)是文本高度的120%。低于此,讀者在從一行瀏覽到下一行時(shí)可能會(huì)迷失自己的位置。最好也避免使用非常長(zhǎng)的文本行??勺x性的最佳行長(zhǎng)度為45-90個(gè)字符,包括空格。如果您在段落之間留出足夠的空間,這也會(huì)有所幫助,使文本更容易瀏覽。

8、善用留白

文字太多的網(wǎng)站看起來(lái)太繁瑣,難以閱讀。因此,最好將帶有空白邊框的文本塊分開(kāi)。您還需要比印刷文本更多的數(shù)字媒體副標(biāo)題。副標(biāo)題是另一種分解內(nèi)容并使文本更容易瀏覽的方法。人們不會(huì)像閱讀書籍那樣坐下來(lái)享受網(wǎng)站上的精彩閱讀。網(wǎng)站訪問(wèn)者希望快速找到信息。因此,盡可能少用詞通常是最好的方法。

9、使用從左到右的布局

西方世界的人們希望從左到右閱讀文本。如果您以任何方式偏離該慣例,讀者可能不會(huì)遵循您的寫作流程。例如,副標(biāo)題最好左對(duì)齊,因?yàn)樽筮吺侨藗兊囊暰€在段落結(jié)束后自然會(huì)落在的地方。中心對(duì)齊的主要標(biāo)題和要點(diǎn)可以很好地工作,但文本的正文總是最好左對(duì)齊。多欄布局,比如報(bào)紙,對(duì)于網(wǎng)站來(lái)說(shuō)通常也不是一個(gè)好主意,因?yàn)樗鼈兛雌饋?lái)太擁擠了。多欄內(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ì)過(guò)程中往往忽略,并不重視,從而導(dǎo)致網(wǎng)站設(shè)計(jì)出來(lái)達(dá)不到應(yīng)有的效果。一個(gè)好的網(wǎng)站一定要從細(xì)節(jié)抓起,有利于網(wǎng)站的,細(xì)節(jié)怎么抓都不過(guò)分。

更多網(wǎng)站設(shè)計(jì)、廣州網(wǎng)站設(shè)計(jì)、網(wǎng)站設(shè)計(jì)公司等相關(guān)需求,歡迎您咨詢派點(diǎn)互動(dòng)!

返回列表
在線溝通

Are you interested in ?

感興趣嗎?

有關(guān)我們服務(wù)的更多信息,請(qǐng)聯(lián)系

135 7039 2915 李先生

與我們合作

與派點(diǎn)合作,您將會(huì)得到更成熟的網(wǎng)站建設(shè)服務(wù)。我們以客戶至上,同時(shí)也相互挑戰(zhàn),力求呈現(xiàn)最好的網(wǎng)站建設(shè)成果。

品牌顧問(wèn)熱線(李生):

+135 7039 2915

TOP

QQ客服

免費(fèi)電話