移動(dòng)端閱讀產(chǎn)品文字編排的易讀性

在手機(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)容緊湊的印象睬魂。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末终吼,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子氯哮,更是在濱河造成了極大的恐慌际跪,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,723評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異姆打,居然都是意外死亡良姆,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門幔戏,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)玛追,“玉大人,你說(shuō)我怎么就攤上這事闲延”海” “怎么了?”我有些...
    開封第一講書人閱讀 152,998評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵慨代,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我啸如,道長(zhǎng)侍匙,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,323評(píng)論 1 279
  • 正文 為了忘掉前任叮雳,我火速辦了婚禮想暗,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘帘不。我一直安慰自己说莫,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,355評(píng)論 5 374
  • 文/花漫 我一把揭開白布寞焙。 她就那樣靜靜地躺著储狭,像睡著了一般。 火紅的嫁衣襯著肌膚如雪捣郊。 梳的紋絲不亂的頭發(fā)上辽狈,一...
    開封第一講書人閱讀 49,079評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音呛牲,去河邊找鬼刮萌。 笑死,一個(gè)胖子當(dāng)著我的面吹牛娘扩,可吹牛的內(nèi)容都是我干的着茸。 我是一名探鬼主播,決...
    沈念sama閱讀 38,389評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼琐旁,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼涮阔!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起灰殴,我...
    開封第一講書人閱讀 37,019評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤澎语,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體擅羞,經(jīng)...
    沈念sama閱讀 43,519評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡尸变,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,971評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了减俏。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片召烂。...
    茶點(diǎn)故事閱讀 38,100評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖娃承,靈堂內(nèi)的尸體忽然破棺而出奏夫,到底是詐尸還是另有隱情,我是刑警寧澤历筝,帶...
    沈念sama閱讀 33,738評(píng)論 4 324
  • 正文 年R本政府宣布酗昼,位于F島的核電站,受9級(jí)特大地震影響梳猪,放射性物質(zhì)發(fā)生泄漏麻削。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,293評(píng)論 3 307
  • 文/蒙蒙 一春弥、第九天 我趴在偏房一處隱蔽的房頂上張望呛哟。 院中可真熱鬧,春花似錦匿沛、人聲如沸扫责。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,289評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)鳖孤。三九已至,卻和暖如春抡笼,著一層夾襖步出監(jiān)牢的瞬間淌铐,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,517評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工蔫缸, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留腿准,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,547評(píng)論 2 354
  • 正文 我出身青樓拾碌,卻偏偏與公主長(zhǎng)得像吐葱,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子校翔,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,834評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 在視覺(jué)設(shè)計(jì)工作中弟跑,大家總習(xí)慣將重點(diǎn)放在圖標(biāo)和色彩上。但實(shí)際上防症,作為一個(gè)閱讀類app孟辑,思考如何讓文章更易于閱讀是和圖...
    老王的餅店閱讀 438評(píng)論 0 0
  • 在視覺(jué)設(shè)計(jì)工作中哎甲,大家總習(xí)慣將重點(diǎn)放在圖標(biāo)和色彩上。但實(shí)際上饲嗽,作為一個(gè)閱讀類app炭玫,思考如何讓文章更易于閱讀是和圖...
    Axure原型設(shè)計(jì)閱讀 1,929評(píng)論 4 28
  • 在印刷與桌面端Web的傳統(tǒng)領(lǐng)域我們有很成熟的文字排版經(jīng)驗(yàn),在移動(dòng)時(shí)代貌虾,這些經(jīng)驗(yàn)很多依然有效吞加,但因顯示設(shè)備與使用環(huán)境...
    Kemr閱讀 1,841評(píng)論 0 8
  • 說(shuō)到排版袄膏,這是個(gè)大學(xué)問(wèn)践图。網(wǎng)站上每一個(gè)元素都能影響瀏覽,排版設(shè)計(jì)的好壞絕對(duì)能考驗(yàn)一個(gè)設(shè)計(jì)師的基本功底沉馆,而短短的一篇文...
    尛沫閱讀 9,985評(píng)論 41 301
  • 一悍及、留足空間 談到層次時(shí),我們通常指的是h1到p接癌,有時(shí)候還會(huì)到h6心赶。但另外還有一種層次在影響著行或段落的視覺(jué)流,這...
    snowdoem閱讀 2,030評(píng)論 0 6