《新媒體信息編輯（第2版 微課版）》 課件 第5章 新媒體圖文排版

第5章新媒體圖文排版若說(shuō)標(biāo)題是引導(dǎo)用戶點(diǎn)開一篇文章的重要因素，而具有視覺沖擊力的排版就是使用戶繼續(xù)閱讀的關(guān)鍵所在。合理地規(guī)劃圖文版式不僅能夠美化頁(yè)面，還能讓用戶在瀏覽頁(yè)面的過(guò)程中輕松、愉悅地獲取信息，從而提升用戶的閱讀體驗(yàn)，進(jìn)而提高頁(yè)面的點(diǎn)擊率和停留時(shí)長(zhǎng)。本章將介紹新媒體圖文排版方面的相關(guān)知識(shí)。目錄contents01處理文案與圖片關(guān)系的方法02新媒體圖文排版工具與方法03新媒體信息圖表編輯Part/

01處理文案與圖片關(guān)系的方法在圖文排版中，需要考慮圖片和文案兩個(gè)主要因素。排版人員可以通過(guò)文案排版設(shè)計(jì)和圖片排版設(shè)計(jì)兩個(gè)方面來(lái)協(xié)調(diào)圖片與文案的關(guān)系，從而構(gòu)建出能夠傳遞有效信息和具有強(qiáng)烈視覺沖擊力的頁(yè)面效果。在處理圖片和文案的關(guān)系時(shí)，可以從四個(gè)方面入手。強(qiáng)化圖片和文案的對(duì)比新媒體編輯巧妙地運(yùn)用對(duì)比色和互補(bǔ)色可以強(qiáng)化圖片和文案的對(duì)比。在圖文設(shè)計(jì)中，經(jīng)常用到的經(jīng)典配色有青色與紅色、黃色與藍(lán)色、黑色與白色等冷暖色的對(duì)比?？梢愿鶕?jù)頁(yè)面表達(dá)的主題來(lái)選擇頁(yè)面的主色調(diào)，然后在小范圍內(nèi)使用另一種顏色進(jìn)行搭配裝飾。對(duì)文字進(jìn)行巧妙的字體設(shè)計(jì)同樣可以形成對(duì)比效果。在選擇字體時(shí)，可以通過(guò)使用與背景圖片相融合的字體來(lái)制造視覺落差感。若頁(yè)面的背景比較空洞，可以選擇使用帶有設(shè)計(jì)感的字體；若頁(yè)面的背景比較濃郁，可以使用簡(jiǎn)約型的字體。強(qiáng)化圖片和文案的對(duì)比強(qiáng)化圖片和文案的對(duì)比新媒體編輯巧妙地運(yùn)用對(duì)比色和互補(bǔ)色可以強(qiáng)化圖片和文案的對(duì)比。在圖文設(shè)計(jì)中，經(jīng)常用到的經(jīng)典配色有青色與紅色、黃色與藍(lán)色、黑色與白色等冷暖色的對(duì)比?？梢愿鶕?jù)頁(yè)面表達(dá)的主題來(lái)選擇頁(yè)面的主色調(diào)，然后在小范圍內(nèi)使用另一種顏色進(jìn)行搭配裝飾。對(duì)文字進(jìn)行巧妙的字體設(shè)計(jì)同樣可以形成對(duì)比效果。在選擇字體時(shí)，可以通過(guò)使用與背景圖片相融合的字體來(lái)制造視覺落差感。若頁(yè)面的背景比較空洞，可以選擇使用帶有設(shè)計(jì)感的字體；若頁(yè)面的背景比較濃郁，可以使用簡(jiǎn)約型的字體。運(yùn)用字體形成對(duì)比效果強(qiáng)化圖片和文案的對(duì)比新媒體編輯巧妙地運(yùn)用對(duì)比色和互補(bǔ)色可以強(qiáng)化圖片和文案的對(duì)比。在圖文設(shè)計(jì)中，經(jīng)常用到的經(jīng)典配色有青色與紅色、黃色與藍(lán)色、黑色與白色等冷暖色的對(duì)比?？梢愿鶕?jù)頁(yè)面表達(dá)的主題來(lái)選擇頁(yè)面的主色調(diào)，然后在小范圍內(nèi)使用另一種顏色進(jìn)行搭配裝飾。對(duì)文字進(jìn)行巧妙的字體設(shè)計(jì)同樣可以形成對(duì)比效果。在選擇字體時(shí)，可以通過(guò)使用與背景圖片相融合的字體來(lái)制造視覺落差感。若頁(yè)面的背景比較空洞，可以選擇使用帶有設(shè)計(jì)感的字體；若頁(yè)面的背景比較濃郁，可以使用簡(jiǎn)約型的字體。弱化背景根據(jù)圖像的復(fù)雜程度，應(yīng)用模糊效果創(chuàng)建一個(gè)干凈的背景能夠有效地增強(qiáng)頁(yè)面中文字內(nèi)容的易讀性。局部模糊弱化背景能夠改變圖像中的視覺焦點(diǎn)，讓主體形象更加突出。同時(shí)，將文案添加至模糊區(qū)域內(nèi)，可以使文案從雜亂的背景中抽離出來(lái)，從而增加文字信息的可讀性。局部模糊弱化背景圖文合一圖片與文字交錯(cuò)式的搭配能讓圖片與文字形成一種互動(dòng)感，還能讓頁(yè)面產(chǎn)生一種空間感。文字在頁(yè)面中充當(dāng)?shù)牟恢皇俏陌傅慕巧?，還是一種裝飾元素，從而讓頁(yè)面更加美觀。圖文合一圖文合一圖片與文字交錯(cuò)式的搭配能讓圖片與文字形成一種互動(dòng)感，還能讓頁(yè)面產(chǎn)生一種空間感。文字在頁(yè)面中充當(dāng)?shù)牟恢皇俏陌傅慕巧?，還是一種裝飾元素，從而讓頁(yè)面更加美觀。標(biāo)簽式設(shè)計(jì)標(biāo)簽式設(shè)計(jì)是指將少量的文本信息整合到一起，將文本置于矩形框內(nèi)或在文本之上添加一個(gè)色塊，形成產(chǎn)品標(biāo)簽的形式，從而將用戶的注意力集中在標(biāo)簽上。在實(shí)際設(shè)計(jì)時(shí)，標(biāo)簽的大小需要對(duì)畫面的美觀度、文字?jǐn)?shù)量、背景圖案和版面的平衡等多種因素進(jìn)行考量。標(biāo)簽式設(shè)計(jì)Part/

02新媒體圖文排版工具與方法對(duì)于發(fā)布在微信公眾號(hào)上的文章來(lái)說(shuō)，精美的排版不僅能為用戶提供良好的閱讀體驗(yàn)，還能提高文章的格調(diào)。下面將詳細(xì)介紹常用的圖文排版工具，以及使用秀米進(jìn)行圖文排版的方法。5.2.1常用的圖文排版工具秀米135編輯器壹伴易點(diǎn)微信

編輯器秀米是專門為微信公眾號(hào)文章提供文本內(nèi)容美化的圖文編輯工具，為用戶提供了多種風(fēng)格的排版模板，同時(shí)用戶也可以自己創(chuàng)建新的圖文版式。除此之外，秀米還可以生成長(zhǎng)圖和貼紙圖文，秀米圖文鏈接（圖文分享頁(yè)面）本身也可以作為一個(gè)獨(dú)立的內(nèi)容傳播頁(yè)面。135編輯器是一款功能強(qiáng)大、極易上手的在線圖文排版工具，提供了豐富的排版樣式、模板和圖片素材，并擁有一鍵排版、全文配色、云端草稿、企業(yè)定制、AI寫作等強(qiáng)大功能。壹伴是一款能夠增強(qiáng)微信公眾號(hào)編輯器功能并顯著提高排版效率的瀏覽器插件。用戶利用它可以高效地完成圖文排版、多微信公眾號(hào)管理、定時(shí)群發(fā)、一鍵圖文轉(zhuǎn)載、GIF動(dòng)圖一鍵上傳、微信公眾號(hào)數(shù)據(jù)分析、微信公眾號(hào)運(yùn)營(yíng)等工作，是微信公眾號(hào)管理的得力助手。易點(diǎn)微信編輯器是專為新媒體編輯量身定做的一款微信公眾號(hào)內(nèi)容排版編輯工具，它界面簡(jiǎn)潔、素材精美、功能強(qiáng)大，操作簡(jiǎn)便，完全沒有排版經(jīng)驗(yàn)的新手也可以輕松使用，而且它會(huì)根據(jù)不用風(fēng)格、不同行業(yè)提供大量的素材供用戶使用。96微信

編輯器96微信編輯器是一款專業(yè)的微信公眾號(hào)在線編輯排版工具，提供手機(jī)預(yù)覽功能，讓用戶在微信圖文內(nèi)容排版、文本編輯、素材編輯上更加方便。5.2.2使用秀米進(jìn)行圖文排版前面介紹了幾款常用的圖文排版工具，其實(shí)各種工具的圖文排版功能大同小異，下面以秀米為例介紹圖文排版的相關(guān)操作。Part/

03新媒體信息圖表編輯信息圖表是指數(shù)據(jù)、信息或知識(shí)的可視化表現(xiàn)形式，可以將數(shù)據(jù)、信息或知識(shí)集中在一張圖上進(jìn)行展示。俗話說(shuō)“一圖勝千言”，信息圖表能把復(fù)雜的信息簡(jiǎn)單化，使其更易于理解和傳播，從而幫助用戶更快、更好地認(rèn)知相關(guān)信息。5.3.1信息圖表的類型為了報(bào)道時(shí)事政治事件所繪制的圖表，其涉及的主要是政府領(lǐng)袖、政治事件、國(guó)際關(guān)系，以及國(guó)際組織的活動(dòng)等內(nèi)容。與其他新聞相比，這類新聞所涉及的數(shù)據(jù)類信息較少，往往以事件或人物為主。1．說(shuō)明時(shí)事政治事件的信息圖表在財(cái)經(jīng)事件中，數(shù)據(jù)占據(jù)著非常重要的地位，各類財(cái)經(jīng)信息都需要數(shù)據(jù)來(lái)進(jìn)行說(shuō)明。財(cái)經(jīng)信息往往比較枯燥、呆板，在信息中配置生動(dòng)的圖表，將各類數(shù)據(jù)通過(guò)曲線、餅狀圖、條形圖、柱狀圖等方式表現(xiàn)出來(lái)，可以讓各類數(shù)據(jù)更加直觀易懂。2．講解財(cái)經(jīng)事件的信息圖表《圖說(shuō)2023年7月廣東金融統(tǒng)計(jì)數(shù)據(jù)》5.3.1信息圖表的類型為了報(bào)道時(shí)事政治事件所繪制的圖表，其涉及的主要是政府領(lǐng)袖、政治事件、國(guó)際關(guān)系，以及國(guó)際組織的活動(dòng)等內(nèi)容。與其他新聞相比，這類新聞所涉及的數(shù)據(jù)類信息較少，往往以事件或人物為主。1．說(shuō)明時(shí)事政治事件的信息圖表在財(cái)經(jīng)事件中，數(shù)據(jù)占據(jù)著非常重要的地位，各類財(cái)經(jīng)信息都需要數(shù)據(jù)來(lái)進(jìn)行說(shuō)明。財(cái)經(jīng)信息往往比較枯燥、呆板，在信息中配置生動(dòng)的圖表，將各類數(shù)據(jù)通過(guò)曲線、餅狀圖、條形圖、柱狀圖等方式表現(xiàn)出來(lái)，可以讓各類數(shù)據(jù)更加直觀易懂。2．講解財(cái)經(jīng)事件的信息圖表介紹生活常識(shí)的信息圖表通過(guò)為用戶提供常識(shí)性的知識(shí)，從而為用戶提供一些生活經(jīng)驗(yàn)或提出一些在生活中值得注意的事項(xiàng)等。3．介紹生活常識(shí)的信息圖表“怎么坐高鐵”的信息圖表5.3.1信息圖表的類型為了報(bào)道時(shí)事政治事件所繪制的圖表，其涉及的主要是政府領(lǐng)袖、政治事件、國(guó)際關(guān)系，以及國(guó)際組織的活動(dòng)等內(nèi)容。與其他新聞相比，這類新聞所涉及的數(shù)據(jù)類信息較少，往往以事件或人物為主。1．說(shuō)明時(shí)事政治事件的信息圖表在財(cái)經(jīng)事件中，數(shù)據(jù)占據(jù)著非常重要的地位，各類財(cái)經(jīng)信息都需要數(shù)據(jù)來(lái)進(jìn)行說(shuō)明。財(cái)經(jīng)信息往往比較枯燥、呆板，在信息中配置生動(dòng)的圖表，將各類數(shù)據(jù)通過(guò)曲線、餅狀圖、條形圖、柱狀圖等方式表現(xiàn)出來(lái)，可以讓各類數(shù)據(jù)更加直觀易懂。2．講解財(cái)經(jīng)事件的信息圖表介紹生活常識(shí)的信息圖表通過(guò)為用戶提供常識(shí)性的知識(shí)，從而為用戶提供一些生活經(jīng)驗(yàn)或提出一些在生活中值得注意的事項(xiàng)等。3．介紹生活常識(shí)的信息圖表各類工程的建設(shè)往往非常復(fù)雜，技術(shù)和施工人員能對(duì)工程的施工和建設(shè)有清楚的了解，但作為普通用戶往往無(wú)法對(duì)工程的各個(gè)環(huán)節(jié)有清晰的認(rèn)知，這時(shí)運(yùn)用工程解析類圖表就可以幫助普通用戶清晰、全面地理解某項(xiàng)工程的結(jié)構(gòu)和功能。4．解析重大工程的信息圖表5.3.1信息圖表的類型新聞報(bào)道注重表現(xiàn)事件的發(fā)展動(dòng)態(tài)，為了讓用戶更加全面深入地了解新聞事件，可以為事件配置一些背景材料，如名詞術(shù)語(yǔ)解釋、地理氣候說(shuō)明、人物與組織說(shuō)明等，這些內(nèi)容可以以文字、照片、信息圖表的形式來(lái)呈現(xiàn)。5．解釋知識(shí)背景的信息圖表科學(xué)知識(shí)通常是比較深?yuàn)W、普通人難以理解的，如果在解釋知識(shí)時(shí)配上相應(yīng)的圖形說(shuō)明，往往能讓知識(shí)更容易被理解，尤其是在闡述科學(xué)原理、解釋分解過(guò)程、剖析內(nèi)部結(jié)構(gòu)時(shí)，合理的圖示說(shuō)明不僅讓原理、過(guò)程和結(jié)構(gòu)更加清晰易懂，還能提升科學(xué)知識(shí)的趣味性。6．普及科學(xué)知識(shí)的信息圖表交通事故、地震、火災(zāi)、自然災(zāi)害等突發(fā)事件具有不可預(yù)知性，還具有發(fā)生突然、轉(zhuǎn)瞬即逝的特點(diǎn)。使用信息圖表對(duì)事件現(xiàn)場(chǎng)進(jìn)行模擬和再現(xiàn)，能夠打破時(shí)間的限制，讓事件的發(fā)生、發(fā)展和結(jié)局得以全面、完整的展現(xiàn)。7．說(shuō)明突發(fā)事件的信息圖表解說(shuō)體育事件的信息圖表不僅是指比賽日程圖和比賽成績(jī)表，還包括體育場(chǎng)館結(jié)構(gòu)介紹、體育項(xiàng)目介紹、體育獎(jiǎng)項(xiàng)介紹和賽場(chǎng)突發(fā)事件報(bào)道等內(nèi)容。8．解說(shuō)體育事件的信息圖表5.3.2信息圖表的組成元素標(biāo)題：解釋、說(shuō)明信息圖表的主題，通常為一行，以實(shí)題為主，且標(biāo)題的字號(hào)在整個(gè)信息圖表中是最大的。信息來(lái)源：說(shuō)明信息圖表中所使用的資料的來(lái)源。信息主體：信息圖表的主要內(nèi)容，可以是具體的人物、事物，也可以是一種現(xiàn)象、一起事件。文字注釋：對(duì)信息圖表中的一些術(shù)語(yǔ)、圖示、圖例、事件發(fā)展的步驟和環(huán)節(jié)等信息的解釋說(shuō)明性文字。信息圖表的內(nèi)容組成元素文字和數(shù)字元素：信息圖表中涉及的數(shù)據(jù)通常是以數(shù)字的方式進(jìn)行呈現(xiàn)，從制圖技術(shù)層面上來(lái)說(shuō)，數(shù)字可以被納入文字的范疇。在信息圖表中，為了提升信息圖表的美觀度和傳播效果，可以對(duì)文字進(jìn)行一定程度的藝術(shù)處理。圖形元素：信息圖表中的圖形元素包括點(diǎn)、線、面、標(biāo)識(shí)、照片，以及各類柱形圖、折線圖、餅狀圖、散點(diǎn)圖等。色彩元素：色彩會(huì)在一定程度上影響人們的心理感受和情緒，還能起到信息分類和強(qiáng)調(diào)的作用。信息圖表的視覺組成元素5.3.3信息圖表的制作0102030504選題就是找到適合制作信息圖表的內(nèi)容明確信息圖表的選題尋找文本信息制作者查書網(wǎng)絡(luò)查找實(shí)地考察搜集信息素材去粗取精刪輔留主提煉有效信息根據(jù)信息內(nèi)容進(jìn)行布局采取對(duì)稱版式采取分組分割的版式按照視覺流動(dòng)效果進(jìn)行布局設(shè)計(jì)并確定版式布局檢查信息圖表是否完整，組成元素是否齊全對(duì)信息圖表的各個(gè)細(xì)節(jié)進(jìn)行核實(shí)與檢查核實(shí)與檢查細(xì)節(jié)5.3.4提升信息圖表的用戶體驗(yàn)內(nèi)容

明晰圖表的內(nèi)在邏輯、圖形的意義等，要讓人一目了然，不能把信息圖表做成一個(gè)挑戰(zhàn)智力的游戲。如果信息圖表中設(shè)有互動(dòng)區(qū)域，就要明確指出它們的位置。圖表

好看審美上的“好看”，即信息圖表在藝術(shù)設(shè)計(jì)上要美觀，能夠給用戶帶來(lái)視覺上的舒適感。用戶體驗(yàn)上的“好看”，即便于用戶觀看和理解其內(nèi)容，