ppt-多維新媒體營銷-第3章課件

1、第3章新媒體圖文排版技能文字是新媒體載體中最基本和最常用的元素，是新媒體信息傳播的重要載體。大部分新媒體傳播形式都是以文字表現(xiàn)形式為主的，即使是漫畫或視頻，也都是以文字為基礎(chǔ)的。學(xué)會文字的排版技能對于新媒體設(shè)計人員至關(guān)重要。目錄圖文排版四忌圖文排版的基礎(chǔ)操作 圖片排版的工具 H5 制作工具 1 2 3 4圖文排版四忌忌顏色過多01 一篇文章中的文字顏色盡量不要超過三種，否則讀者無法確定哪一種顏色是強調(diào)部分，導(dǎo)致找不到閱讀重點。忌動態(tài)背景02 常見的動態(tài)背景如漫天飄落的雪花、不斷燃放的焰火、循環(huán)游過的小魚等，其最大弊端在于吸引了讀者的全部注意力，導(dǎo)致讀者的眼球隨著背景而動，注意力無法集中， 從而

2、忽略正文。忌風(fēng)格不定03 公眾號偶爾變化風(fēng)格，會讓讀者會心一笑，感覺耳目一新。但如果推送出的每一篇文章，其字體、分割線等都不相同，會導(dǎo)致公眾號無法呈現(xiàn)整體形象，讀者自然記不住你的風(fēng)格。將排版風(fēng)格固定，可以更好地統(tǒng)一品牌形象，提升識別度。忌樣式繁雜04 使用編輯器會接觸到大量的樣式，但是在使用樣式時必須注意求精而不求多。過多的線條、文字框、箭頭等堆砌在一起，反而無法將想要表達(dá)的內(nèi)容表達(dá)清楚。圖文排版的基礎(chǔ)操作字體與字號01 不同的手機，屏幕尺寸不同，但是從視覺效果上看，合適的字體和字號可以提升讀者的閱讀體驗。較大的字號可用于標(biāo)題或其他需要強調(diào)的地方，小一些的字號可以用于頁腳和輔助信息。需要注意的

3、是，小字號容易產(chǎn)生整體感和精致感，但可讀性較差。 在微信編輯器中，常用的字號為14 號、16 號。15 號并沒有顯示在字號選擇區(qū)中， 用戶可以直接在字號選擇區(qū)手動輸入15 即可。在秀米編輯器中可以直接設(shè)置字號為15。顏色搭配02 純黑色字體相較于白色屏幕，會形成強烈的顏色對比沖突，反差太強顯得刺眼，影響讀者的閱讀體驗，因此正文字體顏色盡量不用純黑色（#000000）。相比之下，字體顏色使用灰色較為適宜。下面列舉三個看起來比較舒服的顏色及其RGB 數(shù)值，“#000000”為默認(rèn)的黑色。 關(guān)于顏色的進(jìn)一步學(xué)習(xí)，ColorHexa 網(wǎng)站提供了詳細(xì)的說明，選擇任何一個顏色， 都可以得到這個色系的所有顏

4、色，并以漸變的形式展現(xiàn)，每個色塊都有色值以方便使用。 間距設(shè)置031. 行間距 行間距是文本中上下行之間的距離。行間距的變化會對文本的可讀性產(chǎn)生很大的影響。一般情況下，接近字體尺寸的行間距設(shè)置比較適合正文。由于默認(rèn)的行間距在手機上顯得較為擁擠，用戶可以先按“Ctrl+A”組合鍵全選正文，再把行間距設(shè)置為1.5 倍或1.75 倍。1.5 倍和1.75 倍行間距的視覺效果較好。2. 段間距 段間距是上下段之間的距離，包括段前距和段后距。當(dāng)正文字號為15 時，正文段前距或段后距設(shè)置為10 或15 較為適合，且閱讀體驗較好。間距設(shè)置3. 字間距 字間距是字與字之間的距離。微信自帶的編輯器并不支持對字間

5、距進(jìn)行直接編輯， 用戶需要在第三方編輯器中編輯后再復(fù)制至微信編輯后臺。 比較合適的字間距范圍為12 像素。利用秀米編輯器排版時，單擊“間距”按鈕， 在“字間距”文本框中輸入1.5 像素。4. 頁邊距 頁邊距是文字兩端與頁面邊緣之間的距離，這里表示為文字兩端與屏幕邊緣之間的距離。在秀米編輯器中，單擊“間距”按鈕，在“頁邊距”文本框中輸入數(shù)值為10 15 像素較為適宜。間距設(shè)置對齊方式設(shè)置04 設(shè)置對齊方式是新媒體創(chuàng)作者的必備技能。對齊方式在符合人們閱讀習(xí)慣的同時， 也要與內(nèi)容的其他元素進(jìn)行互動。四個常見的對齊方式是左對齊、居中對齊、右對齊、兩端對齊。 微信公眾平臺編輯器的對齊方式：從左至右分別是

6、左對齊、居中對齊、右對齊、兩端對齊。在其他微信公眾號文章編輯器平臺中，如秀米、135 編輯器、i 排版、新榜編輯器等同樣支持對齊方式的調(diào)整文字鏈設(shè)置05 文字鏈?zhǔn)莾?nèi)容鏈接的一種形式，以文字的形式進(jìn)行呈現(xiàn)，讀者通過單擊文字實現(xiàn)鏈接跳轉(zhuǎn)。從呈現(xiàn)效果上看，文字鏈比傳統(tǒng)鏈接更簡潔、更高效，可以避免文字與長串網(wǎng)址的混亂排版。 實現(xiàn)文字鏈的代碼如下。 文字放在這里 文字鏈的代碼適用范圍包括關(guān)注自動回復(fù)、消息自動回復(fù)、關(guān)鍵詞自動回復(fù)、微信公眾號與粉絲對話界面，不適用于個人與個人之間的聊天。 圖片排版的工具新媒體管家Plus 01新媒體管家Plus 新媒體管家Plus 是一款幫助運營者提升運營工作效率的新媒體

7、工具。新媒體管家Plus 插件依托于主流瀏覽器，在安裝插件的瀏覽器中打開微信公眾平臺后臺，即可使用插件提供的增強功能。 以360 安全瀏覽器為例，登錄新媒體管家官網(wǎng)下載完成后，打開瀏覽器的“擴展程序”，把插件拖曳至瀏覽器即可安裝。安裝完成后，瀏覽器右上角會出現(xiàn)新媒體管家的藍(lán)底白字圖標(biāo)“P”。單擊“P”圖標(biāo)即可登錄賬號。 新媒體管家 Plus 插件同時支持小程序、今日頭條、微博、1 點資訊、企鵝媒體平臺、百度百家、網(wǎng)易號等平臺。 關(guān)于排版增強功能，新媒體管家目前只支持微信公眾平臺。通過掃碼登錄新媒體管家后，再登錄微信公眾平臺，運營者即可看到插件擴展出的各項功能，其中包括靈感中心、樣式中心、采集文

8、章等。 新媒體管家Plus 關(guān)于排版增強功能，新媒體管家目前只支持微信公眾平臺。通過掃碼登錄新媒體管家后，再登錄微信公眾平臺，運營者即可看到插件擴展出的各項功能，其中包括靈感中心、樣式中心、采集文章等。 靈感中心位于微信公眾平臺后臺的首頁，匯聚了熱點事件、題圖制作、圖片素材、變現(xiàn)渠道、數(shù)據(jù)統(tǒng)計、輔助工具。 在圖文編輯頁面的左側(cè)打開“樣式中心”后，可以使用新媒體管家提供的標(biāo)題、正文、關(guān)注、圖文、背景等。在圖文編輯頁面右側(cè)，新媒體管家提供了采集文章、導(dǎo)入文檔、生成長圖、插入圖片等功能。 在圖文編輯功能欄中，新媒體管家新增了字體、兩端縮進(jìn)、表情、代碼等功能。壹 伴02壹伴 壹伴提供與新媒體管家功能類

9、似的服務(wù)，運營者通過官網(wǎng)下載插件并安裝至瀏覽器即可使用。熟練運用壹伴插件的功能，可以大大提升運營者的圖文編輯效率。登錄官網(wǎng)，根據(jù)瀏覽器提示下載并安裝壹伴，安裝完成后，微信公眾平臺后臺的首頁中會增加數(shù)據(jù)統(tǒng)計、熱點匯總及單篇文章數(shù)據(jù)統(tǒng)計等功能。 圖文編輯功能欄中新增了一行編輯功能欄，其中，“一鍵排版”可以保存不同的排版樣式，方便運營者對不同的圖文采取一鍵排版，提高排版效率。 圖文編輯頁面的左右兩側(cè)分別增加了樣式中心和擴展功能。右側(cè)的擴展功能中提供了導(dǎo)入文章、導(dǎo)入Word、配圖中心、手機傳圖、生成長圖、生成二維碼功能，能夠極大地提高運營者的排版效率。西瓜助手03西瓜助手 西瓜助手更偏重于公眾號數(shù)據(jù)分

10、析和文章采集。導(dǎo)航欄中新增了靈感訂閱、采集庫和數(shù)據(jù)看板功能，已群發(fā)消息中提供了違規(guī)檢測功能，一鍵檢測歷史發(fā)文是否存在違規(guī)風(fēng)險及疑似違規(guī)的類型。 在圖文編輯頁面中，西瓜助手提供了查看源碼、多圖排版、一鍵過濾、快速編輯功能。 圖文編輯頁面的左右兩側(cè)分別提供了樣式中心、導(dǎo)入文章、金句海報、生成長圖等功能，以滿足運營者的排版需求。H5制作工具 初學(xué)者對于H5 的設(shè)計可采用免代碼設(shè)計平臺進(jìn)行，在無代碼基礎(chǔ)的情況下，通過免代碼H5 設(shè)計平臺，可以方便、快捷地設(shè)計H5 作品。 無論讀者使用哪種H5 設(shè)計平臺，我們都建議用微信賬號登錄，這樣無論是PC 端制作還是移動端制作，都方便統(tǒng)一賬號分享，同時在微信中看到

11、H5 作品時也免去重新登錄的麻煩。 “Photoshop”功能作為MAKA 平臺的特有功能，支持上傳PSD 格式的設(shè)計圖。一方面，平臺素材庫及模板可以滿足大部分用戶的需求；另一方面，針對特定需求設(shè)計PSD 圖層，可以制作更加個性化的H5 界面。（3）添加動作。為每個頁面設(shè)計添加素材后，接下來就可以對該素材或該頁面設(shè)計動畫了。單擊主頁面中的該元素，在功能區(qū)中可以對添加的元素進(jìn)行屬性設(shè)置和動作設(shè)置。動作設(shè)置有進(jìn)場動畫、強調(diào)動畫、退場動畫三種選擇。（4）添加音樂。制作完成后，單擊設(shè)計頁面右上角的“音樂設(shè)置”按鈕，可添加一段背景音樂。平臺提供了大量的音樂素材可供用戶選擇，用戶也可以單擊“上傳音樂”按鈕

12、上傳背景音樂。（1）選擇模板。MAKA 主頁有大量的模板，按照場景、風(fēng)格進(jìn)行劃分，每個類目下面再根據(jù)預(yù)算情況按照“全部”“免費”“收費”和“會員免費”進(jìn)行詳細(xì)搜索，或按照“熱門”和“最新發(fā)布”兩個維度進(jìn)行搜索。 （2）編輯頁面。選擇模板后，進(jìn)入H5 模板編輯頁面。 選擇設(shè)計頁面左側(cè)的編輯功能按鈕，可以進(jìn)行圖片搜索、版式選擇、文本添加、素材添加、背景添加、照片上傳、添加互動等功能。選擇設(shè)計頁面右側(cè)的選項，可以對添加的元素或頁面進(jìn)行屬性設(shè)置。設(shè)置內(nèi)容包括圖片設(shè)置、動作設(shè)置、圖層選擇、文本格式設(shè)置、背景設(shè)置等。選擇設(shè)計頁面中間的灰色功能鍵可以對添加的元素或頁面進(jìn)行撤銷、重做、預(yù)覽、頁面顯示大小設(shè)置、網(wǎng)格設(shè)置等操作。H5 的制作工具包括易企秀、we+、MAKA、兔展等，設(shè)計方法相近。下面以MAKA 為例進(jìn)行講解。 以上就是基于MAKA 平臺的操作介紹。其他平臺如易企秀、we+、兔展等，與之操作相近，不再贅述。（5）頁面設(shè)置。單擊設(shè)計頁面右上角的“作品設(shè)置”按鈕，選擇“頁面設(shè)置”選項，可以對當(dāng)前設(shè)計的H5 作品進(jìn)行滑動