目前，我們會(huì)發(fā)現(xiàn)，手機(jī)已經(jīng)成了我們必不可少的工具，曾經(jīng)使用手機(jī)是為了方便聯(lián)絡(luò)，只要實(shí)現(xiàn)通話和短信功能即可，現(xiàn)在，我們對(duì)手機(jī)的要求也越來(lái)越高。于是，手機(jī)開(kāi)發(fā)者以及設(shè)計(jì)者會(huì)花盡心思的來(lái)進(jìn)行研發(fā)，我們了解某些信息都來(lái)源于對(duì)網(wǎng)頁(yè)的瀏覽，那么手機(jī)站建設(shè)的時(shí)候，設(shè)計(jì)師對(duì)于文字排版是否有過(guò)仔細(xì)研究呢？究竟怎樣的的文字排版更加合理。

       一、字體選擇

       字體選擇常常被錯(cuò)誤對(duì)待，要么直接忽視，要么簡(jiǎn)單地從字體庫(kù)中任意挑選一款。實(shí)際上，不同類(lèi)型的文本內(nèi)容需要使用不同的字體，字體可以表達(dá)內(nèi)心感覺(jué)和心理需求。試想，使用濃密生硬的字體在女性色彩的讀物內(nèi)容里，是不是顯得格格不入？你應(yīng)該選擇比較細(xì)膩和柔和的字體。

       另一方面，過(guò)度花哨好看的字體在手機(jī)屏幕上可能很難辨認(rèn)。手機(jī)端的UI要求簡(jiǎn)單而干凈，使用同種風(fēng)格的字體是保持界面清爽的關(guān)鍵。避免單調(diào)，您可以選擇一種輔助字體與主要字體形成對(duì)比。這種情況下，界面的字體數(shù)量要控制在 2 到 3 種，多則混亂。

       二、字體大小

       手機(jī)屏幕有限，字體大小至關(guān)重要。如果你只是在手機(jī)屏幕上使用微小字體來(lái)解決，那就真是一個(gè)笑話了。雖然用戶(hù)可以縮放文本來(lái)改變字體大小，從而提升可讀性，但這絕不是設(shè)計(jì)師偷懶的借口。這多出的操作，本就違背用戶(hù)體驗(yàn)。字體過(guò)小看不清，還會(huì)損傷用戶(hù)的眼睛，花費(fèi)更多的時(shí)間閱讀；而較大的字體又會(huì)迅速吃掉屏幕，并破壞閱讀連貫性。

       那怎樣是適當(dāng)?shù)淖煮w尺寸？對(duì)于iOS，使用至少11sp的字體大小，而對(duì)于Android，請(qǐng)選擇14 sp為主文本。請(qǐng)注意，這是主文本通常使用的標(biāo)準(zhǔn)，不是強(qiáng)行的唯一標(biāo)準(zhǔn)。此外，在設(shè)計(jì)手機(jī)端字體大小時(shí)，需要留意設(shè)計(jì)字體大小要比常規(guī)、使用在桌面端的略大一些。

       三、行間距

       行間距是一排文字和另一排文字之間的空間。手機(jī)屏幕較小，所以行間距通常比桌面版本小。設(shè)置行間距時(shí)，需要在手機(jī)端設(shè)置比桌面端小的值。過(guò)寬或過(guò)窄的行間距都會(huì)破壞手機(jī)UI界面，降低可讀性。許多人認(rèn)為，1.4em是標(biāo)準(zhǔn)的行間距，但在手機(jī)屏幕上，仍然有顯得幾分緊密，用戶(hù)可能會(huì)感到文字仿佛在收緊。在設(shè)計(jì)上，標(biāo)準(zhǔn)的行間距應(yīng)該是字體大小的120％。

       四、字間距

       字間距是兩個(gè)文字之間的間距。這是手機(jī)排版中的一個(gè)很小的因素，但值得關(guān)注。你可能會(huì)認(rèn)為，在一個(gè)段落里，字距調(diào)整可能不是一個(gè)必要問(wèn)題。但如果您足夠細(xì)心，您可能會(huì)注意到，這通常出現(xiàn)在英文文本中，大寫(xiě)字母與小寫(xiě)字母之間的空間和兩個(gè)小寫(xiě)字母之間的空間不盡相同。這會(huì)造成一定的視覺(jué)失調(diào)，破壞美感。

       五、全文本字間距

       上面不是剛提了字距嗎？這里是否重復(fù)了呢？當(dāng)然不是，字距在兩個(gè)文字間和全文本的字間距并不是完全一樣的概念。這兩者往往可能會(huì)使設(shè)計(jì)師產(chǎn)生迷惑，但它們類(lèi)似卻不同。這里的字間距是所有字符和文本的字間距。有效的字間距會(huì)使文本更易讀。通常，字體使用時(shí)可以適當(dāng)調(diào)整頁(yè)面字距，因此你不需要過(guò)多的關(guān)注。但如果你注意這一點(diǎn)，也許會(huì)對(duì)設(shè)計(jì)大有裨益。通常，大文本需要更少的字距，而稀疏的文本要求更寬的字距。

       六、 層次結(jié)構(gòu)

       層次結(jié)構(gòu)是強(qiáng)調(diào)整個(gè)文本的關(guān)鍵元素，并能產(chǎn)生對(duì)比度。但手機(jī)排版中的層次結(jié)構(gòu)比通常web界面層次簡(jiǎn)潔，通常Web界面擁有 3 個(gè)級(jí)別。而手機(jī)屏幕的空間有限，所以很多設(shè)計(jì)師只應(yīng)用了 2 個(gè)層次：標(biāo)題和文本主題。標(biāo)題是抓住讀者眼球，而文本傳達(dá)可讀性。保留標(biāo)題和主題這兩個(gè)結(jié)構(gòu)層次，這也是手機(jī)設(shè)計(jì)的一個(gè)趨勢(shì)。這可以使手機(jī)UI簡(jiǎn)潔，并保持對(duì)比度和層次感。

       因此，以上6點(diǎn)就是針對(duì)手機(jī)網(wǎng)站制作時(shí)，值得注意的問(wèn)題。如果排版做的好，能夠給用戶(hù)帶來(lái)更好的體驗(yàn)，更愿意在這個(gè)網(wǎng)站多停留。

      不平凡軟件，鄭州軟件開(kāi)發(fā)公司，鄭州軟件開(kāi)發(fā)，鄭州軟件定制，鄭州微信開(kāi)發(fā)，鄭州進(jìn)銷(xiāo)存定制開(kāi)發(fā)，鄭州OA系統(tǒng)開(kāi)發(fā)，鄭州軟件開(kāi)發(fā)公司