91视频麻豆精品高清无码一区二区|嘘嘘超碰免费在线|五月天欧美自拍偷拍|亚洲欧美日韩另类二区

關(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