關(guān)于排版

前段時間我發(fā)了條朋友圈:有哪些東西是你一旦知道,生活就從此回不去了的?

審美。

現(xiàn)在無論是微信文章還是其他場景,面對沒有排版的文字,我都會瞬間失去閱讀興趣。

這篇文章將從文字、留白、圖片、引導(dǎo)幾部分來寫。先來說說排版的作用。

001 排版的作用

首先要明確,排版是為了內(nèi)容服務(wù)。好的排版,一定都是順應(yīng)人性的排版。

人天生缺乏耐心,如果沒有經(jīng)過排版處理,冗長的文章會給讀者帶來很大的信息獲取壓力。

排版的作用有三點(diǎn):

正文排版,包括三部分:

1.文字:字號、顏色、標(biāo)點(diǎn)符號、排版規(guī)范2.留白:字間距、行間距、段間距、頁邊距3.配圖:封面圖、配圖、GIF

文字

002 字號

標(biāo)題:推薦16px-18px正文:推薦14px-16px標(biāo)注:推薦12px-14px

003 顏色

文章中除了圖片,正文全部顏色不要超過三種,顏色太多顯得雜亂。另外,不要選擇飽和度太高的顏色,就是日常所說鮮艷的顏色。

這些顏色看起來比較廉價,因?yàn)闀ξ覀兊那榫w造成影響。

▍主題色

一種顏色作為主題色,可以用在標(biāo)題、重點(diǎn)內(nèi)容、二維碼、頭像、頂部和底部的引導(dǎo)等。

▍正文顏色

一種作為正文顏色,不建議用純黑(#000000),手機(jī)端會比較刺眼,灰色會溫和一點(diǎn)。常用的有:#595959、#3f3f3f。

▍標(biāo)注色

一種作為標(biāo)注顏色,用作引用內(nèi)容、注釋、聲明等。常用的顏色有:#888888、#a5a5a5

004 對齊

對齊方式主要有兩種:左對齊、居中。

▍左對齊

左對齊型排版,首行不需要縮進(jìn)。在中文書籍中,因?yàn)槎温溟g沒有間隙,所以需要用兩個字符的縮進(jìn)加以辨識。但在網(wǎng)頁端和手機(jī)端,書本式的排版會讓讀者感到壓力,大家改用空行作了段落區(qū)分。

▍兩端對齊

沒有了首行縮進(jìn)之后,文章左側(cè)像刀削斧砍一樣工整。與之相對,右側(cè)容易出現(xiàn)鋸齒一樣粗糙的邊緣,英文排版中尤甚。

▲右側(cè)邊緣粗糙

針對這種情況,可以在編輯器中,使用兩端對齊功能,將右側(cè)也對齊,顯得更加精致。

▲兩端對齊之后

▍居中

居中型排版

一句話一行

視覺在中央

所以呢

每行不要多

否則就像這句話突然讓眼球掃一整行好費(fèi)勁

另外,不同的對齊方式不要混淆在一起。否則就打破了整體上的視覺統(tǒng)一,不夠舒適。

005 標(biāo)點(diǎn)符號

標(biāo)點(diǎn)的亂用,也會導(dǎo)致排版會亂。一些文字編輯對標(biāo)點(diǎn)亂用是非常反感的。

我之前在朋友圈看到簡書主編一鳴發(fā)文章說這個事,整篇文章用的都是咆哮體!一天審稿那么多,可以體會一下他的心情。

中文標(biāo)點(diǎn)符號應(yīng)全部使用全角符號,下面舉出幾個常用的標(biāo)點(diǎn)符號。

▍引號

引號推薦使用直角引號「」,這個符號是「我的最愛」。引號中再用引號使用雙直角引號『』。

表示諷刺、反諷暗示、強(qiáng)調(diào)語氣、人物對話時,使用彎引號“ ”。

直角引號可以在中文輸入法中「特殊符號 — 標(biāo)點(diǎn)符號」中找到,或者是用直接日文輸入法輸入,鍵盤上的括號鍵即是。

直角引號源自日文,彎引號源自英文。

相比彎引號,直角引號在漢字排版中更為優(yōu)雅和美觀,也避免了全角半角不分的同學(xué)亂用彎引號導(dǎo)致的格式錯亂。

▍省略號

千萬不要用六個句號「。。。。。?!棺魇÷蕴?,也不要用三個點(diǎn)「...」,三個點(diǎn)是英文中的省略號。

中文省略號「……」在中文輸入法下,用shift + 6打出來。

▍破折號

破折號占兩個漢字空間,不能用連字符代替,即「--」,除了書本里,我現(xiàn)在很少看到有人打出標(biāo)準(zhǔn)的破折號了。

在中文輸入法下,用shift + -(鍵盤 0 右側(cè)的鍵)打出來,即「——」。

▍項目符號

有時候文章中會有一些并列關(guān)系的條目和句子,可以用項目符號區(qū)分開。各種編輯器中都有列表功能,分為有序列表和無序列表兩種。

有序列表:

數(shù)字序列是最常見的有序列表。數(shù)字之外還有英文、羅馬文序列等。數(shù)字后面加的是圓點(diǎn)而不是頓號。

無序列表:

● 小黑點(diǎn)是最常用的。

■ 小方塊跟中文搭配也很優(yōu)美。

○ 小圓圈多用于注釋內(nèi)容。

另外要注意一點(diǎn),列表中每句話之后要加句號。

▍三角符

微信文章中經(jīng)??梢钥吹礁黝惾欠?,有各式各樣的用處:

▲正三角經(jīng)常居中放在照片下方,注釋內(nèi)容前面,起指示作用。

▼倒三角經(jīng)常單獨(dú)居中成行,用于分隔兩部分內(nèi)容,引出下文。

▍分隔符

除倒三角外,還有很多符號,都可以用作分隔符。

▲小符號

分割線也是最常用的一種,各種編輯器中都有不同樣式的分割線,是排版中很重要的元素。除了用在文中,也可以用在文末。

▍進(jìn)度符

這是 i排版在一篇文章中提出的方法,我覺得也很有意思:

選擇同一個小符號,用類似進(jìn)度條的方式來標(biāo)注,更換其中某一個或幾個小符號的顏色,讓讀者知道文章讀到哪一部分,起到提示進(jìn)度的作用。

下面我用一個小符號來示范下:

先進(jìn)部分

第二部分

第三部分

006 排版規(guī)范

▍強(qiáng)調(diào)

在文章中,經(jīng)常需要強(qiáng)調(diào)某一部分,通過設(shè)計在視覺上凸顯出來。

引用 justfont 中的一段話:

借由底色、邊框與不同字體的變化,告訴讀者這一段很重要,也幫助快速瀏覽掌握重點(diǎn)。

除了要特別討論的上色之外,最常用的強(qiáng)調(diào)法不外乎「加粗」、「變斜」或是「加底線」。加粗、變斜是透過墨色濃度或形狀變化與正文對比,這發(fā)源自西方數(shù)百年的排版規(guī)則;加底線則是打字機(jī)盛行之后留下的遺產(chǎn)。

強(qiáng)調(diào)方式很多,但是千萬不能亂用,更不能同時用在一個段落里,否則效果會讓人很尷尬。下面進(jìn)行一一說明。

▍下劃線

下劃線是打字機(jī)時代的產(chǎn)物,如今已經(jīng)過時。如果用下劃線進(jìn)行強(qiáng)調(diào),反而會喧賓奪主,對文字的閱讀形成干擾。除超鏈接外,其他句子盡量不要使用下劃線。

▍斜體

英文從文藝復(fù)興時期,就已經(jīng)有了用斜體進(jìn)行強(qiáng)調(diào)的排版規(guī)則。但中文不同,中文沒有斜體,只有計算機(jī)程序變形的斜體效果。中文斜體后失去了中文字形原來的結(jié)構(gòu)和美感,所以不要在中文中使用斜體。

▍加粗

加粗是最理想的強(qiáng)調(diào)方式,也是最通用的做法。強(qiáng)調(diào)的時候除了加粗外,還可以改變字號或改變顏色。

▍引用

開頭的摘要、別人的資料、人物對話、重點(diǎn)語句,都可以使用引用功能。

▲引用功能

引用的內(nèi)容要獨(dú)立成段,如果來自別處,請記得加上引用說明。

用了引動功能的句子,就是多了這句話前面那道豎杠。

引用格式中的句子,推薦使用標(biāo)注色,即#a5a5a5 或者#888888

▍中西文混排

中英文之間加空格:

我用 Typora 進(jìn)行寫作。

中文與數(shù)字之間加空格:

現(xiàn)在已經(jīng)到了 2 月份。

中文夾雜英文單詞使用全角標(biāo)點(diǎn):

這是我給爸媽新買的 iPhone 7,你拿去吧。

對于完整的英語句子,則使用半角標(biāo)點(diǎn):

我最喜歡的英文名言是「Each man is the architect of his own fate.」

以上幾點(diǎn)是通行的做法,不是標(biāo)準(zhǔn)規(guī)范。我查了很多資料,中西文混排目前還沒有一套標(biāo)準(zhǔn)的官方規(guī)則,其中最主要的爭論之一是關(guān)于空格的用法。

有一些同學(xué)的文章中字間距很大,這種情況就不需要再加空格。

關(guān)于這個問題,我在方宏章的文章《關(guān)于文字的可閱讀性》中找到一段話,很有參考意義:

每個字母之間必須有一定合理空間(Kerning),如果字母之間的距離過于狹小,就像兩個挨著很近的雞蛋隨時有可能相碰撞的危險,如果字母間距過大,那字母就會失去張力和緊張感,使得文字閱讀變得乏味。

所以字母之間的距離應(yīng)該合適,使得在很緊湊的句子和印刷很差的情況下,不會和其他的字母混淆在一起而影響閱讀性。

留白

如果用黑白打印機(jī),把微信文章打印出來,你會發(fā)現(xiàn)各種顏色間區(qū)別,其實(shí)只是灰度不同。

紙上只有黑與白兩部分。

上面說的文字和符號,就是排版設(shè)計中「黑」的部分,而設(shè)計「白」的部分,也是非常重要的。

字間距、行間距、段間距、頁邊距等,這些是「白」的部分。就像陰陽一樣,黑白得當(dāng),才有了和諧的美感,給閱讀留下了呼吸的空間。

007 字間距

針對一般的文本設(shè)計來說,字號越小,字母之間的間距就要越大,以使文字易于辨認(rèn)。相反,如果將字號調(diào)大的話,緊致一些的間距以至于字符之間不會那么松垮,而更易閱讀。

可以在編輯器中對字間距進(jìn)行調(diào)節(jié),0.5 —1.5都很常見。

008 行間距

文字太過密集,容易讓讀者失去閱讀興趣,很多好內(nèi)容因此被埋沒。而相反過于稀疏,視覺效果也并不理想。

根據(jù)行業(yè)經(jīng)驗(yàn),行間距一般為字號的 1.5 倍左右。14px — 16px的字號,推薦1.5或者1.75的行間距。

009 段間距

段間距一般用回車空行代替,當(dāng)然也可以進(jìn)行手動設(shè)置,正文中設(shè)置 15 的段間距,在微信上看起來就非常美觀。

段間距也有不同層次的劃分,可以參考一下知乎用戶 @Hindy 的習(xí)慣:

我將段落間距分為四檔:空三回車、空兩回車、空一回車與換行不空。

空三回車:用在小節(jié)與小節(jié)結(jié)束的時候。比如一個標(biāo)題小節(jié)結(jié)束,下文是另一個標(biāo)題開始??諆苫剀嚕河迷诙墭?biāo)題下的分隔??找换剀嚕河迷诙温渑c段落間,內(nèi)容相較接近。換行不空:用在兩段文字是講述的一個內(nèi)容,只是在閱讀時需稍作停頓的情況。

手動設(shè)置的話,標(biāo)題和小節(jié)之間的行間距也有所差別。較好的方法,還是去參考喜歡的大號,模仿他們的習(xí)慣,然后在試圖創(chuàng)新。

010 段落長度

正文段落的長度,是影響留白很大的元素。

段落長,留白少。

段落短,留白多。

如果都是長段落,黑壓壓的大段文字會讓人覺得呼吸不過來;如果是一連串的短段落,大片的留白會打斷排版的連續(xù)性。

而如果都是中等長度的段落,則就像唱片機(jī)卡碟一樣,絮絮叨叨,缺乏豐富的節(jié)奏。

控制段落長度的節(jié)奏,是非常重要的排版技巧,這點(diǎn)很多人都不知道。長、中、短段落結(jié)合,能讓讀者在大段文字中迅速找到落腳點(diǎn)。

如此,排版真正成為文字情緒的一部分。

最后,段落最長也千萬不要超過一屏。下圖這種神人行為,我們一般人千萬不要嘗試,簡直喘不過氣。

011 頁邊距

頁邊距是閱讀時,正文與左右兩邊的距離。微信默認(rèn)比較窄,可以用編輯器進(jìn)行調(diào)整,給讀者更多的閱讀空間。

有一些比較文藝風(fēng)的文章,會設(shè)置很大的頁邊距來增加留白。根據(jù)自己情況來調(diào)整,本文的頁邊距為 1。

圖片

012 圖片的作用

圖片是為內(nèi)容服務(wù),我把圖片分為兩種類型:有意義的、無意義的。

▍有意義的圖片

有意義的圖片有 4 種作用:分享、娛樂、銷售、解決問題。

1.分享

分享某種情感,或者文章中提到的某個物品、人物、場景、行為等等。

▲九份的芋圓

2.娛樂

一些表情包、GIF 等都是此類,跟讀者進(jìn)行情感上的娛樂互動。

3.銷售

跟文章內(nèi)容結(jié)合,對讀者進(jìn)行銷售?;蛘呤卿N售某一種觀點(diǎn),或者是說服讀者做某件事,如一些商品使用場景的圖片。

▲圖片來自深夜發(fā)媸

4.解決問題

有些信息只靠文字很難直觀表達(dá),或者過于復(fù)雜,需要圖片來進(jìn)行解釋說明,輔助理解,如一些數(shù)據(jù)圖片、趨勢圖等等。

▍無意義的圖片

無意義的圖片有 3 種作用:美化排版、閱讀獎勵、凸顯調(diào)性

1.美化排版

圖像能夠打破視覺的單調(diào)性,如果一篇文章全是字,會讓人興趣索然,而通過配圖來調(diào)節(jié)視線,讓人不容易輕易疲勞。

2.閱讀獎勵

圖片相比文字更容易理解,調(diào)動的讀者認(rèn)知成本比較少,讀者在看圖片的時間,可以讓大腦進(jìn)行適當(dāng)休息,作為閱讀中的獎勵。

尤其是一些有趣好笑的或者是性感美女圖片,都是閱讀獎勵。

3.凸顯調(diào)性

統(tǒng)一風(fēng)格的圖片能夠塑造文章的調(diào)性,而高逼格的配圖,會提升文章的質(zhì)感。

013 圖片的選擇標(biāo)準(zhǔn)

簡單來講,圖片有兩大選擇標(biāo)準(zhǔn):清晰、統(tǒng)一。

▍清晰

圖片高清不模糊,是排版的基本要求。除了原始圖片是否高清以外,不同的格式也會影響最終效果,圖片的格式部分下文會講。

另外要注意圖片上不要有水印,除非是經(jīng)過特殊設(shè)計的水印,否則真的很土。

▍統(tǒng)一

統(tǒng)一包括主題、風(fēng)格、尺寸上的統(tǒng)一。圖片要與文章主題統(tǒng)一,不同圖片之間的風(fēng)格要統(tǒng)一,不要上面都是漫畫表情,下面一下子都變成了人物風(fēng)景。另外不同類型的圖片,較好將尺寸統(tǒng)一。

05 封面圖

014 尺寸

封面圖是一篇微信文章的先進(jìn)印象。封面圖總共出現(xiàn)在 4 個場景,尺寸會變形,都有裁剪,而且在 Android 和 IOS 系統(tǒng)中,具體也會有所區(qū)別:

公眾號會話:矩形。歷史消息:矩形。轉(zhuǎn)發(fā)消息:正方形。分享朋友圈:正方形。

▲王如飛研究的封面圖裁剪情況

這張圖太復(fù)雜,不用記住。只要記住封面圖的尺寸是 900 X 500,次條封面圖的尺寸是 200 X 200 就好。按照這個尺寸來配圖,效果是較佳的。

另外要把重要內(nèi)容放在中間 400 X 400 的正方形內(nèi),這部分的內(nèi)容一定不會被裁掉。

015 制作

▍全力風(fēng)格

可以用美圖秀秀或者 PS 等一些制圖軟件,加上一些文字、圖形、logo 等固定元素,形成自己獨(dú)特的風(fēng)格。當(dāng)然更厲害的就是請專業(yè)的插畫師定制插畫。

▍尺寸

修改尺寸,可以用美圖秀秀進(jìn)行修改,或者直接用 PPT 也行。

把圖片放入 PPT 中,選中圖片之后「點(diǎn)擊格式 — 裁剪 — 縱橫比 — 16:9」。

▲直接用 PPT 裁剪

▍在線生成

如果擔(dān)心自己審美不達(dá)標(biāo)的話,創(chuàng)客貼這個網(wǎng)站可以幫你一分鐘制作出高大上的封面圖。登錄網(wǎng)站后,點(diǎn)擊「開啟設(shè)計 — 公眾號文章首圖」即可。

▲創(chuàng)客貼:chuangkit.com

▍獲取封面圖

關(guān)于如何獲取別人的封面圖,IT云課堂 提供了一個很實(shí)用的技巧:

在電腦打開文章,右擊鼠標(biāo)查看源代碼。然后按 Ctrl + F,出現(xiàn)一個搜索框。輸入 var msg,出現(xiàn)黃色背景代碼。復(fù)制 msg_cdn_url 后面的地址,在瀏覽器打開。點(diǎn)擊「另存為」即可下載。

06 配圖

016 圖庫

▍導(dǎo)航

相信大家的文件夾里都收藏了一大堆圖片網(wǎng)站,其實(shí)只要用好設(shè)計師導(dǎo)航網(wǎng)站就好了。絕大多數(shù)常用的圖庫,在這些導(dǎo)航中都有收錄,并且已經(jīng)按照免費(fèi) / 付費(fèi)分好類,也有相應(yīng)的介紹說明。

這里推薦三個:

設(shè)計導(dǎo)航:hao.shejidaren.comHiPPTer:hippter.com優(yōu)慶設(shè)計:ubuuk.com

▲HiPPTer:hippter.com

導(dǎo)航網(wǎng)站中除了圖片以外,還包含各種素材和神器,可以去探索一下。

▍常用圖片網(wǎng)站

下面這些是大家常用的圖庫網(wǎng)站,在上面三個導(dǎo)航中都有收錄。

Behance:behance.netDribbble:dribbble.comPinterest:pinterest.comPixabay:pixabay.comUnsplash:unsplash.com500px:500px.com花瓣網(wǎng):huaban.com站酷網(wǎng):zcool.com.cn……

▍特殊網(wǎng)站介紹

工欲善其事,必先利其器。下面再介紹幾個比較特殊的。

文字云

這個網(wǎng)站可以在線生成文字云效果的圖片。網(wǎng)站是英文的,可以借助谷歌瀏覽器自帶的翻譯功能。具體步驟是「上傳字體 — 添加文字 — 上傳圖片」。

文字云網(wǎng)站:tagul.com

表情

很多文章配圖里有大量的表情,可以在百度搜索「斗圖」,有很多豐富的資源。也可以在「暴走漫畫」網(wǎng)站,或者下載「花熊」App 進(jìn)行制作。

暴走漫畫:baozoumanhua.com斗圖啦:doutula.com

Mockup

Mockup是指圖片展示素材模型,什么意思呢,就像這張圖。

你可以找一張手機(jī)截圖,替換圖中的手機(jī)圖片,手機(jī)截圖就可以瞬間變得高大上了。就像這樣:

推薦三個Mockup網(wǎng)站:

smartmockups.commockplus.cnfreedesignresources.net

先進(jìn)個網(wǎng)站只有臺式機(jī)、筆記本、平板、手機(jī)、手表五種模板,但是好處是只要選好模板,可以上傳圖片進(jìn)行自動替換。其他兩個網(wǎng)站有各式各樣的其他素材,不過需要下載 PSD 圖層進(jìn)行手動替換。

017 找圖

▍關(guān)鍵詞

用關(guān)鍵詞有兩個搜索方向:縱向、橫向。

1.縱向

縱向就是縮小或者擴(kuò)大關(guān)鍵詞的范圍。

比如說要搜索法律相關(guān)的圖片,搜索「法律」沒有滿意的圖片,則可以縮小范圍,試試「律師」或者「法官」。

同樣也可以反過來擴(kuò)大范圍,比如需要一個小蛋糕的圖片,可以試試搜索「下午茶」。

2.橫向

橫向就是搜索相近的詞匯,很多時候找的圖片是可以用其他圖片代替的。

比如需要一張表現(xiàn)時間圖片,可以去搜索「手表」,也可以試試「鐘表」、「watch」等等。

另外也可以用英文或者其他語言去檢索,出來的圖片也會不一樣。

▍以圖識圖

有時候看到一些喜歡的圖片,但是尺寸太小、不夠高清,或者是有水印,這個時候可以用百度和 Google 的「以圖識圖」功能,讓搜索引擎幫忙找這張圖片的其他尺寸、格式。

在百度圖片中選擇好一張圖片后,點(diǎn)擊「按圖片搜索」:

▲點(diǎn)擊右下角那個放大鏡

或者是在百度頁面點(diǎn)擊那個照相機(jī),上傳圖片:

▲點(diǎn)擊照相機(jī)

搜索引擎會自動幫你找到不同尺寸的相似圖片。

另外也可以直接在谷歌瀏覽器的程序商店里下載安裝Tineye插件??吹揭粡垐D后右鍵選擇「Search Image on TinEye」,大多數(shù)圖片都可以找到相似圖片。

▍下載

有的時候好不容易找到了一張圖片,但是下載起來可能又很麻煩。有很多插件都支持一鍵下載功能,可以在任何網(wǎng)站一鍵下載圖片。

依舊推薦三個插件:

gentlemanOK記花瓣采集插件

安裝插件以后,在圖片上直接 alt + 鼠標(biāo)左鍵即可一鍵下載。除了插件,360瀏覽器、UC瀏覽器也有一鍵下載圖片的功能。

不過提醒大家一定要注意版權(quán)問題,盡量不要盜用有版權(quán)的圖片。

018 圖片處理

▍水印

非原創(chuàng)圖片不要打水印。對于原創(chuàng)圖片,除非水印經(jīng)過特殊設(shè)計,否則都不會好看,另外加了水印也不方便讀者保存。

有時候網(wǎng)上找來的一些圖片需要去水印,這個時候可以用美圖秀秀或者是 PS:

美圖秀秀:消除筆功能 / 祛痘功能PS:修復(fù)畫筆功能 / 修補(bǔ)工具

另外還有一款常用的去水印工具:Inpaint,可以傻瓜式一鍵去水印。

▍截圖美化

講一個用 PPT 美化截圖的小技巧。有時候文章中經(jīng)常需要放一些手機(jī)截圖,但是直接放在文章里并不好看,需要進(jìn)行處理一下。

這個時候可以借助 PPT 圖片樣式中的「居中矩形陰影」,為截圖加上陰影。

▲PPT 的圖片樣式

▍版權(quán)聲明

要小心圖片侵權(quán),使用了別人的圖片,一定要注明來源。實(shí)際上絕大多數(shù)公眾號在這方面做的都不好,可以參考一下專業(yè)媒體號的做法。

確定圖源的,可以在圖片下方,小字標(biāo)明來自某部電影、某位攝影師、還是某個商業(yè)圖庫。

▲題圖來源:Oyvind Solstad / CC BY

如果不確定圖片源,一定要注明「圖片來自互聯(lián)網(wǎng)」,通常寫在文末左下方。如果是轉(zhuǎn)載的文章,不確定圖源,寫上「圖源:原作者配圖」。

▲本文圖片均來自網(wǎng)絡(luò)

GIF

019 GIF 圖庫

1.Giphy

最大的 Gif 搜索引擎,找 Gif 用好 Giphy 基本就夠了。

Giphy:giphy.com

2.Tumblr

俗稱「湯不熱」,國外非常好玩的社交平臺,有大量精美的 Gif,可以關(guān)注那些網(wǎng)上推薦的 tumblr 賬號。例如專門惡搞名畫的 Scorpiondagger

Tumblr:tumblr.com

3.SOOGIF

國內(nèi)的動圖網(wǎng)站,專門給公眾號提供素材的。除此以外,還集合了GIF壓縮、剪裁、制作的功能。

SOOGIF:soogif.com

4.Gif 喵

也是斗圖常用的國內(nèi)網(wǎng)站,每天都會更新專輯,內(nèi)容全面且動圖質(zhì)量比堆糖、花瓣上的普遍要高。此外也自帶 Gif 制作和壓縮功能。

Gif 喵:gifmiao.com

5.9gag

暴走漫畫最初就是模仿9gag,這個網(wǎng)站的 GIF 質(zhì)量非常高,注冊后右鍵另存為可以下載。但是需要視頻格式將轉(zhuǎn)換 GIF 格式。

9gag:9gag.com

6.小豬動圖

國內(nèi)很專業(yè)的動圖網(wǎng)站,素材更新快,并且把GIF動圖劃分了上百個子類。同時在網(wǎng)站上還可以對 GIF 壓縮、制作、加水印、裁剪,以及將視頻轉(zhuǎn)換成 GIF 格式。

小豬動圖:piggif.com

7.搜索引擎

也可以在百度、必應(yīng)、Google 等搜索引擎上直接搜索 GIF 圖片,關(guān)鍵詞 + gif,比如「小貓 gif」。

8.其他

葉子豬:xx.yzz.cn/NBAGIF:nba-80s-90sgifs.lofter.comRafael-varona:rafael-varona.comGIFBIN:gifbin.comGIFSON:gifson.netGolden Wolf:goldenwolf.tvJulian Glander:glander.co

020 GIF 處理

▍壓縮

在微信上傳 GIF 的大小不能超過 2M,因此經(jīng)常需要進(jìn)行壓縮??梢灾苯釉谏厦嫣岬降?SOOGIF、Gif 喵、小豬動圖 這幾個網(wǎng)站上面進(jìn)行壓縮,這里再推薦一個壓縮常用的網(wǎng)站。

ezgif.com/optimize

▍錄制

有時候需要自己錄制一些 GIF,例如一些軟件的教程。這里推薦幾款口碑比較好、易上手的 GIF 錄制軟件。

GIFCam(Win 系統(tǒng))LICEcap(Mac 系統(tǒng))Screen To Gif

▍轉(zhuǎn)換

有時候需要把一些視頻轉(zhuǎn)化為 GIF,上面提到小豬動圖的網(wǎng)站就具備這個功能。另外可以用迅雷播放器直接從視頻中截取 GIF 圖。用迅雷播放器打開視頻,點(diǎn)擊右鍵「GIF 圖截取」即可。

引導(dǎo)

021 頂部內(nèi)容

頂部是閱讀文章時的先進(jìn)眼,決定了讀者對文章的初始印象。頂部的內(nèi)容,一定要經(jīng)過設(shè)計,否則就干脆保持空白。

▲正好有空的頭圖

良好的設(shè)計會增加內(nèi)容的可信任感,而那些爛大街的模板,不僅難看沒有效果,反而會降低讀者對公眾號的評價。

頂部通常放置的元素有:

標(biāo)題、slogan、頭圖、引導(dǎo)語、作者信息、聲明信息、轉(zhuǎn)載信息、音頻等

頂部內(nèi)容大概有三個方面的用途:

引導(dǎo)讀者關(guān)注、置頂,通常是 logo + slogan。對文章信息進(jìn)行補(bǔ)充說明,例如閱讀時間、作者信息、聲明信息、轉(zhuǎn)載信息等。引出下文,通過一張圖片,或者是一段引導(dǎo)語。

下圖是行動派的頂部內(nèi)容,包含了:slogan、日歷、授權(quán)信息。其中第二張圖的日歷每天都會變,是行動派的標(biāo)志一直,也是與讀者互動的一部分。

頂部的內(nèi)容不要占用太大版面,要讓讀者快速切入文章。讀者被標(biāo)題吸引進(jìn)來是為了看內(nèi)容的,這個時候心情是急切的。如果頂部內(nèi)容太多,半天看不到正文,反而起了反作用。

09底部

022 底部的作用

底部的元素有:

底圖、投票、作者信息、版權(quán)聲明、合作說明、引導(dǎo)(話題互動)、關(guān)注語、往期推薦、二維碼、贊賞、閱讀原文。

底部與頂部不同,讀者已經(jīng)看完了正文,整個人的狀態(tài)比較放松,所以底部內(nèi)容多一些也沒有關(guān)系。這個時候應(yīng)該盡量對上面缺失的要素進(jìn)行補(bǔ)充,頂部沒有放的信息,可以放在這里,一些重要信息可以選擇重復(fù)。

如領(lǐng)英的底部,包括了:話題互動、廣告、互推、作者信息、合作說明、二維碼:

023 二維碼

二維碼底部放置二維碼是為了方便讀者直接關(guān)注,不用再翻頁到文章開頭。

一個經(jīng)過用心設(shè)計的二維碼,能夠提高不少轉(zhuǎn)化率。在各大編輯器中,都有各種二維碼的樣式,可以挑選合適的。

有時候需要自己生成一些二維碼,這個時候要借助兩個工具:短網(wǎng)址、二維碼生成器。

網(wǎng)址越長,生成的二維碼就越復(fù)雜難看,而微信自己的鏈接都太長了。

▲長網(wǎng)址的二維碼

這時候需要借助短網(wǎng)址工具,將長網(wǎng)址進(jìn)行縮短,用縮短后的網(wǎng)址去生成二維碼。

▲百度短網(wǎng)址:dwz.cn

二維碼生成器基本上都帶有美化功能,生成后可以進(jìn)行美化。這里推薦兩個二維碼生成器:

草料二維碼:cli.im第九工廠:9thws.com

以上就是小編為大家講述的微信代運(yùn)營相關(guān)內(nèi)容和服務(wù),希望大家能夠?qū)@些內(nèi)容有一定的了解,也相信會給您帶來一定的幫助。如果您想了解更多有關(guān)微信代運(yùn)營的知識,可隨時選擇巨推科技-巨推傳媒進(jìn)行咨詢,咨詢電話是400-606-5558,我們會有專業(yè)人員為您服務(wù)。
巨推傳媒:www.jutui360.com
扣/微:2696584379