文字字號
標(biāo)題:16px - 20px
正文:14px - 16px
注釋:10px - 14px
根據(jù)內(nèi)容設(shè)計上的「對比」和「重復(fù)」的原則,標(biāo)題、正文、注釋應(yīng)該有層級大小的區(qū)別。
字體顏色
文章排版整體的顏色盡量不要超過三種,當(dāng)然你也可以大膽打破這種局限,前提是你要清楚知道何時這么做。任何時候不要使用斜體,這在數(shù)字屏幕上很不美觀,會失去界面原有的結(jié)構(gòu)美感。
常用的配色:
標(biāo)題:#c00000、#ab1942、#0070c0、#3f3f3f
正文:#3f3f3f、#595959、#7f7f7f
注釋:#888888、#a5a5a5
突出:#c00000、#ab1942、#0070c0
對齊方式
兩端對齊
這種對齊在英文排版上應(yīng)該是要極力避免的,除非行足夠長,能夠避免單詞之間出現(xiàn)難看的空隙。不過,在公眾號中這種對齊方式可以實現(xiàn)文章的規(guī)整,視覺效果是最棒的,推薦使用。
居中對齊
比較適合一些較短的文章,資訊和娛樂性質(zhì)的內(nèi)容,一行字不要太多,盡量不要斷行。
間距
字間距
一般來說,文章的字號小的話,字間距相對就越大,使得文字易于識別,但是字間距過大又會導(dǎo)致文章信息傳遞的速度降低。一般建議 0.5——1.5 的間距。
行間距
行間距為 1.0,太過擁擠。過于密集的行距會讓讀者的視線在換行時產(chǎn)生困擾,影響閱讀體驗。所以,我們大多選擇 1.5 或者 1.75 行間距,當(dāng)文字很少則可以設(shè)置為 2 倍。
段間距
段落之間的間隔,應(yīng)當(dāng)比行間距更大,以使文章更有層次感。段距可以直接用回車換行,也可以設(shè)置段間距。推薦段間距:段前距為 15,段后距為 15效果可能更好一點。另外,段落最長不要超過一屏。盡量控制在 4 行左右。由于每行本身文字不多且首行縮進(jìn)是用在中文書籍中用于辨別分段情況,所以盡量不要使用首行縮進(jìn)。注意:文章字體越小,行間距就應(yīng)該越大,確保字與行之間呼吸的空間。
兩端留白
在兩側(cè)留白,是內(nèi)容居于視覺的核心區(qū)域,可以讓文章看起來既干凈又具有凝聚力,讀起來更輕松。
排版規(guī)范
在兩側(cè)留白,是內(nèi)容居于視覺的核心區(qū)域,可以讓文章看起來既干凈又具有凝聚力,讀起來更輕松。
中英文之間需要加空格
示例:Sketch 作圖是個技術(shù)活。
中文與數(shù)據(jù)之間需要加空格
示例:你的生日是 8 月 29 日。
專有名詞使用特定大小寫
示例:據(jù)說新 MacBook 要出來了。
對于完整的英語句子,則使用半角標(biāo)點
示例:我最喜歡的英文名言是「Less is more.」
另外字體的選擇上,考慮到不同設(shè)備的適配,就選「微軟雅黑」吧。
規(guī)范即是美,設(shè)計時請遵循以下四大原則: