NEWS
移動(dòng)互聯(lián)網(wǎng)高速發(fā)展的時(shí)代,手機(jī)已經(jīng)占據(jù)著我們的日常生活了,雖然我們大部分人對(duì)手機(jī)網(wǎng)站還不是很熟悉,還不懂如何創(chuàng)建手機(jī)端網(wǎng)站,但是我們每天都會(huì)接觸各種網(wǎng)站,我們可以通過(guò)一些網(wǎng)站了解到,手機(jī)網(wǎng)站和電腦網(wǎng)站在文字排版上面是有一定區(qū)別的,那是因?yàn)槭謾C(jī)屏幕顯示的內(nèi)容有限,在文字排版方面要盡量避免雜亂無(wú)章,為了更好的提升用戶體驗(yàn)程度,需要設(shè)計(jì)符合手機(jī)端網(wǎng)站的文字排版,那么今天小編就給大家簡(jiǎn)單分享一下,怎樣設(shè)計(jì)手機(jī)網(wǎng)站的文字排版。
字體和字號(hào)
字體的選擇能給用戶帶來(lái)不同的感受,不同的內(nèi)容可以選擇不用的字體,但是字體類型不能夠過(guò)多,過(guò)多的話整個(gè)頁(yè)面看上去顯得非常不專業(yè)。然后就是字體類型的要求,建設(shè)手機(jī)網(wǎng)站的時(shí),不能選擇一些過(guò)于藝術(shù)的字體,因?yàn)椴糠质謾C(jī)可能會(huì)無(wú)法辨認(rèn)得到。如果你是用手機(jī)網(wǎng)站模板創(chuàng)建網(wǎng)站,可以直接使用模板的字體,這些肯定是可以正常顯示,因?yàn)槭謾C(jī)網(wǎng)站模板做好后都會(huì)經(jīng)過(guò)測(cè)試,確保這個(gè)模板能夠正常使用。
建設(shè)手機(jī)網(wǎng)站時(shí)需要注意字體大小,字體過(guò)小看得傷眼,字體過(guò)大要常?;瑒?dòng)屏幕,這對(duì)于用戶閱讀影響是很大的。對(duì)于手機(jī)不同系統(tǒng)有個(gè)通常字號(hào)標(biāo)準(zhǔn),iOS系統(tǒng)的字號(hào)至少要11sp;安卓系統(tǒng)的字號(hào)通常是14sp,這個(gè)是正文內(nèi)容的一個(gè)字號(hào)標(biāo)準(zhǔn),可根據(jù)個(gè)人情況做調(diào)整。當(dāng)然,現(xiàn)在的手機(jī)網(wǎng)站模板都會(huì)考慮到這個(gè)問(wèn)題,因此,使用手機(jī)網(wǎng)站模板建站不用擔(dān)心這個(gè)問(wèn)題。
手機(jī)網(wǎng)站模板的字體大小設(shè)置
間距
手機(jī)網(wǎng)站的字符間距不易太小。在手機(jī)屏幕,如果字符之間的間距設(shè)置的太小,會(huì)顯得內(nèi)容緊密過(guò)長(zhǎng),在閱讀的時(shí)候很容易串行,嚴(yán)重影響用戶閱讀。因?yàn)槭謾C(jī)屏幕顯示的范圍有限,所以行距方面要設(shè)計(jì)的比電腦網(wǎng)站小。電腦網(wǎng)站通常使用1.4em標(biāo)準(zhǔn)的行距,但是用在手機(jī)網(wǎng)站上就會(huì)顯得緊密,利用手機(jī)網(wǎng)站模板建站的站長(zhǎng)們,可以按照手機(jī)網(wǎng)站模板所設(shè)定的行距作出微小的調(diào)整,當(dāng)然也可以不調(diào)整。
手機(jī)網(wǎng)站模板行距調(diào)整
行長(zhǎng)
由于手機(jī)屏幕顯示有限,行長(zhǎng)會(huì)影響到整個(gè)頁(yè)面的排版,所以在手機(jī)網(wǎng)站建設(shè)時(shí)中,要注意每一行限制的文字?jǐn)?shù)量、字號(hào)、字體。
適當(dāng)留白
在手機(jī)網(wǎng)站建設(shè)時(shí)對(duì)頁(yè)面進(jìn)行適當(dāng)留白,可以令用戶有良好的閱讀體驗(yàn),更能讓用戶專注到文字內(nèi)容。但是因?yàn)槭謾C(jī)屏幕顯示得空間有限,留白區(qū)域也不能夠太多,約是頁(yè)面的10%-20%的范圍左右。
手機(jī)網(wǎng)站的留白設(shè)計(jì)
層次結(jié)構(gòu)和文本對(duì)齊
手機(jī)網(wǎng)站在層次結(jié)構(gòu)上很多時(shí)候只用兩個(gè)層次,就是標(biāo)題加文本。這樣做能有簡(jiǎn)潔的效果,能突出內(nèi)容,讀者也能一目了然。
文本對(duì)齊有四種,左對(duì)齊、右對(duì)齊、居中對(duì)齊和兩端對(duì)齊。那么在手機(jī)網(wǎng)站建設(shè)過(guò)程中選擇哪一種會(huì)比較好呢?通常來(lái)說(shuō)都是選擇左端對(duì)齊的。因?yàn)橹胁繉?duì)齊不利于閱讀,兩端對(duì)齊會(huì)造成中間字距不一致,而右側(cè)對(duì)齊更加不符合閱讀,很多手機(jī)網(wǎng)站模板樣式固定,因此要按實(shí)際需求對(duì)其文本進(jìn)行適當(dāng)?shù)恼{(diào)整。
一個(gè)優(yōu)秀的文字排版是手機(jī)網(wǎng)站吸引用戶的重要因素,要讓用戶在閱讀過(guò)程中有清晰愉悅的閱讀體驗(yàn)。
本文由廣州網(wǎng)站建設(shè)公司-三行網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)保留版權(quán)( 廣州網(wǎng)站建設(shè)www.stevenmarcscott.com )三行網(wǎng)絡(luò)——專注于企業(yè)網(wǎng)站建設(shè)、響應(yīng)式營(yíng)銷型網(wǎng)站定制,歡迎來(lái)電咨詢!熱線:020-85628720、15915767698
上一篇:英文網(wǎng)站怎么建設(shè)更容易被谷歌搜索到? 下一篇:建一個(gè)手機(jī)端公司網(wǎng)站:手機(jī)網(wǎng)站建設(shè)有哪些技巧?