|
全方位解讀排版技巧，內(nèi)容由淺入深，以講義結(jié)合案例的方式，為大家呈現(xiàn)一場有料有趣的排版教程。
全方位解讀排版技巧，內(nèi)容由淺入深，以講義結(jié)合案例的方式，為大家呈現(xiàn)一場有料有趣的排版教程。
“審美”到底是怎么回事？
先來看這樣一組對比照，網(wǎng)上超火的妝前妝后照，你喜歡哪一個？相信答案應該是一致的。人們對于美和丑的認識是這樣，美，可能比較難描述到底哪里美，但是丑卻能一眼指出。
化了妝的妹子就好像是排了版的文章，給人一眼看去非常舒服的感覺。如果說標題能引導讀者點開文章，好的排版就留住讀者繼續(xù)閱讀，從而才會達到內(nèi)容想要的效果，保持優(yōu)美的排版也會增加用戶粘度。
排版的目的？
為了輔助閱讀
使內(nèi)容更容易、更有條理地被讀者接收，更容易傳達作者意圖。
什么樣的排版能夠輔助閱讀？
總結(jié)起來大概是這幾點：容易理解、可以掃讀、整潔有序、段落清晰和重點突出。
為了輔助體驗
給讀者帶去愉悅、舒適的視覺享受，帶來視覺體驗的美感。
了解排版目的，有利于在排版實踐中做到心中有“理”。
馬上進入咱們本期的排版干貨實戰(zhàn)教學。
文章主要分為兩大版塊：
一、圖文排版基本技巧
二、圖文排版的細節(jié)處理
圖文排版基本技巧
排版基本技巧-字體
● 選擇合適的字體
● 同一篇文章的字體種類
● 同一種字體的不同處理方式
①選擇合適的字體
不同類型的文章風格需要不同的字體表達，比如古詩詞，用手寫體或者楷體，微軟雅黑或者黑體就不搭配的。
②同一篇文章的字體種類
字體種類不宜過多，一般不超過三種。如需要變換，盡量采用同一字族，如葉根友鋼筆行書、毛筆特色、刀鋒等。
③同一種字體的不同處理方式
一般采用加粗、顏色、大小、斜體（一般是英文）。
為何中文不能用斜體，斜體其實是西方一些文字的手寫體，中文是方塊字，斜體是變形的，中文的手寫體一般是書法體。
補充說明：
字體顏色選擇事，建議正文字色75%灰、注釋字色50%灰、這兩種顏色視覺友好度高，純黑有些刺眼，灰色溫和些，黑灰白三色，是最安全也最有逼格的顏色。
當然，標題顏色可適當區(qū)分開。
排版基本技巧-字號
字號過大或過小都影響閱讀，太小需要放大鏡，太大比較適合老年群體。
選擇合適的字號：
●標題：16px、18px、20px；
●正文：14px、16px
●注釋：12px、14px
一般來說，標題，正文，注釋應有層級大小區(qū)分。
舉個栗子：
排版基本技巧-行距
行距
什么是行距？就是正文中每行文字之間的距離。行間距控制好可以讓大腦更輕松識別文字內(nèi)容——這也符合我們的閱讀習慣。
經(jīng)過很多的測試，目前最常見的是行間距選擇的數(shù)值是1.5和1.75，而1顯得太擁擠，如果文字很少則可以設置為2倍。
注意：文本字體越小，兩行的行間距應該越大，確保字與行呼吸的空間。
行距調(diào)整操作示意圖：
排版基本技巧-行寬
行寬是指一行文字的寬度。行寬對閱讀的記憶是有影響的，我們的視線移動呈 “Z” 字形，合適的行寬可以有效避免大腦對多余信息的處理。
比如咪蒙的每篇文章都有設置左右留白，行寬值小，簡單易讀，形成獨特的小清新風格。
留白操作示意圖：
排版基本技巧-首行縮進和段間距
區(qū)分段落與段落之間，可以采用首行縮進和段間距兩種方式。
首行縮進
利用首行縮進來區(qū)分段落，適合傳統(tǒng)、正式、適合傳統(tǒng)印刷讀物。
段間距
手機閱讀不同于紙媒，段落的開始一般不需要首行縮進，段落之間通過空行調(diào)大段間距。
排版基本技巧-常用對齊方式
左對齊
右對齊
居中對齊
菱形對齊
排版基本技巧-標點符號
中英文之間需要加空格
示例：IOS 是個不錯的操作系統(tǒng)
中文與數(shù)據(jù)之間需要加空格
示例：已經(jīng)到了 11 月了。
專有名詞使用特定大小寫
示例：我剛買了臺 iPhone 7
除了標點符號外，我們用線條和圖書符號引導閱讀。如圖：用線條和符號領著讀者的眼睛，看你想讓他看的地方。
排版基本技巧-圖片
大家不知道有沒有這樣的體會，有時候網(wǎng)絡不好，打開一篇文章，半天圖片都顯示不出來，那就是你的圖片太大了。
選一張好圖片
封面圖片尺寸大小：寬900px 高500px , 顯示效果最好。
圖片大小： 靜態(tài)圖100k , 動態(tài)圖500k
圖片格式：GIF格式更清晰
壓縮圖片網(wǎng)站：推薦騰訊「智圖」
現(xiàn)135編輯器擁有圖片庫，內(nèi)有大量免費高清圖片
圖片的處理方式
縮放、裁剪、旋轉(zhuǎn)、翻轉(zhuǎn)、銳化、圖片濾鏡、多圖拼貼
人像處理（美白、磨皮…）加圓角、加邊框、加陰影
圖文混排方式
上圖下文、下圖上文、左圖右文、右圖左文、圖文疊加、圖文環(huán)繞多行、多列圖文穿插排列。
細節(jié)處理-排版簡潔，忌花哨
大家可以看到這兩種排版，其實做得也是很用心的，這些花花綠綠的設置做起來也是很麻煩的。
但是相信大多年輕人應該是不喜歡這樣的版式的，因為沒有輔助閱讀的作用，相反太多的點綴還影響了閱讀。
這里給到大家的建議是：排版整體顏色不超過三種，沒有特定的要求，就不要用很復雜很花的邊框，不要用奇怪顏色的字體。
全篇顏色最好是同色系，但是深淺度不同。
最有用的方法是，把重點用彩色（暗紅c00000、深藍0070c0、橙色f79646）加粗。
一個三四種字體，七八種顏色的頁面，那是丐幫的制服。而一個簡潔、緊湊、漂亮的頁面，如同一個人洗臉刷牙漿洗衣服一樣，是對觀者的尊重。
細節(jié)處理-突出重點
之前提到視線是Z字形移動的，但是我們可以人為改變視線的順序，比如加粗，下劃線，黑體，符號突出，顏色等。
也可以通過圖標和特殊符號來突出重點，我給大家列出了135編輯器里一部分符號的樣式，可根據(jù)文章的風格和時下的熱點選擇合適的圖標。
再者，對于每段的小標題，我們也可以用標題樣式來突出，這樣會讓文章的層次更加鮮明。
細節(jié)處理-配色流程
第一步：整體定調(diào)
給整篇圖文確定一個大概的色彩基調(diào)，做這一步可以有效防止在接下來的配色步驟中出現(xiàn)色彩混亂的情況。
第二步:確定主色
主色決定著整體色彩趨向，是一個整體的色彩基調(diào)。在所有出現(xiàn)的色彩中占比往往不低于75%。
第三步：確定輔助色
輔助色主要起到輔助主色的作用。輔助色可以使色彩更加豐富完美。輔助色的占比往往在20%左右。
第四步：確定點綴色
點綴色，有時候也稱作點睛色，取畫龍點睛之意。往往具有引導閱讀，裝飾畫面，營造具有特色的畫面風格的作用。整體占比常常在5%左右。
個人觀點是：你可以不明白到底怎么去判斷一篇圖文里面什么顏色是主色、什么顏色是輔助色。但你一定要懂得利用點綴色。圖文的本質(zhì)終究還是閱讀。白底黑字永遠是最好的閱讀搭配。所以學會用點綴色?？酥频氖褂蒙省?%是一個很小的數(shù)字。
|
|
|
