微信公眾號排版雖說(shuō)已經(jīng)被人講爛了,但還是有很多小編會(huì )犯下低級的錯誤,排版極其丑陋,閱讀體驗極差。這給公眾號的傳播帶來(lái)了很大的負面影響。
形象的說(shuō)排版就是公眾號的顏值,在這個(gè)看臉的世界里,顏值的重要性不言而喻,不信你看
- 為什么看了那么多排版干貨,聽(tīng)了那么多排版微課??蛇€是做不好排版呢?
羅輯思維羅胖說(shuō)過(guò):如果要在一個(gè)領(lǐng)域處于頂尖地位就必須系統的學(xué)習這個(gè)領(lǐng)域的基礎知識。問(wèn)題的關(guān)鍵就出在沒(méi)有系統的學(xué)習。所以,為了讓大家能更系統的學(xué)習公眾號排版,公子費盡千辛萬(wàn)苦,根據自身運營(yíng)3年5個(gè)公眾號的經(jīng)驗,就微信排版中的排版構成、配圖找圖、封面制作、二維碼設計、格式符號、視覺(jué)配色六大方面寫(xiě)成了微信公眾號排版系列教程。姑且稱(chēng)它為“六脈神劍”吧!
01 頂部引導關(guān)注
02 底部引導關(guān)注
03 圖文延伸閱讀
04 圖片文字行間距
05 頁(yè)邊距以及字距
06 字體大小
01 頂部引導關(guān)注
頂部引導關(guān)注顧名思義也就是位于圖文頂部引導用戶(hù)關(guān)注的部分。很多時(shí)候文章寫(xiě)的很好,但是用戶(hù)看完了就走了,沒(méi)有及時(shí)的關(guān)注你,讓你流失了大多數有價(jià)值的用戶(hù)。為了避免這個(gè)問(wèn)題,頂部引導關(guān)注的設置很有必要。
最初級的頂部引導是微信編輯器自帶的統一模板,這樣的模板簡(jiǎn)單易行,適用于初學(xué)者。(微信編輯器推薦:i排版、秀米、小螞蟻...)就是類(lèi)似于下面這些東西~~

這些看起來(lái)確實(shí)不錯,但是當你做到一定影響力之后,再用這些就顯得很沒(méi)特色。缺少自己的風(fēng)格~
這時(shí),你就需要自己做一張引導圖,這張圖務(wù)必要體現你公眾號的特色。最好凸顯你公眾號的名稱(chēng)!讓人第一眼看去就能記住的那種,因為當點(diǎn)開(kāi)圖文時(shí),首先映入眼簾的就是這個(gè),可得好好做!
類(lèi)似于這樣高逼格的,讓人一看就有欲望關(guān)注的那種~~



我想不用我說(shuō),大家就知道這些出自哪里吧?。ǚ謩e來(lái)自:丹楓茶話(huà)、Linkedln、清華南都)
這些引導圖個(gè)性鮮明,更重要的是能突出主題與公眾號定位,起到了很好的導流效果。
02 底部引導關(guān)注
除了頂部,底部引導顯得更為重要。很多公眾號沒(méi)有頂部引導,但幾乎沒(méi)有公眾號沒(méi)有底部引導。(好像有點(diǎn)拗口,能理解就行~~)因為底部引導很常見(jiàn)的一種形式是放上公眾號簡(jiǎn)介和二維碼,這樣既能讓用戶(hù)更好的了解公眾號本身,又方便用戶(hù)關(guān)注。兩全其美~
在閱讀了你的文章之后,用戶(hù)如果覺(jué)得有所收獲。這時(shí),你給他展示一個(gè)具有特色的二維碼讓他眼前一亮。這樣一來(lái),用戶(hù)不關(guān)注也得關(guān)注了。
常見(jiàn)的二維碼形式在微信編輯器中都可以找到。但是不免落俗,并且格式存在很多問(wèn)題,可能一不小心文字格式就錯亂了,這樣不能錦上添花反而起到了負面效果。
這里推薦一個(gè)更好用的工具——創(chuàng )客貼(https://www.chuangkit.com/)。這里面有專(zhuān)屬的公眾號底部二維碼模塊,可以在這里面設計然后保存成圖片上傳。操作很簡(jiǎn)單,小白稍微摸索下也能快速掌握~~


當然,更高級的玩法還是自己設計,畢竟有些想要表達的東西只有通過(guò)你不同的設計創(chuàng )意才能表達出來(lái)~~
除了這種平面的二維碼,還有三維立體的。那對我們的要求就更高了,在下面的二維碼模塊中會(huì )詳細介紹。反正總結一句話(huà),就是技術(shù)+個(gè)性+腦洞。頂部關(guān)注同是如此!
03 圖文延伸閱讀
圖文延伸閱讀類(lèi)似于推薦閱讀,讓用戶(hù)從這篇文章直接跳轉到另外一篇相關(guān)聯(lián)的文章以此來(lái)提高轉化率。不過(guò)這個(gè)功能只有獲得了原創(chuàng )功能的小伙伴才可以用,因為需要在文章中添加超鏈接~~
常見(jiàn)的推薦閱讀有關(guān)鍵詞類(lèi)、圖片類(lèi)、標題類(lèi)。



若能利用好這個(gè)方法,不僅能給用戶(hù)提供更優(yōu)質(zhì)的閱讀體驗,還能吸引更多的流量,所以,還沒(méi)設置延伸閱讀的小伙伴,趕快試試吧!可能有意想不到的效果哦。
04 圖片文字行間距

大家比較一下這兩個(gè)排版,你更喜歡哪個(gè)?
不用說(shuō)都知道第二種排版效果、感覺(jué)都比第一種好很多。
這其中就涉及到圖文間距以及行距了。一般來(lái)說(shuō),圖片和文字之間要空一行,留出空間才會(huì )更簡(jiǎn)潔更美觀(guān)。而行距則更加明顯,一般的行距為1.5或者1.75就行了。如果調整好了這兩個(gè)距離,公眾號排版就不會(huì )差到哪兒去。
當然,還有一個(gè)忌諱,避免使用大塊大塊的文字,如果一定要有,可以設置不同格式(比如某一段落引用或者減淡或者加粗,只要有點(diǎn)不一樣就行了),或者分幾小段。這會(huì )帶來(lái)完全不一樣的閱讀體驗!
05 頁(yè)邊距以及字距
- 頁(yè)邊距
除了圖片與文字之間的間距需要注意之外,更需要注意頁(yè)邊距字距和行距。紅色部分是頁(yè)邊距

為什么我要強調頁(yè)邊距呢?大家對比下就知道為什么了。

雖然不設置頁(yè)邊距也無(wú)傷大雅,還可以顯示更多內容,但設置了頁(yè)邊距的閱讀體驗明顯更好。設置了頁(yè)邊距,也就是在頁(yè)面兩邊留白了,這種留白會(huì )給人一種輕松舒適的感覺(jué),沒(méi)有就會(huì )稍顯壓抑。微信后臺沒(méi)有設置頁(yè)邊距的功能,你需要借助微信編輯器實(shí)現。
當然,頁(yè)邊距雖然好,也不能設置太寬,如果太寬導致橫向內容有效顯示區變窄就適得其反了。
- 字距
圖文間距行距頁(yè)邊距調整好之后,你的排版基本上就有一個(gè)很高的分數了。應對于大多數的排版是沒(méi)有問(wèn)題的。但是有些時(shí)候需要特殊的文字效果,這就需要你使用“字距”這個(gè)神器了。
還不懂,那么公子告訴你,本文使用的是14px、1頁(yè)邊距、1.5字距、兩端對齊。(你沒(méi)發(fā)現本文排版和外面那些妖艷賤貨不一樣嗎?這就是字距的神奇作用)
微信后臺沒(méi)有字距的設置功能,微信編輯器也沒(méi)有!
怎么破??這么好用的工具去哪兒找???
其實(shí)很簡(jiǎn)單,公子給你答案。只需要下載一個(gè)小小的插件就可以啦,去新媒體管家官網(wǎng)主頁(yè) - http://xmt.cn — 插件下載 — 選擇適配瀏覽器 — 安裝就可以啦~新版官網(wǎng)下載后直接安裝,安裝時(shí)記得勾選允許訪(fǎng)問(wèn)敏感頁(yè)面(⊙o⊙)哦


06 字體大小
- 我是14號字,一般大家都用我來(lái)寫(xiě)正文,對,我很普通。有老花眼的人可能會(huì )看不清我,但是我能滿(mǎn)足你的大多數需求。
- 我是15號字,我和14號字一樣的用途,但是大部分人都不知道我,其實(shí)只要在字號框手動(dòng)輸入“15px”就可以找到我的:-(
- 我是16號字,大家會(huì )用我來(lái)寫(xiě)標題或加粗突出某個(gè)關(guān)鍵詞。我是默認的字號,有人不喜歡我覺(jué)得我太大,╭(╯^╰)╮不開(kāi)心

01 為什么要配圖
02 怎樣尋找配圖
03 怎樣處理配圖
04 怎樣上傳配圖
05 怎樣去除水印
01 為什么要配圖
這個(gè)我就不用多說(shuō)了吧!為什么大家會(huì )用“圖文并茂”來(lái)形容你的文章排版好,而用“一團亂麻”“擠成一推”來(lái)形容你排版不好。很簡(jiǎn)單的道理,圖片所傳達出的信息觀(guān)點(diǎn)更為形象生動(dòng),更容易讓用戶(hù)記住。而單純的文字描述會(huì )讓人覺(jué)得死氣沉沉沒(méi)有活力、缺少了跳脫的感覺(jué)。
這就是為什么我的教程里講了一大推文字之后再上一張圖的原因。喏,圖來(lái)啦。

細心的小伙伴會(huì )發(fā)現,這張圖上面已經(jīng)出現過(guò)了,這兩張圖分別來(lái)自錢(qián)林英語(yǔ)大實(shí)話(huà)和老秦(原名秦陽(yáng),秋葉PPT營(yíng)銷(xiāo)總監,PPT達人,公眾號:老秦-ID:laoqinppt,很多干貨,推薦大家關(guān)注,要知道公子可不是隨便推薦別人的人),不得不說(shuō)這兩幅圖的表達效果是千差萬(wàn)別的,雖然前者知道用不同的顏色制造不同從而突出某句話(huà),但是效果不好,不及后者圖片表達來(lái)的清新自然和灑脫。
相信大家都知道配圖的重要性,但是如何尋找好的配圖?這,我還得跟你嘮嘮~~~
02 怎樣尋找配圖
在尋找配圖之前,首先你要明白配圖的要求或者準則是什么。在這里我總結了三點(diǎn),供您參考
1. 配圖的意義是輔助表達,圖片要符合全文基調起到畫(huà)龍點(diǎn)睛的作用。不可單純?yōu)榱伺鋱D而配圖;
2. 配圖質(zhì)量要求無(wú)水印,像素不能太低,拒絕有色圖片;
3. 注意版權,必要時(shí)一定著(zhù)名版權來(lái)源。
好的,明白了這些,下面公子就正式教大家如何快速優(yōu)雅準確的尋找配圖。
相信大家看過(guò)很多推薦圖片網(wǎng)站的文章,類(lèi)似于「收藏:12個(gè)免費高清圖片網(wǎng)站,你值得擁有」、「這里有23個(gè)免費高清圖片網(wǎng)站 ,客官過(guò)來(lái)看看嗎?」、「運營(yíng)小編福利 | 20個(gè)高清圖片網(wǎng)站推薦」......當然我也看過(guò),在看到這些全英文看起來(lái)十分高大上的網(wǎng)站,肯定是不明覺(jué)厲,默默地一個(gè)一個(gè)復制網(wǎng)址——打開(kāi)——收藏......然后就沒(méi)然后了......
雖說(shuō)這些網(wǎng)站的質(zhì)量確實(shí)值得肯定,但是你有時(shí)間一個(gè)一個(gè)打開(kāi)然后一個(gè)一個(gè)尋找你需要的圖片嗎??而且更可氣的是這些網(wǎng)站大部分都是英文的哦,對于我這個(gè)二級都沒(méi)過(guò)的英語(yǔ)水平簡(jiǎn)直是找虐呢好吧??!對于從事新媒體編輯3年的資(ye)深(yu)小編來(lái)說(shuō),收藏了三四十個(gè)國內外圖片網(wǎng)站。但真正用到的沒(méi)有幾個(gè),下面就分享我常用到的網(wǎng)站以及找圖方式。

PEXELS
https://www.pexels.com
運營(yíng)者的百科寶典

這是我第一個(gè)推薦的網(wǎng)站,為什么呢? 因為它的用戶(hù)體驗以及它的素材庫分類(lèi),真的做的很到位。盡管是全英文,但這絲毫不影響我找圖,因為它給圖片進(jìn)行了嚴格的分類(lèi),在Beowse -Discover Photos欄目中,你可以找到幾乎適配大部分風(fēng)格的圖片。
而且它會(huì )根據你找的圖片,自動(dòng)推薦同類(lèi)型圖片,真的是太貼心了有木有?這些圖片放到同一篇推文中最和諧不過(guò)了。本篇文章的頭圖就是在這里找的(⊙o⊙)哦~~

這真的是良心網(wǎng)站,因為很重要的一點(diǎn)就是內容全部免費。很多網(wǎng)站都會(huì )有付費圖片,還存在很多版權問(wèn)題,在這里,通通可以解決。一切都沒(méi)毛病~~~
正如它的宣傳標語(yǔ)(別問(wèn)我什么意思,問(wèn)了我也不會(huì )告訴你,╭(╯^╰)╮)
Best free stock photos in one place.
同類(lèi)型的免費網(wǎng)站還有pixabay,非常值得推薦~~


堆 糖
https://www.duitang.com/
文藝青年的聚集地

很多人都喜歡插畫(huà),比如咪蒙、晚安少年、二更食堂那種類(lèi)型。(大家自行腦補,我就不放圖啦)因為看起來(lái)文藝范兒十足而且特別有逼格,但是大家都不知道去哪兒找。有些人竟然去度娘找,我也是欲哭無(wú)淚~在這里就不得不推薦一個(gè)美好的少女心爆棚的網(wǎng)站——堆 糖
它提供工具幫助用戶(hù)保存自己喜愛(ài)的事物,并通過(guò)興趣網(wǎng)絡(luò )發(fā)現更多有趣美好事物的平臺。簡(jiǎn)單的說(shuō)這里有很多喜愛(ài)收集各種不同類(lèi)型的達人,他們會(huì )創(chuàng )建自己的專(zhuān)輯,你需要哪種類(lèi)型就去對應專(zhuān)題中去找。

這里面的專(zhuān)輯功能十分好用,你可以找到你喜歡的圖片所被收錄的專(zhuān)輯,然后一環(huán)一環(huán)找下去,真的有不一樣的驚喜呢?自己試一試吧?。ㄒ驗槲⑿胖荒苌蟼鞯陀?M的圖片,所以大家就湊活看著(zhù)吧!我找個(gè)角落哭去了~~~~~~(>_<>

我特別喜歡里面有一個(gè)動(dòng)態(tài)gif的專(zhuān)輯,里面的每張圖片都顏值爆表美到?jīng)]朋友啊~~公子第一次看的時(shí)候簡(jiǎn)直像發(fā)現了新世界!特別適合配在情感類(lèi)的文章里面哦。

哈哈,說(shuō)到動(dòng)態(tài)圖,在這里推薦個(gè)超級好用的動(dòng)圖網(wǎng)站——GIPHY(http://giphy.com)什么??你不會(huì )插入動(dòng)態(tài)圖???有沒(méi)有搞錯???動(dòng)態(tài)圖本質(zhì)就是若干幀靜態(tài)圖的疊加,所以上傳動(dòng)態(tài)圖的方式和靜態(tài)圖一毛一樣,直接后臺素材庫上傳,只是.jpg改為.gif而已,就是這么簡(jiǎn)單。

百度圖片、搜狗微信搜索
https://www.image.baidu.com/
https://www.weixin.sougou.com/
初學(xué)者的福音
如果你覺(jué)得我上面說(shuō)的這些網(wǎng)站都太麻煩,沒(méi)事,還有一種“傻瓜式的找圖”——哈哈,就是我們的度娘,這個(gè)非常適合新手,想要什么直接輸入就可以了。比如,我想寫(xiě)一篇關(guān)于鳳姐的評述,這時(shí),百度就是最好的工具了~

不得不說(shuō),當你要寫(xiě)時(shí)事評述類(lèi)的文章,百度真的是一個(gè)好工具。因為它強大的搜索引擎會(huì )把全網(wǎng)各大門(mén)戶(hù)所有與此相關(guān)的圖片匯集在一起,供您刪選。
這樣雖然好,但也有缺點(diǎn),因為來(lái)路太廣這就會(huì )導致圖片很雜,看到一些有顏色的圖片可別怪我沒(méi)提醒你哦(邪惡的微笑.jpg)

除了度娘,搜狗的微信搜索也十分好用。如果你要寫(xiě)一篇關(guān)于“明星出軌”的文章,只要搜索關(guān)鍵詞就有千萬(wàn)條相關(guān)推送撲面而來(lái),但是結果也是良莠不齊,所以要學(xué)會(huì )甄別篩選,從中挑選好的文章好的配圖,也許能起到事半功倍的效果。同時(shí)你也可以借此機會(huì )看看別人的觀(guān)點(diǎn),會(huì )對你有不一樣的啟發(fā)作用!

微 博 微 信
https://www.daV.com/
站在巨人的肩膀上找圖


CNU_blank微博擁有140多萬(wàn)粉絲,經(jīng)常會(huì )發(fā)布一些十分有逼格的圖片。風(fēng)格多樣化,包括人物、風(fēng)景、創(chuàng )意插畫(huà)等等...一條微博下的9張圖片風(fēng)格一致,非常適合放在同一篇推文里面。當然你可以在微博推薦里找到同類(lèi)型的攝影師,多嘗試,或許生活就會(huì )有驚喜(⊙o⊙)哦~~~

ART發(fā)現雖然粉絲不多,但是里面圖片的質(zhì)量以及美感可是沒(méi)的說(shuō)呀。直接上圖讓你體驗下

圖片類(lèi)型主要是插畫(huà)、手繪、油畫(huà)等。對于喜愛(ài)這一類(lèi)風(fēng)格的你來(lái)說(shuō)可是福利滿(mǎn)滿(mǎn)呀~~~~
還有視覺(jué)志、畫(huà)片集、CNU_發(fā)現大家有興趣就自己去探索吧!我始終堅信,東西不在多而在精,幾個(gè)精品就行了~~
公眾號:花瓣


這里匯集了花瓣網(wǎng)(http://huaban.com)的精彩圖片,免去了去網(wǎng)站找圖片的繁瑣。每天一更,每輯都有固定的主題,且你需要什么樣的主題可留言給小編。風(fēng)格多樣適合場(chǎng)景很多,質(zhì)量相當好,最重要的是沒(méi)有水印,但用的時(shí)候別忘了注明設計師(⊙o⊙)哦。
當然,更簡(jiǎn)單的方式是直接去你平時(shí)喜歡的公眾號里找,不管大號小號都行。但一定要注意的是他的圖片與你的行文風(fēng)格匹配,這才是最重要的。
03 怎樣處理配圖
圖片找完了,怎樣進(jìn)行處理呢?基于微信后臺的限制——靜態(tài)圖最大不超過(guò)5M,動(dòng)態(tài)圖最大不超過(guò)2M。該怎么解決這個(gè)問(wèn)題呢?
一般單反拍出來(lái)的圖片或者像素很高的手機拍出來(lái)的圖片大小都會(huì )超過(guò)5M,這該怎么解決呢?哈哈,別擔心,公子傳授你秘籍。登錄電腦版微信或者電腦版QQ把圖片直接發(fā)到電腦上,記得發(fā)的時(shí)候不要勾選原圖。
可能有的小伙伴會(huì )覺(jué)得圖片質(zhì)量受到了損傷,其實(shí)不用擔心,高清圖片在壓縮后在微信端的效果也是很不錯的,不信你看

靜態(tài)圖是解決了,動(dòng)態(tài)圖呢?動(dòng)態(tài)圖可是不能超過(guò)2M(⊙o⊙)哦,唉,這可急壞了我,當然有萬(wàn)能神器PS。但是PS一般人不會(huì )用呀,該怎么解決呢?
哈哈,別急,經(jīng)過(guò)公子的百般探索追尋,層層刪選,終于找到了最優(yōu)質(zhì)最好用的動(dòng)圖壓縮工具。本文所有g(shù)if動(dòng)圖均為它壓縮~~
百度搜索“小豬動(dòng)圖”就可以獲得神秘工具哦~~
還不趕快試一下,享受非一般的感覺(jué)~~
04 怎樣上傳配圖
這個(gè)我想大家看到后會(huì )覺(jué)得我無(wú)病呻吟(不知道用的準不準確,反正我就想到這個(gè)詞)吧!這么簡(jiǎn)單的流程還要教嗎??不就是這樣嗎點(diǎn)擊圖片——本地上傳——選擇——打開(kāi)——確定。So easy呀!

總共需要5步,過(guò)程相當繁瑣,那你知道還有另外一種更簡(jiǎn)單的方式嗎?既然我這樣問(wèn),當然有更好的方式推薦,這種方式只需要兩步就能輕松上傳。
沒(méi)錯,這種方法我把它命名為萬(wàn)能CV大法!你只需要找到你喜歡的圖片,直接復制,到公眾號后臺,直接粘貼(ctrl+V)!只需要兩步,就是這么簡(jiǎn)單!

但是還有些時(shí)候,你只需要圖片的一部分或者網(wǎng)頁(yè)不允許復制,這時(shí)怎么辦呢?沒(méi)關(guān)系,我們有萬(wàn)能CV大法進(jìn)階式——截圖+粘貼法,就稱(chēng)為JV大法吧!直接上圖

可能有小伙伴就會(huì )問(wèn)了,我不會(huì )截圖我沒(méi)有截圖工具怎么辦呢?簡(jiǎn)單,這么簡(jiǎn)單的事情直接問(wèn)度娘吧!可以告訴大家QQ和微信是兩款不錯的截圖工具。后續更好用的截圖工具介紹請繼續關(guān)注公子的推送~~么么·
PS.萬(wàn)能CV大法和JV大法如果出現圖片上傳失敗的情況,刷新下網(wǎng)頁(yè)重新操作就OK了~~
05 怎樣去除水印
水印是顯示版權的標志,有了水印可以更好地維護自己的權益。但是水印實(shí)在太影響美觀(guān),真有點(diǎn)雞肋的感覺(jué)~
不過(guò)呢,如果你是一個(gè)小號,而且創(chuàng )作內容不是以圖片形式展示,那你就沒(méi)必要有這樣的擔心了。你就放心大膽的去除水印吧!
對于原本就有水印的圖片我們可以用上文提到的“JV大法”來(lái)去除。而對于自己公眾號的水印,則更簡(jiǎn)單啦,只需要簡(jiǎn)單的設置即可!

去水印時(shí)一定要注意版權的歸屬問(wèn)題(⊙o⊙)哦,因為圖片侵權而遭到投訴可得不償失呀!

01 封面大小樣式
02 封面設計準則
03 封面設計流程
04 經(jīng)典封面欣賞
01 封面大小樣式
封面分為主(大)封面和副(?。┓饷?。而主封面大小又和手機有關(guān)。安卓的大小為1108px*500px,而蘋(píng)果的為900px*500px。分享給朋友和發(fā)到朋友圈時(shí)只顯示中間的部分~~說(shuō)這么多可能大伙也不清楚,直接上圖吧!

這是某知乎大V利用標準的900px*500px制作的圖片
iPhone不會(huì )對圖片進(jìn)行裁剪
iPad會(huì )對圖片左右兩側進(jìn)行裁剪
Android會(huì )對圖片上下兩側進(jìn)行裁剪
分享給朋友/到朋友圈會(huì )直接裁剪至只剩中間部分(上圖紅色部分)

什么,看不懂?看完這些還是一臉懵逼!沒(méi)事,公子再教你一個(gè)絕招,讓我們祭出我們的神器——PPT。對!你沒(méi)聽(tīng)錯,就是它

只需要把PPT默認的編輯界面4:3調整為16:9。(設計-幻燈片大小-16:9)然后就盡情地發(fā)揮你的想象力吧??!那些亂七八糟的大小樣式,都見(jiàn)鬼去吧~~

02 封面設計準則
在設計封面之前,首先你要明白封面的設計準則是什么。在這里我總結了三點(diǎn),供您參考
1.封面旨在傳遞文章主旨、內涵,不能偏離初衷單純?yōu)榱撕每从斜聘穸x擇與圖文不符的封面圖;
2.基本的標準還需簡(jiǎn)約大氣,切忌花色字數過(guò)多,排版凌亂;
3.封面設計應有一個(gè)固定的與圖文和行文相近的風(fēng)格。
03 封面設計流程
很多人一聽(tīng)到設計這個(gè)詞就瘆得慌,覺(jué)得很難自己做不了。其實(shí)你大可不必有這顧慮,公子交給你兩個(gè)神技,即使是小白,也能快速成為設計大神~~

創(chuàng )客貼
(https://www.chuangkit.com)
這個(gè)被譽(yù)為網(wǎng)頁(yè)版Photoshop的神器真的十分好用,因為它解決了我們很多的問(wèn)題,將PS簡(jiǎn)單化,像搭積木一樣設計,把一個(gè)個(gè)素材分解再搭建。只要你有足夠的創(chuàng )意,分分鐘讓小白變大神~~


你可以搜索你需要的任何素材,這兒每天都會(huì )更新大量模板以及矢量素材,一次性滿(mǎn)足你的所有設計需求~~


PPT
PPT也是十分方便,因為這兒可以使用你電腦安裝的所有字體,真的6到飛起~~,你可以有三種方法導成圖片
1.另存為圖片;

2.全選 - 粘貼;

3.截圖 - 粘貼。

04 經(jīng)典封面欣賞




01 二維碼家族
02 二維碼美顏
03 二維碼創(chuàng )意
04 二維碼引導設計
05 經(jīng)典二維碼欣賞
01 二維碼家族
二維碼家族分為靜態(tài)和動(dòng)態(tài),靜態(tài)又分為黑白、彩色和創(chuàng )意;動(dòng)態(tài)分為二維和三維,真是一個(gè)龐大的家族呀!哈哈,直接上圖吧!



02 二維碼美顏
認識完二維碼家族之后,相信大家都開(kāi)始覺(jué)得自己的二維碼簡(jiǎn)直丑爆了,迫不及待地想把自己的二維碼美顏一番,哈哈,別急,公子這就教你如何讓自己的二維碼更好看~~
好看其實(shí)很簡(jiǎn)單,就是把二維碼升級!比如黑白升級為彩色,彩色升級為創(chuàng )意二維碼~~靜態(tài)升級為動(dòng)態(tài),就是這么簡(jiǎn)單。
有的小伙伴就會(huì )想了,給二維碼上色,直接用PS呀!想涂什么顏色就涂什么顏色~~呃(⊙o⊙)…這的確可以,但是成本太大,一般的小白簡(jiǎn)直無(wú)從下手呀!沒(méi)事,公子帶你上車(chē)帶你飛~~一個(gè)老少皆宜簡(jiǎn)單易行的方法奉上~~

草料二維碼
http://cli.im/weixin
二維碼加工廠(chǎng)

只需要輸入你公眾號的微信號或者上傳你的二維碼,經(jīng)過(guò)簡(jiǎn)單的制作,就能生成一個(gè)顏值爆表的二維碼啦~~簡(jiǎn)直6到飛起
二維碼樣式可以進(jìn)行自行DIY,有豐富的樣式供你選擇~~

是不是特別簡(jiǎn)單,只需要簡(jiǎn)單幾步就能得到美顏后的二維碼bling~~值得一提的是,除了美化公眾號二維碼之外,草料二維碼還支持將圖片、文字、鏈接等轉化為二維碼,這真的十分方便。

第九工廠(chǎng)
http://www.9thws.com
創(chuàng )意二維碼制作

第九工廠(chǎng)的二維碼都十分有個(gè)性,設計感十足。里面有大量免費模板套用,當然如果你不滿(mǎn)意這些想私人訂制的話(huà)出一點(diǎn)錢(qián)還是可以的~~
03 二維碼創(chuàng )意
說(shuō)到二維碼創(chuàng )意,就要說(shuō)到二維碼的優(yōu)點(diǎn),二維碼具有容錯能力強,具有糾錯功能,即使二維碼部分被覆蓋或丟失,依舊能識別出記錄的完整信息。這一特性給了它創(chuàng )造無(wú)限創(chuàng )意的可能。下面就列舉幾種創(chuàng )意,希望給你一些啟發(fā)~
- 局部遮擋
把宣傳物主題的核心元素(例如:公司logo,個(gè)人頭像)與二維碼搭配顯示,通過(guò)適當的遮擋、構圖,可以營(yíng)造出不一樣的時(shí)尚感。

- 創(chuàng )意造型
把二維設計為一個(gè)生動(dòng)形象的人物或者物品,會(huì )大大地吸引人們的眼球,給你看看這些腦洞~~

- 元件再造
把二維碼分解,通過(guò)各種場(chǎng)景各種物件拼湊成二維碼的樣式,樓房、蛋糕、彈珠......只有想不到,沒(méi)有做不到~

04 二維碼引導設計
講了這么多關(guān)于二維碼的姿勢,到最后可不是沒(méi)用的,因為我們要應用到公眾號底部引導設計
上面我們見(jiàn)到的超炫酷的二維碼,大部分都可以通過(guò)上面推薦的網(wǎng)站完成,下面我們就以上面二維碼為素材,教大家如何優(yōu)雅設置公眾號底部引導~~
還是兩個(gè)工具,創(chuàng )客貼和PPT
今天,主要說(shuō)下怎樣用PPT來(lái)制作底部引導。
其實(shí)PPT的設計原理非常簡(jiǎn)單即各種素材的有機組合+素材效果的搭配

這里就以我的二維碼引導為例給大家簡(jiǎn)單演示,你可以利用你電腦中的特殊字體來(lái)設計你的名稱(chēng),簡(jiǎn)介以及你的聯(lián)系方式還有你想說(shuō)的話(huà)都可以加,直接像做PPT一樣就行,我給我的二維啊加了個(gè)鏡像的樣式,你也可以根據情況調整~~
可能有小伙伴會(huì )好奇,二維碼的背景怎么弄?就是那些藍紫色充滿(mǎn)青春活力的方塊,哈哈,公子再奉上一款神器~

千庫網(wǎng)
http://588ku.com
設計師的素材庫

正如網(wǎng)站的宣傳標語(yǔ)——免摳PNG元素庫,這里有海量的PNG(透明)元素,有了這些,少了很多摳圖的煩惱,下載之后直接用,簡(jiǎn)直爽到飛起~~

除了做底部引導,做海報、傳單、名片都可以來(lái)這兒找素材(⊙o⊙)哦,簡(jiǎn)直全能,絕對是設計汪的福音!趕快試試吧~~
一切都做好之后怎樣上傳到公眾號后臺?上面有詳細解說(shuō)~~不過(guò)要注意的是,做的時(shí)候一定要保證大小覆蓋整個(gè)頁(yè)面,否則會(huì )導致像素過(guò)低字體顯示不清晰的現象。
05 經(jīng)典二維碼欣賞


01 格式清除大法
02 文字使用規范
03 擺脫微信編輯器
04 幾個(gè)小符號推薦
01 格式清除大法
微信排版時(shí),格式問(wèn)題一直是小編們最頭疼的問(wèn)題,這里字體不對,那里行間距太寬,圖片沒(méi)有居中......這里搞定了,那里又出問(wèn)題了,搗鼓完格式之后就花了幾個(gè)小時(shí),這使得推文效率大大降低。

其實(shí)微信默認的編輯器十分好用,格式問(wèn)題完全可以在這里解決。這里有一個(gè)“清除格式”的按鈕
選中需要轉換格式的文字,點(diǎn)擊清除格式后,原文自動(dòng)變成默認標準格式(微軟雅黑、16px、黑色、字距0、行間距1.5、頁(yè)邊距0)。然后你就可以在默認的字體上進(jìn)行格式的創(chuàng )作啦~~~
當然,還有一種更簡(jiǎn)單的方法。直接把需要恢復格式的文字粘貼到瀏覽器的搜索框中或者電腦的日記本中,再直接復制到后臺。就完全沒(méi)有格式啦~~

就是這么簡(jiǎn)單,學(xué)會(huì )了沒(méi)有?
02 文字使用規范
(版權所有?A1ter)
很多人長(cháng)這么大了,都還搞不懂什么是聲母韻母。這文字使用規范,就好比文字的編排基礎,文字的使用要遵從的官方標準。用好了,會(huì )讓你的文字看起來(lái)特別舒服,要是沒(méi)掌握好,就會(huì )導致你的文字不倫不類(lèi)。
哼哼(裝腔做調狀),下面公子就好好地給大家講一下這文字使用規范。(93.72%的編輯都不知道的干貨)
空 格
- 中英文之間需要增加空格
正確:我今天聽(tīng)了 Eason Chan 的演唱會(huì )。
錯誤:我今天聽(tīng)了Eason Chan的演唱會(huì )。
例外:「豆瓣 FM」等官方名詞,按照官方所定義的格式書(shū)寫(xiě)。
- 中文與數字之間需要增加空格
正確:今天出去買(mǎi)了辣條花了 100 元。
錯誤:今天出去辣條花了100元。
- 數字與單位之間需要增加空格
正確:我家的光纖入屋寬帶有 20 Gkbps,硬盤(pán)一共有 20 TB。
例外:度/百分比與數字之間不需要增加空格。
正確:今天是 33°的高溫。
錯誤:今天是 33 °的高溫。
錯誤:這款手機比上一代有 15 % 的性能提升。
- 全形標點(diǎn)與其他字符之間不加空格
正確:剛剛買(mǎi)了一部 iPhone,好開(kāi)心。
錯誤:剛剛買(mǎi)了一部 iPhone, 好開(kāi)心。
標點(diǎn)符號
- 不重復使用標點(diǎn)符號
正確:德國隊竟然戰勝了巴西隊!
正確:她竟然對你說(shuō)「喵」?!
錯誤:德國隊竟然戰勝了巴西隊??!
錯誤:她竟然對你說(shuō)「喵」????!
- 使用全形中文標點(diǎn)
正確:嗨!你知道嘛?今天她跟我說(shuō)「喵」了哎!
錯誤:嗨!你知道嘛?今天她跟我說(shuō)”喵”了哎!
注意:不要混用中英文標點(diǎn)符號。
- 數字使用半角字符
正確:這盒蛋糕只賣(mài) 1000 元。
錯誤:這盒蛋糕只賣(mài) 1000 元。
例外:在設計稿、宣傳海報中如出現極少量數字的情形時(shí),為方便文字對齊,是可以使用全形數字的。
- 遇到完整的英文整句、特殊名詞,其內容使用半角標點(diǎn)
正確:?jiǎn)處椭髂蔷湓?huà)是怎么說(shuō)的?「Stay hungry,stay foolish.」。
錯誤:?jiǎn)處椭髂蔷湓?huà)是怎么說(shuō)的?「Stay hungry,stay foolish.」。
名 詞
- 專(zhuān)有名詞使用正確的大小寫(xiě)
大小寫(xiě)相關(guān)用法原屬于英文書(shū)寫(xiě)范疇,在這里只對部分易錯用法進(jìn)行簡(jiǎn)述。
正確:使用 Facebook 登錄。
正確:我們的客戶(hù)有 GitHub、Microsoft Corporation、Google、Facebook,Inc.。
錯誤:使用 facebook 登錄。
錯誤:使用 FaceBook 登錄/使用 facebooK 登錄。
- 不要使用不地道的縮寫(xiě)
正確:我們需要一位熟悉 JavaScript、HTML5,至少理解一種框架的前端開(kāi)發(fā)者。
錯誤:我們需要一位熟悉 Js、h5,至少理解一種框架的開(kāi)發(fā)者
03 擺脫微信編輯器
很多初學(xué)運營(yíng)的小伙伴都會(huì )過(guò)度依賴(lài)于微信編輯器,好像沒(méi)有了微信編輯器就不會(huì )排版一樣。其實(shí),不應過(guò)度依賴(lài)微信編輯器,它的作用應該只是輔助作用。
在前幾輯我都提到過(guò),排版應當簡(jiǎn)約大方,花花綠綠的不是一個(gè)好排版。所以,用好微信默認的編輯器,也能排出相當優(yōu)美的排版~~具體的操作規范前幾輯都有詳細說(shuō)明,今天,我就講點(diǎn)不一樣的。
當你看到讓自己眼前一亮的排版時(shí),會(huì )不會(huì )很想跟他學(xué)習。恨不得把他的排版復制過(guò)來(lái),其實(shí),真的是可以這么做。轉載過(guò)別人文章的小伙伴應該都知道,轉載時(shí)復制文章到后臺是完全復制的,所有的字體、格式、圖片、甚至留言點(diǎn)贊,都會(huì )復制。這給格式的修改帶來(lái)了很大的不便。今天就給大家帶來(lái)一款神器,直接通過(guò)圖文鏈接采集文章,再也不用擔心格式問(wèn)題~\(≧≦)/~啦啦啦。想必聰明的小伙伴已經(jīng)猜到啦,這個(gè)神器就是上文提到的插件(⊙o⊙)哦


這樣做的好處就是,你可以直接復制你上一篇文章的排版和格式,在它的基礎上進(jìn)行修改創(chuàng )作。既能夠保證整體排版風(fēng)格一致,也能省去大量時(shí)間,實(shí)乃兩全齊美!
有的小伙伴就會(huì )問(wèn)了,這樣還是不能擺脫微信編輯器呀!別急,當你看到你喜歡的排版風(fēng)格時(shí),你可以收藏鏈接后通過(guò)上面的方法套用格式。這個(gè)格式不僅僅是正文的格式,它還包括標題、圖片、引用等的格式,看到好的喜歡的,都可以直接“借鑒”過(guò)來(lái)。當然,你只需要某一部分的排版時(shí),你也可以打開(kāi)微信網(wǎng)頁(yè)版直接復制你需要的內容~~真的是方便至極呀!

掌握了這個(gè)技能,輕輕松松擺脫微信編輯器!
04 幾個(gè)小符號推薦
相信對公眾號有關(guān)注的小伙伴都會(huì )發(fā)現,越大的號,排版越簡(jiǎn)潔?;旧暇褪俏淖?符號+數字。這里最有代表性的就是咪蒙啦~~咪蒙大家都不陌生,她作為我們公眾號屆神一般的存在真是又讓人羨慕又讓人敬佩。她的排版十分簡(jiǎn)單,被稱(chēng)為“咪蒙風(fēng)”,基本上只有數字加向上的三角符號。

所以今天推薦的第一個(gè)符號就是他們 “▼▽ ▲△”
就是這四個(gè)家伙,搜狗、百度輸入法都有。這些符號用處十分廣泛,更重要的一點(diǎn)是它們看起來(lái)逼格特別高~~
“▼▲” 可以用在分段中間的標題,或者作為引導用戶(hù)向下向上看。用心的小伙伴就會(huì )發(fā)現,本文就應用了很多這兩個(gè)符號。
值得一提的是,把幾個(gè)組合起來(lái)會(huì )有分割的效果(⊙o⊙)哦!不信你看
▼▼▼▼▼▼▼▼▼▼
“▽ △”這兩個(gè)符號用法和上面兩個(gè)類(lèi)似,將它們組合起來(lái),會(huì )有意想不到的效果哦~~
▽▼▽▼▽▼▽▼▽▼▽▼
除了這幾個(gè)小符號之外,我還喜歡用這個(gè)“「 」”
這個(gè)既沒(méi)有(小括號)那么平凡,又沒(méi)有 [中括號] 和 {大括號} 那么難看。用在特殊的需要標注的詞語(yǔ)上真是逼格滿(mǎn)滿(mǎn)呀有木有!本文的標題就用的這個(gè)符號~在搜狗拼音輸入法中按住ctrl + shift +z就可以找到啦~~

除了以上兩個(gè)最常用的,其實(shí)還有很多值得推薦,它們比微信編輯器中的好用多了~比如
【】和 | 可以用來(lái)劃分專(zhuān)輯篇目
@都可用來(lái)表示版權
~加在文字后面有一種輕松活潑的感覺(jué)
還有微信默認的引用符號,也是顏值爆表(就是這些字最前面的豎杠)
......

好了,說(shuō)了這么多的微信編輯器的不好,那么,微信編輯器真的一無(wú)是處嗎?非也,我前面有提到過(guò),微信編輯器只是輔助的功能,它可以提供好看的符號還有正文和圖片的格式,有一些還是相當好看的,比如這些~



(簡(jiǎn)書(shū)顯示限制,完整版移步微信公眾號)除了這些高逼格的小符號之外,微信編輯器還會(huì )根據時(shí)下熱點(diǎn)更新相應排版樣式,比如過(guò)年了,各大微信編輯器就會(huì )多了這些樣式




微信編輯器效果樣式種類(lèi)豐富,但不可濫用。除了以上這些樣式,還有很多隱藏樣式等你來(lái)解鎖,比如“朋友圈樣式”“微信聊天樣式”等等
反正不管怎么說(shuō),任何事物都有利弊。我們應結合默認編輯器和微信編輯器的優(yōu)點(diǎn),制作出我們心儀用戶(hù)滿(mǎn)意的排版~

01 整體展現
02 顏色展現
03 字體展現
04 搭配建議
01 整體展現
好的衣著(zhù),必定是簡(jiǎn)潔大方不拖泥帶水的。所以一個(gè)好的排版也必定是讓人看得舒服明了、神清氣爽的。錯位的元素,少見(jiàn)的配色,不一樣的動(dòng)效與變化,都能促成一個(gè)令人難忘的優(yōu)秀的排版頁(yè)面。
排版之前你先要有一個(gè)概念,你的文章所要傳遞出的價(jià)值是什么?是擊中人靈魂深處的深度閱讀還是茶余飯后休閑的淺閱讀。這兩種內容在整體展現上是有不一樣的方式的~

排版的整體展現說(shuō)白了就是審美的整體展現,這個(gè)不是可以通過(guò)文字描述,而是通過(guò)大量的欣賞、思考和表達出來(lái)的。所以,想要提高審美水平,還需大量的刻意地觀(guān)賞~~
比如,你很喜歡某個(gè)公眾號的排版,你就把它的排版采集(前文有講到)到公眾號后臺仔細研究、拆解。從中發(fā)現它的布局構圖的規律。
當然,不局限于公眾號,多看一些優(yōu)秀的網(wǎng)站、高質(zhì)量的圖片、以及美術(shù)畫(huà)展,對你的審美水平都是很有幫助的~

02 顏色展現
顏色是最直接的視覺(jué)體現,每個(gè)公眾號都應有自己的主色調,所以顏色的選擇對你文章的品質(zhì)有著(zhù)至關(guān)重要的作用。要想用好顏色,得知道顏色搭配的基本準則,這些準則一定是得遵守!
- 不用彩虹色
簡(jiǎn)單的說(shuō)就是一篇文章不應出現過(guò)多的顏色,2-4種為宜,超過(guò)4種萬(wàn)萬(wàn)不可。色彩的使用,是為了達到某種效果,太多的色彩聚合到一起,就只是顏色而已,用戶(hù)不能集中注意力,失去了使用顏色的初衷。
當然這2-4種顏色應當確定,要保持文章色調的一致。
- 巧用過(guò)渡色
什么是過(guò)渡色?簡(jiǎn)單的說(shuō)就是純度沒(méi)有100%的顏色。

因為太純正的顏色多了會(huì )給人一種壓抑的感覺(jué),往往中間不太純正的過(guò)渡色會(huì )讓人更加舒服~用得好也會(huì )讓你整篇文章的逼格提升不少。
- 據內容配色
我們先說(shuō)下通常顏色對應于內容的搭配:
紅色:黨政類(lèi)用的比較多,代表吉祥、喜氣、熱烈、奔放、激情、斗志、革命。
藍色:商務(wù)類(lèi)、科普類(lèi)、分析性文章等用的比較多,代表理性、冷靜、智慧、永不言棄。
橙色:飲食類(lèi)用的比較多,代表明亮、華麗、健康、興奮、溫暖、歡樂(lè )。
綠色:環(huán)保類(lèi)、養生類(lèi)、植物類(lèi)用的比較多,代表清新、希望、安全、平靜、舒適、生命、和平。
黃色:宮廷建筑類(lèi)用的比較多,代表高貴、輝煌、富貴。
當然我們這里說(shuō)的顏色搭配也不是絕對的,要根據文章的整體構思來(lái)進(jìn)行顏色的選取,通過(guò)不同顏色的融合,讓文字散發(fā)不一樣的色彩。
很多小編都鐘愛(ài)黃色,很多微信編輯器默認主色調都是黃色(千萬(wàn)別想歪)。因為黃色很溫暖,視覺(jué)效果也不錯~而有關(guān)注我公眾號的小伙伴就會(huì )知道,我的主色調是深藍色,我認為很深邃、很低調、符合我文章的品性。
優(yōu)秀的配色方案并不只是確保視覺(jué)上的一致性,更重要的是讓內容和色調情緒上保持一致。
03 字體展現
字體的選擇也要根據文章內容來(lái)呈現,因為避免混亂,微信的字體為默認的微軟雅黑且不支持更改。這就讓我們只能在字體大小上下功夫了~以下是幾種常見(jiàn)大小字體的使用范圍~
12px:用于一些標注,版權做作者或者超鏈接引導;
14px:主流大小,偏文藝,適用于情感文、干貨文;
15px:和14px區別不大,能駕馭文藝和正式兩種文字;
16px:偏大,適用于時(shí)政新聞較為正式的場(chǎng)合;
18px:強調專(zhuān)用的,或者寫(xiě)給老年人看的字體。
既然微信只允許使用微軟雅黑,有些小伙伴可能會(huì )好奇為什么有些公眾號卻能顯示很好看的字體。
例如這樣的

哈哈,相信認真看過(guò)我往期教程的小伙伴已經(jīng)猜到啦,其實(shí)就是以圖片的形式展現。直接在 PPT 中寫(xiě)上自己要插入的字體,然后截圖復制到微信后臺就可以啦~
04 搭配建議
在一篇文章中,要根據內容選擇相應搭配。例如情感類(lèi)可以選用愛(ài)情gif(別想歪了),:-( 也解釋不清,直接上圖吧!

干貨類(lèi)搭配圖表和商務(wù)類(lèi)圖片比較配,輕松類(lèi)就可以搭配一些動(dòng)圖、表情包~
反正盡情發(fā)揮你的創(chuàng )意,打造出你專(zhuān)屬風(fēng)格的排版很重要。
PS. 微信排版六脈神劍系列教程到這兒已經(jīng)完結,我相信如果你能從頭到尾仔細研讀,會(huì )有意想不到的收獲。還是希望大家多嘗試!因為看得再多不做也是白搭。
微信排版創(chuàng )意無(wú)限,我也需要不斷學(xué)習,完善自己的知識架構,因為只有這樣,才能在新時(shí)代新媒體的洪流中立于不敗之地!
如果你有想對公子說(shuō)的話(huà),歡迎留言或者后臺勾搭!如果你覺(jué)得寫(xiě)得好,歡迎分享給身邊需要的朋友~~



聯(lián)系客服