|
1. 文字排版 ? 大小 正文建議14px-16px之間。常規(guī)類的文章以16px為宜，便于讀者仔細(xì)閱讀。 文藝范的文章以14px為宜，增加文章的精致感。注釋可以選擇12px字體，做出明顯區(qū)分。以下分別是12px、14px、16px的字體： 12px 14px 16px ? 顏色 正文建議使用灰色，比如#595959、#3f3f3f。純黑色太重，看久了會產(chǎn)生視覺疲勞。注釋作為補(bǔ)充內(nèi)容，可以選擇更淺的灰色，比如#888888、#a5a5a5。 需要強(qiáng)調(diào)或者區(qū)分的文字，可以使用黑灰以外的其他顏色，但是不要使用大紅、大綠這樣刺眼的顏色，可以選擇稍淺一些的粉紅，或者淺綠，看上去就友好多了。更重要的是，同一篇文章里，文字的顏色不要超過三種。對比看看下面這兩段文字： 讀書在沒有充分的知識作為前提的情況下，即使行了萬里路也不過是郵差而已在離別的車站，她上了車，我沒有像以往那樣的目送那班車到消失，而是頭也不回的走向家的方向。 讀書在沒有充分的知識作為前提的情況下，即使行了萬里路也不過是郵差而已在離別的車站，她上了車，我沒有像以往那樣的目送那班車到消失，而是頭也不回的走向家的方向。 讀書在沒有充分的知識作為前提的情況下，即使行了萬里路也不過是郵差而已在離別的車站，她上了車，我沒有像以往那樣的目送那班車到消失，而是頭也不回的走向家的方向。 要是把握不準(zhǔn)顏色，還是使用黑白灰就好，雖然看上去比較平淡，但是不會出錯。 2. 圖片排版 ? 封面圖 微信官方推薦的頭條封面圖尺寸是900*500，次條封面圖尺寸是200*200，但是我們在實(shí)際使用時，考慮到不同手機(jī)的顯示情況，還是要盡可能讓核心內(nèi)容處于圖片中間的部分（400*400），這樣分享在朋友圈正好在中間，比如： ? 正文配圖 目前，公眾號的配圖基本上有三種形式：JPG、PNG、GIF。這三種不同的格式，上傳后會產(chǎn)生不同的效果。 建議大家能用JPG就用JPG，并且盡量用640px的圖片。遇到圖片壓縮時，對于顏色數(shù)量較少，并且快速傳達(dá)信息的圖片，比如圖形圖像類，文字類圖片，一般可以使用GIF格式；對于顏色較多，或者比較復(fù)雜的圖片，一般可以用PNG格式。 大家平時瀏覽的時候，可以建立圖片素材庫，方便使用。 3. 留白排版 留白排版，是現(xiàn)在很流行的排版方式?！具涿伞俊玖_永浩】都很喜歡用用留白的方式來排版，不僅讓頁面干凈整潔，還為讀者帶來了舒適的閱讀體驗(yàn)。對比下面兩段文字： 字間距0，行距1，縮進(jìn)0 讀書在沒有充分的知識作為前提的情況下，即使行了萬里路也不過是郵差而已在離別的車站，她上了車，我沒有像以往那樣的目送那班車到消失，而是頭也不回的走向家的方向。 字間距1.5，行距1.75，縮進(jìn)2 讀書在沒有充分的知識作為前提的情況下，即使行了萬里路也不過是郵差而已在離別的車站，她上了車，我沒有像以往那樣的目送那班車到消失，而是頭也不回的走向家的方向。 ? 對齊方式 首先要注意不要首行縮進(jìn)。在中文書籍中，因?yàn)槎温溟g沒有間隙，所以需要用兩個字符的縮進(jìn)加以辨識。但在網(wǎng)頁端和手機(jī)端，書本式的排版會讓讀者感到壓力，大家改用空行作了段落區(qū)分。 同時也要注意兩端對齊，讓左側(cè)和右側(cè)看上去都很工整。 如果選擇文字居中排列的方式，要注意斷句的位置，也要保證每行文字長短相近，否則就會破壞整體上的視覺統(tǒng)一。對比下面兩段居中的文字： 在離別的車站 那樣的目送她 直到班車消失 走向家的方向
她走上了汽車 目送他直到班車消失 ? 字間距和行間距 建議字間距0.5-1，行間距1.5-1.75。對比下面兩端不同字間距和行間距的文字，可以看出差異。 字間距0，行距1 字間距1，行距1.75 ? 段間距和頁邊距 如果是大段文字，就需要在上下兩段之間空行，看起來比較舒服。也要避免文字內(nèi)容充滿整個手機(jī)屏，最好圖文穿插著來。如果圖片比較少的話，也可以選擇添加小符號，起到在視覺上緩解疲勞的作用。 再說頁邊距，建議在0.5-1之間。文藝范的公眾號也可以增加頁邊距，顯得比較干凈。 ? 字間距、行間距、頁邊距的設(shè)置以i排版編輯器（iPaiban.com）為例 4. 樣式排版 想玩點(diǎn)花式排版，就要用到第三方編輯器了。比如頂部和底部引導(dǎo)、二維碼、多圖的排列，這些都還可以使用樣式。增加排版趣味性的同時，還可以展現(xiàn)出你自己的風(fēng)格。 在諸多樣式中，首先要選擇簡潔一些的樣式，還要要注意樣式的統(tǒng)一性，同一篇圖文中出現(xiàn)的樣式太多會有混亂的感覺。 5. 互動漲粉 你可能注意到最近有很多大V都用了點(diǎn)擊顯示、閱后即焚，還有彈幕，這樣和讀者產(chǎn)生互動的方式來排版，比如羅永浩、滴滴快車、支付寶。 這樣的互動樣式，不僅打破了排版常規(guī)，還可以用作給大家發(fā)福利的方式，吸引了大量粉絲關(guān)注，某大號就靠互動樣式增加了上百萬粉絲。 比如你可以用點(diǎn)擊顯示的方式，把獎品信息隱藏起來，讓大家在屏幕中指指點(diǎn)點(diǎn)，有挖寶的感覺。你也可以把獎品信息隱藏在彈幕里，讓彈幕走得飛快，大家截圖獲取獎品信息，也很有趣。 ?? 這樣有趣的互動樣式，要怎么才能用到自己的排版中呢？ 還是以剛才這些大號都在使用的i排版編輯器（iPaiban.com）為例，一鍵即可搞定。 直接上操作圖 不僅有點(diǎn)擊顯示，還有： 點(diǎn)擊顯示 （點(diǎn)擊空白處顯示圖片）  閱后即焚 （文字一段時間之后消失） 小英子的家像一個小島，三面都是河，西面有一條小路通到荸薺庵。獨(dú)門獨(dú)戶，島上只有這一家。島上有六棵大桑樹，夏天都結(jié)大桑椹，三棵結(jié)白的，三棵結(jié)紫的；一個菜園子，瓜豆蔬菜，四時不缺。院墻下半截是磚砌的，上半截是泥夯的。大門是桐油油過的，貼著一副萬年紅的春聯(lián)：向陽門第春常在，積善人家慶有余。 文字倒立 小英子的家像一個小島，三面都是河，西面有一條小路通到荸薺庵。獨(dú)門獨(dú)戶，島上只有這一家。島上有六棵大桑樹，夏天都結(jié)大桑椹，三棵結(jié)白的，三棵結(jié)紫的；一個菜園子，瓜豆蔬菜，四時不缺。院墻下半截是磚砌的，上半截是泥夯的。大門是桐油油過的，貼著一副萬年紅的春聯(lián)：向陽門第春常在，積善人家慶有余。 文字虛化 （文字復(fù)制在其他地方才能看清） 小英子的家像一個小島，三面都是河，西面有一條小路通到荸薺庵。獨(dú)門獨(dú)戶，島上只有這一家。島上有六棵大桑樹，夏天都結(jié)大桑椹，三棵結(jié)白的，三棵結(jié)紫的；一個菜園子，瓜豆蔬菜，四時不缺。院墻下半截是磚砌的，上半截是泥夯的。大門是桐油油過的，貼著一副萬年紅的春聯(lián)：向陽門第春常在，積善人家慶有余。 彈幕 如果i排版的樣式還不能滿足你，你還可以點(diǎn)擊工具欄上的HTML按鈕，自己修改代碼，做出你的專屬樣式。i排版的代碼添加了注釋，非常方便修改。 在i排版，不僅互動樣式輕松玩，還可以輕松美化你的排版。 i排版工具欄 還有大量有風(fēng)格有品位的樣式可供選擇。 i排版樣式中心 |
|
|
