在手機(jī)閱讀類App中我們注重的是閱讀的易讀性,給用戶帶來(lái)更好的閱讀體驗(yàn)测蹲。
1、首先設(shè)定閱讀區(qū)域毕箍。
一般來(lái)講弛房,閱讀類App可讀區(qū)域距邊框都有一定的距離,這個(gè)距離沒(méi)有明確的規(guī)則而柑。我習(xí)慣左右邊距為16PT文捶。
2、字體大小的設(shè)置媒咳。
文字的字體大小粹排,標(biāo)題的字號(hào)要大,解說(shuō)注釋的字號(hào)要小涩澡,文字的大小要根據(jù)它的作用靈活設(shè)定顽耳。在版面設(shè)計(jì)中,首先要確定正文字體大小妙同,只有確定了正文字體大小射富,才能根據(jù)它來(lái)調(diào)節(jié)平衡,決定大標(biāo)題粥帚,小標(biāo)題以及注釋文字大小胰耗。在手機(jī)閱讀類App中,我習(xí)慣正文用14-15PT文字芒涡,標(biāo)題用16-18PT文字柴灯,標(biāo)注、提醒類文字我喜歡用10-12PT文字费尽。
3赠群、行對(duì)齊
排版中重要的一條,是把應(yīng)該對(duì)齊的部分對(duì)齊旱幼,例如每一個(gè)段落的字行對(duì)齊查描,就是把行的位置進(jìn)行對(duì)齊使其一致的方法。行頭對(duì)齊是所有行均在行頭對(duì)齊的方法,雖說(shuō)這種用法使得行尾不齊整冬三,但方便文章的停頓部分換行鸯两,適用于散文、詩(shī)歌等表現(xiàn)韻味的文字版式长豁。但是,對(duì)于編排長(zhǎng)篇文章時(shí)忙灼,選擇左右對(duì)齊更能體現(xiàn)條理性匠襟。由于換行的位置都相同,閱讀行頭或換行的時(shí)候視線能夠平緩流暢地移動(dòng)该园。
例如某一行文字由于有標(biāo)點(diǎn)符號(hào)酸舍,我們?yōu)榱藢?duì)齊會(huì)調(diào)整這一行文字的字間距,這樣是為了保證文字段落之間的整體性里初,頭尾都對(duì)齊啃勉,看上去端正整齊。
4双妨、文字留白
編排文章時(shí)淮阐,最小的留白是文字里的空白,根據(jù)文字的形狀刁品,字中有很多小的空白泣特,留白的大小依據(jù)字體或者文章內(nèi)容上漢字及英文的多少而改變。其他比文字中的空白大的留白挑随,是文字與文字之間字間隔的空白状您、以及行與行之間的空白,段與段之間的空白兜挨,留白的面積大小要遵循上述順序膏孟。在文章中如果這個(gè)順序顛倒或者混亂,就會(huì)變得不易閱讀拌汇。整理好依次順序后柒桑,再要檢查編排后的文字是否嚴(yán)格按照這個(gè)順序進(jìn)行設(shè)計(jì)。不過(guò)在實(shí)際排版時(shí)沒(méi)有必要把它們的大小都分別測(cè)出來(lái)担猛。重要的是用眼觀察外觀來(lái)判斷留白大小是否合適幕垦。
5.行間距的設(shè)定
行高,行間距的大小對(duì)文章的易讀性有很大的影響傅联。行與行之間拉得過(guò)開先改,從一行末尾移動(dòng)到下一行開頭,視線的移動(dòng)距離過(guò)長(zhǎng)增加了閱讀難度蒸走。相反仇奶,行與行之間貼得過(guò)緊,上下挨得過(guò)緊影響了視線的移動(dòng),讓人不知道正在閱讀哪一行该溯。正文最恰當(dāng)?shù)男懈叩撼緫?yīng)該設(shè)定為其文章中文字大小的兩倍。例如文字大小為8px的文章狈茉,就應(yīng)該把行高設(shè)定為16px夫椭。
另外正文以外的大標(biāo)題,小標(biāo)題和引導(dǎo)語(yǔ)類的短文章氯庆,一般要把行高設(shè)定得稍微窄一些蹭秋。大標(biāo)題或題目的部分,因?yàn)樽痔?hào)較大堤撵,若文字間隔太大太松散會(huì)影響閱讀仁讨。因?yàn)槿舭岩龑?dǎo)語(yǔ)的行高設(shè)定過(guò)寬,這段文字難以被認(rèn)為是一個(gè)整體实昨。因此需要配合文字版式洞豁,擠緊字與字之間隙,這樣會(huì)讓版面看起來(lái)緊湊扎實(shí)荒给。
保持足夠的行間距
段落與段落之間必須有一定的距離丈挟。如果這種距離不夠,那么讀者從字行末尾折回志电,移向下一行視線就會(huì)與移向下一段的視線發(fā)生沖撞礁哄,從而導(dǎo)致閱讀無(wú)法順利地進(jìn)行。而且溪北,如果段落之間的距離過(guò)遠(yuǎn)桐绒,也會(huì)有造成段落之間的關(guān)系聯(lián)系不強(qiáng)的弊端,因此設(shè)定合適的段間距是很重要的之拨。
作為保證文章易讀性的標(biāo)準(zhǔn)茉继,將段間距設(shè)為大約兩個(gè)文字的大小是一種通常的作法。也就是說(shuō)蚀乔,當(dāng)正文的文段以12p文字排版時(shí)烁竭,段間距就是24px。當(dāng)然吉挣,這個(gè)標(biāo)準(zhǔn)也并不是絕對(duì)的派撕,有時(shí)候也可以通過(guò)刻意地設(shè)定狹窄的段間距,給讀者帶來(lái)內(nèi)容緊湊的印象睬魂。