CHAPTER5

新媒體圖文排版學(xué)習(xí)目標(biāo)了解圖文排版的必要性。掌握圖文排版的原則和實(shí)用技巧。熟悉常用的新媒體圖文排版工具。掌握135編輯器的使用方法。本章導(dǎo)讀新媒體時(shí)代是一個(gè)“酒香也怕巷子深”的時(shí)代。這是因?yàn)?，受眾每天都要從海量信息中進(jìn)行選擇，很多優(yōu)質(zhì)的內(nèi)容可能會因無人關(guān)注而沉沒在信息的汪洋大海中。要使內(nèi)容讓更多受眾看到，就必須讓自身的內(nèi)容能夠在眾多信息中脫穎而出，而圖文排版就是實(shí)現(xiàn)這一目的的重要手段之一。本章從圖文排版的必要性入手，介紹圖文排版的相關(guān)知識，包括圖文排版的原則和實(shí)用技巧，常用的新媒體圖文排版工具及其使用方法等內(nèi)容。新媒體圖文排版概述5.15.1.1人靠衣裳馬靠鞍，爆款文案靠排版受眾在閱讀文案時(shí)，密集的文字很容易讓其產(chǎn)生視覺壓力。尤其是現(xiàn)在的快節(jié)奏時(shí)代，大多數(shù)受眾會習(xí)慣性地快速瀏覽全文，密集的文字需要受眾不斷停下來思考才能消化理解。這樣不僅會消耗受眾的耐心，且如果沒能快速找到關(guān)注點(diǎn)，受眾就會第一時(shí)間退出。而經(jīng)過圖文排版的文案不僅能減輕受眾閱讀文案產(chǎn)生的視覺壓力，讓受眾快速發(fā)現(xiàn)重點(diǎn)和亮點(diǎn)，還能讓文案內(nèi)容結(jié)構(gòu)清晰、錯(cuò)落有致，有利于受眾理清邏輯思路，從而提升受眾的閱讀體驗(yàn)。5.1.1人靠衣裳馬靠鞍，爆款文案靠排版5.1.2圖文排版的原則和實(shí)用技巧1．易讀性原則（1）整齊劃一。因此，新媒體編輯在進(jìn)行圖文排版時(shí)，應(yīng)注意通過調(diào)整文案中不同元素的尺寸大小、對齊方式、間距、縮進(jìn)、比例等參數(shù)，使文案層次分明、整齊劃一，呈現(xiàn)出一種渾然一體的觀感。（2）為文案制造“呼吸感”。新媒體編輯在圖文排版時(shí)，應(yīng)當(dāng)通過分段、留白、配圖等技巧為文案制造“呼吸感”，使其節(jié)奏不緊不慢，如同呼吸一般。這樣，受眾才能從容不迫、循序漸進(jìn)地閱讀文案。5.1.2圖文排版的原則和實(shí)用技巧5.1.2圖文排版的原則和實(shí)用技巧1．易讀性原則（3）突出重點(diǎn)。新媒體編輯在進(jìn)行圖文排版時(shí)，可通過加粗、高亮、增加底紋和設(shè)置更大字體、字號等技巧，突出顯示文案中的重點(diǎn)內(nèi)容，以幫助受眾快速找到。（4）局部模塊化。新媒體編輯在進(jìn)行圖文排版時(shí)，可通過在文案中使用小標(biāo)題、分割線等形式，將一篇文案分割為若干個(gè)結(jié)構(gòu)類似的模塊。5.1.2圖文排版的原則和實(shí)用技巧5.1.2圖文排版的原則和實(shí)用技巧2．美觀性原則（1）不過度排版。在進(jìn)行圖文排版時(shí)，應(yīng)盡量克制，不追求復(fù)雜，不過度排版，不要使裝飾元素喧賓奪主，甚至造成閱讀障礙，影響受眾的閱讀效率和心情。（2）色彩搭配協(xié)調(diào)。在圖文排版時(shí)，對文案中各個(gè)元素的色彩進(jìn)行合理、協(xié)調(diào)的搭配可讓內(nèi)容更加富有立體感、空間感，增強(qiáng)受眾的視覺感知和文案的美觀度。（3）避免細(xì)節(jié)粗糙。如果能夠避免細(xì)節(jié)上的粗糙，就可使新媒體文案的圖文排版更上一層樓，為受眾帶來更好的閱讀體驗(yàn)。常用的新媒體圖文排版工具5.25.2.1135編輯器135編輯器是一款功能強(qiáng)大的在線圖文排版工具，提供了非常豐富的圖文排版樣式、模板和素材，并提供秒刷、一鍵排版、全文配色、云端草稿、企業(yè)定制等強(qiáng)大功能。5.2.2秀米秀米是一款專門為微信公眾號文章提供文本內(nèi)容美化的在線圖文排版工具。它為用戶提供了多種風(fēng)格的排版模板，同時(shí)支持用戶自行創(chuàng)建新的圖文版式。5.2.3i排版i排版是一款主要針對微信文章排版的在線圖文排版工具。i排版的功能豐富，支持一鍵調(diào)整字間距或行間距、一鍵縮進(jìn)、一鍵添加簽名、保存草稿等。同時(shí)帶有短網(wǎng)址、超鏈接、彈幕樣式、一鍵生成長微博功能，可幫助新媒體編輯簡潔高效地完成微信公眾號推送文章的圖文排版。編輯實(shí)戰(zhàn)

為企業(yè)形象宣傳文案進(jìn)行圖文排版實(shí)戰(zhàn)目標(biāo)

使用本章提到的新媒體圖文排版工具135編輯器，為金企鵝公司的企業(yè)形象宣傳文案進(jìn)行圖文排版，包括導(dǎo)入文案、設(shè)置背景、選擇模板、設(shè)置樣式、處理圖片、修改主題色、設(shè)置文本格式等操作。實(shí)戰(zhàn)步驟步驟1訪問135編輯器（），單擊右上角的“注冊”按鈕，注冊135編輯器賬號并登錄。步驟2在功能區(qū)中單擊“導(dǎo)入文章”鏈接文字，在彈出的對話框中選擇“導(dǎo)入文檔”選項(xiàng)，彈出“打開”對話框，選擇本書配套素材“素材”／“第5章”／“實(shí)戰(zhàn)”文件夾（以下簡稱“素材文件夾”）中的“金企鵝公司企業(yè)形象宣傳文案.docx”文檔文件，單擊“打開”按鈕，稍等片刻后，即可將文檔中的內(nèi)容導(dǎo)入編輯區(qū)，如圖5-9所示。1．導(dǎo)入文案并設(shè)置背景實(shí)戰(zhàn)步驟實(shí)戰(zhàn)步驟步驟3單擊工具欄中的“背景”按鈕，彈出“背景”對話框（見圖5-10），切換至“在線背景圖片”選項(xiàng)卡，在其中選擇一種背景樣式，然后單擊“確定”按鈕，為文章設(shè)置背景。實(shí)戰(zhàn)步驟步驟1在菜單欄中單擊“模板”鏈接文字，在打開的模板素材區(qū)切換至“模板中心”選項(xiàng)卡，在搜索框中輸入“企業(yè)宣傳”，然后按“Enter”鍵，在其下方自動出現(xiàn)搜索結(jié)果。將鼠標(biāo)懸停在所需模板上，在出現(xiàn)的各按鈕中單擊“分開使用”按鈕。2．基于模板為開頭應(yīng)用樣式實(shí)戰(zhàn)步驟步驟2應(yīng)用模板樣式。選中編輯區(qū)中的“LEGEND……有限公司。”內(nèi)容，然后單擊模板素材區(qū)中“BOWAY博威集團(tuán)”字樣的模板樣式，為選中的內(nèi)容快速應(yīng)用所選樣式（稱為“秒刷”），如圖5-12所示。實(shí)戰(zhàn)步驟步驟3添加分割線樣式。將插入點(diǎn)移動到開頭下方的空白處，然后在菜單欄中單擊“樣式”鏈接文字，打開樣式素材區(qū)，選擇“正文”→“分割線”選項(xiàng)。實(shí)戰(zhàn)步驟步驟4打開“分割線”樣式素材區(qū)，在上方搜索框中輸入“教育”，按“Enter”鍵，在下方搜索結(jié)果中單擊所需分割線樣式，將其添加到插入點(diǎn)所在位置，如圖5-14所示。實(shí)戰(zhàn)步驟步驟5單擊剛剛添加的分割線樣式，在其周圍將自動展開快捷菜單。在快捷菜單的“區(qū)域樣式”面板依次選擇“前空行”和“后空行”選項(xiàng)，如圖5-15所示。實(shí)戰(zhàn)步驟步驟1使用前面“秒刷”樣式的方法，為“公司簡介”部分的內(nèi)容（“公司簡介……已超過千所?！保懊胨ⅰ蹦０逅夭膮^(qū)中的“公司產(chǎn)業(yè)”模塊樣式，并在其后添加相同的分割線樣式步驟2將插入點(diǎn)移動到“公司簡介”部分的第2段末尾，按“Enter”鍵添加空白行，然后單擊工具欄中的“單圖上傳”按鈕，彈出“打開”對話框，選擇素材文件夾中的“1-1.jpg”圖片，然后單擊“打開”按鈕，將圖片添加到插入點(diǎn)所在位置，如圖5-16所示。3．為“公司簡介”部分進(jìn)行圖文排版實(shí)戰(zhàn)步驟實(shí)戰(zhàn)步驟步驟3選中剛剛添加的圖片，在菜單欄中單擊“樣式”鏈接文字，選擇“圖文”/“單圖”選項(xiàng)，然后單擊圖文素材區(qū)中的某個(gè)單圖樣式，為當(dāng)前圖片應(yīng)用該樣式，如圖5-17所示。實(shí)戰(zhàn)步驟步驟4參考前面添加圖片的方法，將素材文件夾中的“1-2.png”圖片添加到第3段和第4段之間，然后選中剛剛添加的圖片，在展開的快捷菜單的“圖片”面板選擇“邊框陰影”選項(xiàng)，如圖5-18所示。實(shí)戰(zhàn)步驟步驟5彈出“圖片邊框陰影”對話框，選擇一個(gè)邊框或陰影效果（如“寬陰影”），然后單擊“應(yīng)用到當(dāng)前圖片”按鈕，如圖5-19所示。實(shí)戰(zhàn)步驟步驟6選中“公司簡介”部分末尾的圖片，參考前面應(yīng)用圖片樣式的方法，將當(dāng)前圖片設(shè)置為“雙圖”樣式（樣式ID：101514）。步驟7選中“雙圖”樣式中的第1張圖片，在其快捷菜單的“圖片”面板選擇“換圖”選項(xiàng)，彈出“多圖上傳”對話框，切換至“本地上傳”選項(xiàng)卡，單擊“普通圖片上傳”按鈕，如圖5-20所示。實(shí)戰(zhàn)步驟實(shí)戰(zhàn)步驟步驟8彈出“打開”對話框，選擇素材文件夾中除“1-1.jpg”“1-2.jpg”以外的所有圖片，單擊“打開”按鈕，返回“多圖上傳”對話框。然后單擊“開始上傳”按鈕，待圖片上傳完成后（見圖5-21），切換至“我的上傳”選項(xiàng)卡，可看到所有上傳的圖片。選擇“1-3.jpg”圖片，然后單擊“確定”按鈕，樣式中的圖片就替換成了所選圖片。實(shí)戰(zhàn)步驟實(shí)戰(zhàn)步驟步驟9使用相同的方法，將“雙圖”樣式中的另外一張圖替換為素材文件夾中的“1-4.jpg”圖片?！半p圖”樣式替換圖片前后的對比效果如圖5-22所示。實(shí)戰(zhàn)步驟步驟1使用前面“秒刷”樣式的方法，為“發(fā)展歷程”部分的內(nèi)容（“發(fā)展歷程……2013年的15倍?！保懊胨ⅰ蹦０逯小肮竟芾怼蹦K的樣式，并在其后添加相同的分割線樣式，如圖5-23所示。4．為其他部分進(jìn)行圖文排版實(shí)戰(zhàn)步驟步驟2選中“保持高位。”后的空白內(nèi)容到“知識產(chǎn)權(quán)管理體系認(rèn)證?！眱?nèi)容，單擊工具欄中的“清除格式”按鈕然后刪除與文案無關(guān)的內(nèi)容（即“2013年……知識產(chǎn)權(quán)管理體系認(rèn)證?！保?。步驟3將插入點(diǎn)移動到“2014年”處，在快捷菜單的“全局樣式”面板中選擇“加一個(gè)”選項(xiàng)，在下方添加一個(gè)時(shí)間軸單位，用下方的“2017年……數(shù)十倍?！眱?nèi)容替換時(shí)間軸單位中的內(nèi)容。實(shí)戰(zhàn)步驟步驟4參考前面的方法，再次添加一個(gè)時(shí)間軸單位，并用“2020年……15倍?！眱?nèi)容替換原內(nèi)容，使時(shí)間軸的最終效果如圖5-24所示。4．為其他部分進(jìn)行圖文排版實(shí)戰(zhàn)步驟步驟5使用前面替換圖片的方法，將“發(fā)展歷程”部分的圖片替換為素材文件夾中的“2-1.jpg”圖片。步驟6使用前面“秒刷”樣式的方法，為“卓越——一流的團(tuán)隊(duì)”部分的內(nèi)容（“卓越……堅(jiān)實(shí)基礎(chǔ)”）應(yīng)用模板中的“公司產(chǎn)業(yè)”模塊樣式并添加相同的分割線樣式。然后將其末尾的圖片替換為素材文件夾中的“3-1.gif”圖片。最后將標(biāo)題序號改為“03”，效果如圖5-25所示。實(shí)戰(zhàn)步驟實(shí)戰(zhàn)步驟步驟7使用前面“秒刷”樣式的方法，為“創(chuàng)新——互聯(lián)網(wǎng)+教育”部分的內(nèi)容（“創(chuàng)新……全國計(jì)算機(jī)等級考試等?！保?yīng)用模板中“公司產(chǎn)業(yè)”模塊的樣式并添加相同的分割線樣式。然后參考前面的方法，將素材文件夾中的“4-1.jpg”圖片插入到第1段和第2段之間，并為其應(yīng)用單圖樣式（樣式ID：99511），并將此樣式中的文字刪除，然后用素材文件夾中的“4-2.jpg”圖片替換末尾的原圖片并為其應(yīng)用相同的單圖樣式，最后將標(biāo)題序號改為“04”，效果如圖5-26所示。實(shí)戰(zhàn)步驟實(shí)戰(zhàn)步驟步驟8使用前面“秒刷”樣式的方法，為“合作——攜手共贏”部分內(nèi)容（“合作……堅(jiān)定盟友?！保?yīng)用模板中的“公司產(chǎn)業(yè)”模塊樣式并添加相同的分割線樣式。然后將其末尾的圖片替換為素材文件夾中的“5-1.jpg”圖片并為其應(yīng)用樣式（樣式ID：98477）。最后將標(biāo)題序號改為“05”，效果如圖5-27所示。步驟9選中“合作——攜手共贏”部分的一段內(nèi)容，單擊工具欄中的“格式刷”按鈕，進(jìn)入“格式刷”模式，選中結(jié)尾段，為結(jié)尾段文字應(yīng)用字體樣式。然后再次單擊“格式刷”按鈕，退出“格式刷”模式。實(shí)戰(zhàn)步驟步驟10使用前面添加分割線樣式的方法，為文案添加含“END”字樣的分割線樣式（樣式ID：101624）。然后在分割線下方添加素材文件夾中的“二維碼.gif”圖片，使結(jié)尾的效果如圖5-28所示。實(shí)戰(zhàn)步驟步驟1將插入點(diǎn)移動至開頭段樣式中，展開快捷菜單，在“全局樣式”面板中有若干個(gè)圓形色塊，將鼠標(biāo)懸停至某色塊上，鼠標(biāo)會變?yōu)槭中螤?，樣式中與此顏色匹配的部分會不停閃爍。單擊標(biāo)題顏色對應(yīng)的色塊，打開調(diào)色盤，將下方編輯框中的內(nèi)容刪除，并輸入十六進(jìn)制顏色碼“#fcb42b”，然后單擊“確定”按鈕，將標(biāo)題更改為此顏色。步驟2參考前面修改主題色的方法，修改文案中其他樣式的主題色，是整個(gè)文案的主題色調(diào)一致。5．修改主題色實(shí)戰(zhàn)步驟實(shí)戰(zhàn)步驟步驟1選中開頭“這家公司自成立……有限公司?！眱?nèi)容，單擊工具欄中“字體顏色”下拉按鈕，打開調(diào)色盤，將字體顏色設(shè)置為黑色，然后單擊工具欄中的“首行縮進(jìn)”按鈕，設(shè)置段落格式為首行縮進(jìn)。步驟2參考前面的方法，將文案中正文部分的字體顏色均設(shè)置為黑色，段落格式均設(shè)置為首行縮進(jìn)。步驟3將插入點(diǎn)移動到“公司簡介”文本的最前方，單擊工具欄中的“居中對齊”按鈕，設(shè)置標(biāo)題的對齊格式為居中對齊。使用同樣的方法，將文案中所有模塊標(biāo)題的對齊格式均設(shè)置為居中對齊。6．設(shè)置文本格式實(shí)戰(zhàn)步驟步驟4選中開頭段落中的“十余年”，將其字體顏色設(shè)置為紅色；在“字體”下拉列表中選擇“黑體”選項(xiàng)，將其字體設(shè)置為黑體；在“字號”下拉列表中選擇“16px”選項(xiàng)，將其字號設(shè)置為16px，然后單擊工具欄中的“加粗”按鈕，對其進(jìn)行加粗，如圖5-30所示。步驟5根據(jù)金企鵝企業(yè)形象宣傳文案圖文排版效果文件，對其他重點(diǎn)內(nèi)容進(jìn)行相同的處理。實(shí)戰(zhàn)步驟實(shí)戰(zhàn)步驟步驟1選中“創(chuàng)新——互聯(lián)網(wǎng)+教育”部分中的“金企鵝綜合教育平臺”，單擊工具欄中的“編輯超鏈接”按鈕，彈出“編輯超鏈接”對話框，切換至“超鏈接”選項(xiàng)卡，然后在“鏈接地址”編輯框中輸入“”，并選中下方“是否在新窗口打開：”復(fù)選框，最后單擊“確認(rèn)”按鈕，如圖5-31所示。7．添加超鏈接并保存圖文實(shí)戰(zhàn)步驟步驟2在功能區(qū)中單擊“保存同步”按鈕，彈出“保存圖文”對話框，設(shè)置文