排版設(shè)計(jì)是ui設(shè)計(jì)師的基本功。但或許是因?yàn)樗�太基本了，很多時(shí)候很多設(shè)計(jì)師都會(huì)直接忽略它的存在，導(dǎo)致最后的實(shí)現(xiàn)效果不夠理想�；蛟S就是這些細(xì)節(jié)導(dǎo)致手中的產(chǎn)品看起來(lái)總是差那么一點(diǎn)點(diǎn)。尤其是對(duì)于一些注重閱讀體驗(yàn)的頁(yè)面來(lái)說(shuō)，每一個(gè)細(xì)節(jié)都可能成為致命傷。

藝術(shù)是無(wú)依據(jù)可循的，但是文字排版卻是有依據(jù)可循的。下面就排版中的字體樣式、留白大小、對(duì)齊方式、色彩對(duì)比度四個(gè)要素來(lái)簡(jiǎn)單談一談如何科學(xué)提高移動(dòng)端文本的易讀性，提升設(shè)計(jì)質(zhì)感。（找到設(shè)計(jì)依據(jù)之后，面對(duì)產(chǎn)品經(jīng)理的質(zhì)疑也更有懟回去的底氣了哈哈哈）

大前提：明確設(shè)計(jì)目標(biāo)

所有的設(shè)計(jì)都必須在這個(gè)前提之下進(jìn)行。以下提到的數(shù)值只是一個(gè)參考，更重要的是你想通過(guò)頁(yè)面?zhèn)鬟f給用戶(hù)的信息，明確設(shè)計(jì)目標(biāo)，以此對(duì)你的設(shè)計(jì)進(jìn)行調(diào)整。否則，設(shè)計(jì)的意義便不存在了。

字體大小

通過(guò)字體大小去凸顯內(nèi)容、區(qū)分層級(jí)是一種設(shè)計(jì)趨勢(shì)，同時(shí)也是ios11 的設(shè)計(jì)思路之一。那么，如何去選擇字體的大小能達(dá)到比較好的效果呢？

material design對(duì)方塊字主標(biāo)題和內(nèi)容文字的大小分別定為24sp和15sp，24/15=1.6，接近黃金比例；airbnb的主標(biāo)題和內(nèi)容文字的比例同樣接近黃金比例。

實(shí)際上黃金比例的字號(hào)對(duì)比在移動(dòng)端是一個(gè)適合突出主題的比例，是一個(gè)“美”的比例，但并不一定是一種適合閱讀的比例。一個(gè)以閱讀為主的頁(yè)面在字號(hào)選擇上可能需要較小的比例，若是你在字號(hào)的選擇上缺乏信心，也可以用一些工具進(jìn)行輔助選擇，比如Modular Scale（Adobe的排版負(fù)責(zé)人Tim Brown創(chuàng)建的工具），其中囊括了歷史上最令人滿(mǎn)意的幾種比例關(guān)系，通過(guò)這個(gè)比例進(jìn)行匹配至少可以保證不出錯(cuò)。

文字留白

“留白”即在版面中留出空余的空間，處理好留白能使文本視覺(jué)流平順，提升閱讀舒適性。對(duì)于一篇文章而言，留白從小到大分別有文字中的空白、文字與文字之間的空白、行與行之間的空白、段與段之間的空白，留白面積的大小也要遵循這個(gè)順序。

行間距的設(shè)定：行間距的設(shè)定直接影響了視線(xiàn)從前一行末尾移動(dòng)到下一行開(kāi)頭的難易。行間距過(guò)高導(dǎo)致視線(xiàn)分散，容易游離；行間距過(guò)小則容易影響視線(xiàn)的移動(dòng)，讓人找不到正在閱讀哪一行。普遍認(rèn)可的做法是將行高設(shè)置為1.5em－2.0em。在這個(gè)基礎(chǔ)之上，字體樣式、大小、行寬還會(huì)對(duì)行間距的設(shè)定有一定的影響。

標(biāo)簽： 文本優(yōu)化 內(nèi)容優(yōu)化 頁(yè)面優(yōu)化 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀(guān)點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。