堅(jiān)持為客戶提供有價(jià)值的服務(wù)和內(nèi)容

萍鄉(xiāng)網(wǎng)站建設(shè):企業(yè)網(wǎng)站建設(shè)時(shí)字體樣式編輯的方法

商企云 | 2019-06-29 | 分享至:

??

在中,字體的處理其實(shí)和圖形、版式、顏色的處理一樣。字體的編排合理、漂亮,可以給人以賞心悅目的感覺,為網(wǎng)站做到畫龍點(diǎn)睛的作用。字體編排合理,也會吸引讀者在網(wǎng)站閱讀更多的內(nèi)容。那么,企業(yè)網(wǎng)站建設(shè)時(shí)字體樣式編輯的方法,下面就由商企云為大家介紹一下。

??企業(yè)時(shí)字體樣式編輯的方法,商企云介紹以下幾點(diǎn):

??1.文字圖形化

??文字圖形化就是將文字用圖片的形式來表現(xiàn),這種形式在頁面的子欄目里面最為常用,因?yàn)樗哂型怀?,同時(shí)又美化了頁面,使頁面更加人性化加強(qiáng)了視覺效果,這是文字無法達(dá)到的。對于通用性的網(wǎng)站弊端就是擴(kuò)展性不強(qiáng)。

企業(yè)網(wǎng)站建設(shè)時(shí)字體樣式編輯的方法(圖1)

??

2.強(qiáng)調(diào)文字

??如果將個(gè)別文字作為頁面的訴求重點(diǎn),則可以通過加粗、加下劃線、加大號字體、加指示性符號、傾斜字體、改變字體顏色等手段有意識地強(qiáng)化文字的視覺效果,使其在頁面整體中顯得出眾而奪目。這些方法實(shí)際上都是運(yùn)用了對比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。

??3.合理設(shè)置行文本的長度

??我們隨手拿起一本書或者一份報(bào)紙,數(shù)一數(shù)每行的文字,一般情況下都不會超過40個(gè)漢字。據(jù)國外研究所調(diào)查表明:當(dāng)行文本太短時(shí),用戶眼睛回轉(zhuǎn)的頻率增大了,閱讀節(jié)奏容易被打破。而當(dāng)行文本太長時(shí),又容易引起用戶閱讀疲勞(專注力下降),從而導(dǎo)致其喪失閱讀欲望。

??因此,如果想要給用戶一個(gè)良好的閱讀體驗(yàn),網(wǎng)頁中的行文本長度最好控制在60個(gè)字符(約30個(gè)漢字)左右,這可以提高文本的可讀性。另外,如果是移動(dòng)設(shè)備的話,行文本長度則以30-40個(gè)字符為最佳。

企業(yè)網(wǎng)站建設(shè)時(shí)字體樣式編輯的方法(圖1)

??

4.合理的文字間距

??通過設(shè)置間距,我們就可以控制文字的密度。如果每行間距太小,與文字過長一樣,讀者瀏覽文章時(shí)也容易串行;如果行距過寬,閱讀時(shí)就會感覺文章不夠連貫。

??間距沒有固定的值,通常是根據(jù)字體大小來定義的。在word里我們常看到雙倍行距、單倍行距和1.5倍行距的選項(xiàng)。網(wǎng)頁上行距的單位常用em來表示,不管是中文網(wǎng)站還是英文網(wǎng)站,大家多喜歡用1.5em-1.8em的行距。以1.6em的行距為例,字號16px的字,行距就是25.6px。

??1.5-1.8em的行距的確是非常適于閱讀的文字密度。

??關(guān)于段距,我們要考慮一下具體實(shí)際情況。比如文章篇幅較短,就不需要很寬的段距;如果文章篇幅很長,特別是那些偏學(xué)術(shù)的比較枯燥的文章,就要多利用段距把握文章的節(jié)奏,給閱讀者喘息和思考的機(jī)會,且使文章更有層次和可讀性。

??5.使用標(biāo)準(zhǔn)字體

??字體分為襯線體(serif)與非襯線體(sans serif)。簡單的說,襯線體(serif)就是帶有襯線的字體,筆畫粗細(xì)不同并帶有額外的裝飾,開始和結(jié)尾有明顯的筆觸。常用的英文襯線體有Times New Roman和Georgia,中文即是我們在windows下最常見的中易宋體。

??與襯線體相反,無襯線裝飾,筆畫粗細(xì)無明顯查差異的字體就是非襯線體(sans serif)。Arial、Helvetica、Verdanad都是我們熟悉的英文非襯線體,中文有微軟雅黑和mac下默認(rèn)的中文-華文細(xì)黑。

??在過去,普遍認(rèn)為有筆觸裝飾的襯線體,可提高辨識度和閱讀效率,更適合做為閱讀的字體。多用于報(bào)紙、書籍等印刷品的正文。非襯線體飽滿醒目,常用做標(biāo)題或者用于較短的段落。

??另外,由于瀏覽器的“限制”,不是所有的字體都能與所有瀏覽器“兼容”,即有些能在Google Chrome中顯示的字體,也許到了火狐上就會顯示出錯(cuò),這樣容易影響到用戶的閱讀體驗(yàn)。最保守的做法就是采用系統(tǒng)默認(rèn)字體:比如 Arial、Calibri、Trebuchet等。

??6.使用一種字體

??正常情況下,頁面中采用一種字體就好了,因?yàn)楫?dāng)一個(gè)頁面中使用的字體超過3 種時(shí),會給用戶帶來“不專業(yè)”、“沒有權(quán)威性”、“沒有層次結(jié)構(gòu)”之類的感覺。如果需要選用兩種字體的話,但也應(yīng)該盡量把字體間的差異性降到最低,在視覺體驗(yàn)上盡量和諧。

??7.字體大小的選擇

??網(wǎng)站建設(shè)中字體大小的選擇是用戶體驗(yàn)中的一個(gè)重要部分,過大過小都會影響用戶體驗(yàn)。在制作網(wǎng)頁的時(shí)候,我們可以根據(jù)文字在網(wǎng)頁中的不同位置和不同等級來分別使用不同大小的字體。相對來說,內(nèi)容標(biāo)題可以使用較大的字體,而內(nèi)容小標(biāo)題可以采用次一號的字體,而內(nèi)容正文則可以采用正常大小的字體。

??對于不同的分辨率,不同的顯示器尺寸,不同的DPI,乃至不同的瀏覽器設(shè)置,都會對最終在瀏覽器上展現(xiàn)出來的文字大小帶來影響。最好的方式還是在網(wǎng)頁制作時(shí)根據(jù)用戶的分辨率給用戶一個(gè)比較美觀的默認(rèn)字體大小。大多數(shù)專業(yè)的網(wǎng)站建設(shè)人員,都會習(xí)慣性的使用某一字體大小,比如14px或12px,因?yàn)?2px和14px基本已經(jīng)成了大多數(shù)網(wǎng)站字體的標(biāo)準(zhǔn)大小,而11px、13px、15px等大小則涉及到一個(gè)鋸齒的問題,特別是在早期的顯示器中,往往不能很好的處理文字的鋸齒問題,使用單數(shù)的像素,極有可能造成鋸齒,所以通常采用偶數(shù)的大小。

企業(yè)網(wǎng)站建設(shè)時(shí)字體樣式編輯的方法(圖1)

??

商企云是一家技術(shù)開發(fā)型的網(wǎng)站建設(shè)公司,致力于商城、高端品牌網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)、APP開發(fā)、微信公眾平臺開發(fā)等各種建站、開發(fā)領(lǐng)域,為企業(yè)在互聯(lián)網(wǎng)的發(fā)展提供強(qiáng)大的建站、開發(fā)技術(shù)支持以及優(yōu)質(zhì)的服務(wù)。

??溫馨提示:以上是對“企業(yè)時(shí)字體樣式編輯的方法”的相關(guān)介紹,其次,如果你需要企業(yè)網(wǎng)站建設(shè)請來電咨詢商企云。

掃二維碼與項(xiàng)目經(jīng)理溝通

7*24小時(shí)為您服務(wù)

解答:網(wǎng)站優(yōu)化,網(wǎng)站建設(shè),APP開發(fā),小程序開發(fā),H5開發(fā),品牌推廣,新聞推廣,輿情監(jiān)測等

  非常感謝您有耐心的讀完這篇文章:"企業(yè)網(wǎng)站建設(shè)時(shí)字體樣式編輯的方法",更多內(nèi)容請繼續(xù)瀏覽,我們將為您提供更多參考使用或?qū)W習(xí)交流的信息。我們還可為您提供:網(wǎng)站建設(shè)與開發(fā)、網(wǎng)站優(yōu)化品牌推廣、APP開發(fā)、小程序開發(fā)、新聞推廣等服務(wù),我們以“降低營銷成本,提高營銷效果”的服務(wù)理念,自創(chuàng)立至今,已成功服務(wù)過不同行業(yè)的1000多家企業(yè),獲得國家高新技術(shù)企業(yè)認(rèn)證,且擁有14項(xiàng)國家軟件著作權(quán),將力爭成為國內(nèi)企業(yè)心目中值得信賴的互聯(lián)網(wǎng)產(chǎn)品及服務(wù)提供商。如您需要合作,請掃碼咨詢,我們將誠摯為您服務(wù)。
我要咨詢
姓名 :
電話 :
其他地區(qū)