這文章之前發過一次，後來因為中間一些圖片涉及到前公司的商業利益，就刪掉了。
之後陸陸續續有朋友找我要原文，於是再發一次。
以還是先免責，以下經驗都是些不成熟的小建議，適合新手。
如果您覺得有幫助，我當然功德圓滿了。
如果您覺得沒什麼用，千萬別浪費時間。
如果您是專業設計的，歡迎批評指正，留言區探討交流。
這篇接近萬字的排版教程一共五個部分。
第一部分是一些設計的通用技巧。
第二部分微信公眾號排版。
第三部分是PPT的使用 tips。
最後兩個部分是一些好用的工具網站。
小葵花設計課堂，正式開課啦。
Part1. 設計通用原則這一部分，首先給大家說說一些自己瞎琢磨的設計通用原則。
1.1 圖片重心放中央—此原則我個人覺得十分好用，極其適合新手，適用於一切視覺設計內容。
就一句話：【將圖片的重心，放在視覺正中心】。
人天生喜歡對稱，表現在設計上，便是平衡。
如何達到平衡？
就是「保持圖片的重心，處於視覺正中心」。
以下兩張圖，來自在網上隨意下載的一個PPT模版。
不知道你更喜歡哪個？反正我是覺得，上面的圖，明顯比下面的圖，看起來要舒服。
這是為什麼呢？ 因為左邊的圖，重心處於視覺中心。
給大家簡單揭秘如下：
此圖的重心明顯偏上，從而圖片重心失衡。
那麼如何讓圖片的重心處於視覺中心呢？
至少有四種方式。
對稱大家應該都理解。也就是攝影中的中心構圖。
我從 behance 上面找示例圖，發現對稱類型的圖最多。
如，左右對稱：
圖片來源：
https://www.behance.net/gallery/79774145/Lets-Get-Better-Together?tracking_source=best_of_behance_big_covers
圖片來源：
https://www.behance.net/gallery/82975289/KUKERI?tracking_source=best_of_behance_big_covers
圖片來源：
https://www.behance.net/gallery/78728429/The-Drawing-Room-Bar-at-St-Regis-Hong-Kong?tracking_source=best_of_behance_big_covers
上下對稱：
圖片來源：
https://www.behance.net/gallery/80213877/Branding-Equo-beauty-store?tracking_source=best_of_behance_big_covers
圖片來源：
https://www.behance.net/gallery/82292693/Climate-Changed?tracking_source=best_of_behance_big_covers
1.1.2 對角線對角線穩住了圖片的重心，畫出來大概是這樣：
下圖也是如此：
圖片來源：
https://www.behance.net/gallery/77541251/Nomadic-Tribe?tracking_source=best_of_behance_big_covers
圖片來源：
https://www.behance.net/gallery/79774145/Lets-Get-Better-Together?tracking_source=best_of_behance_big_covers
中心圖片有點類似人物特寫攝影，直接把主要內容放中間，重心就位於視覺正中心了。
圖片來源：
https://www.behance.net/gallery/65762469/Chlo-Salon-de-coiffure-Montpellier?tracking_source=best_of_behance_big_covers
圖片來源：
https://www.behance.net/gallery/83515481/Barrio-Series-Vol2?tracking_source=best_of_behance_big_covers
圖片來源：
https://www.behance.net/gallery/82853669/Emotions?tracking_source=best_of_behance_big_covers
圖片來源：
https://www.behance.net/gallery/82600847/TCM-logo-alphabet?tracking_source=best_of_behance_big_covers
1.1.4 重複所有的平鋪圖，都是因為重複實現了重心趨中的效果：
圖片來源：
https://www.behance.net/gallery/82261217/Characters-Plasticine?tracking_source=best_of_behance_big_covers
圖片來源：
https://www.behance.net/gallery/82224315/The-New-Gods-(TV-Kills-Everything-2019)?tracking_source=best_of_behance_big_covers
1.1.5 將他們組合起來當然，以上的四種方式可以組合使用。
比如，對稱 + 重複：
圖片來源：
https://www.behance.net/gallery/83952629/Emojis-and-asphalt-sketchbooks-summer-2019?tracking_source=best_of_behance_big_covers
圖片來源：
https://www.behance.net/gallery/83844069/The-Many-Lives-of-Erik-Kessels?tracking_source=best_of_behance_big_covers
對角線 + 重複：
圖片來源：
https://www.behance.net/gallery/80931399/Neilsons?tracking_source=best_of_behance_big_covers
圖片來源：
https://www.behance.net/gallery/82892587/MIES?tracking_source=best_of_behance_big_covers
【重心放中心】原則非常好用，掌握了此一項最基本最通用的設計原則，我們至少可以做兩件事：
首先，我們一旦拿到一張圖，就能迅速分析出此圖的構圖，能用簡單的線條秒速畫出此圖的結構。
第二，此條準則適用於畫畫，作圖，微信公眾號排版，拍照，以及攝影等所有視覺化呈現領域。
大家記住這個原則，並將其運用至每天的生活中，有奇效！強烈推薦給大家！！！
1.2 模仿一切技能的習得，第一步，永遠是模仿。
設計如何模仿？
很簡單——拿到一張好看的圖，分析它的結構與顏色，並將其運用到你的設計之中。
我用我個人最愛的設計網站， behance，給大家演示一下。
上面的圖非常好看，不過都有版權，使用的時候要格外小心。
但是，它最好用的地方，不在於簡單粗暴地拿來使用，而是提供設計的靈感。
比如，模仿圖片的顏色。
這是原圖：
圖片來源：
https://www.behance.net/gallery/80243037/Dimple-A-clear-vision-for-change?tracking_source=best_of_behance_big_covers
這是我按照這個圖片的配色，做的兩頁PPT：
我們還可以模仿元素的位置擺放。
這是原圖：
這是仿照這張圖做的PPT：
(圖有些沒扣乾淨，大家理解這個意思就好）
或者是，大膽地，模仿圖片的結構布局。這是原圖：
這是模仿這張圖做的一頁PPT：
萬圖皆可學習。找一些好看的圖，試試自己動手模仿看看吧：）
Part2 微信公眾號排版2.1 我們排版是為了什麼？—首先，不是每個人都需要微信公眾號排版。
有些微信公眾號從不排版，還能做到每篇超多閱讀量。
比如程式設計師霍炬老師，以豐滿信息量和妙趣橫生的故事取勝，已經吸引了固定讀者群，排版於他，完全是一種時間浪費。
霍老師微信公眾號截圖
但如果我們希望能精準表達重點、增加可讀性與傳播性，那麼請站在用戶的角度，認真地考慮一下他們的感受與愉悅度。
比如，同樣是高信息量文章，右邊的排版是不是能夠讓你一下抓住重點？
再比如，同樣是 一個大標題 + 主要段 的結構，右邊的排版是不是更加簡潔好看？
再比如，同樣是需要運用到設計元素，右邊是不是X格更高？
排版至少能幫你做到一下三件事：
1. 突出重點，輔助內容輸出。
2. 清晰劃分文章結構。
3. 增加可讀性，將讀者的注意力多留久一點。
高階玩家，甚至還可以利用排版強化品牌的風格調性。
比如「時尚先生」的主題綠：
2.2 基本格式
因為大部分的微信公眾號都是以文字為主，所以字體醜，怎麼都醜，字體好看，怎麼都醜不到哪裡去。
目前主流微信公眾號都拋棄了【默認字體】，選用了一種叫做【中文細體字】的字體。
字體對比如下：
上圖是默認字體，下圖是中文細體。下圖明顯更文藝，更清秀。
微信後臺的編輯器是沒有字體選項的，所以我們需要一些技巧來更改字體。
我們可以在後臺編輯器改代碼。
如果你會編程，那麼你可以僅用微信公眾號的編輯頁面就能做到很多事情。
比如改字體，你只需要一行代碼：
<p style="font-family: Optima-Regular, PingFangTC-light"
font-family就是字體的意思。Optima-Regular 顯示英文；PingFangTC-light顯示中文。
不懂編程的小夥伴，就需要借用一些工具了。
比如，秀米編輯器。
或者，135編輯器。
以及我最常用Chrome瀏覽器 + 新媒體管家的插件。
安裝插件，原本的微信後臺編輯器可以擴充七種字體。
2.2.2 格式
字間距：如果文字較多，1.5倍；如果文字較少，2倍也可以嘗試一下。新世相文章的邊距都是 16px，比較適合偏情感風格的文章，看起來不會擠在一起，讀起來比較輕鬆。字體顏色：純黑是 #000000#，更加適合閱讀的灰色有 #595757# #3f3f3f# ，批註顏色，最淡的灰色，顏色代碼為 #888888# #d6d6d6#。2.3 一些tips這一部分給大家介紹一些得非常容易學習，又非常好用的PPT小技巧。
3.1 字體對於PPT來講，字體太重要了！
給大家推薦一些，我自己很喜歡的字體。
文悅新青年
鑄字木頭人
漢儀小麥體
造字工坊力黑
英文我最愛Futura。 非常現代，有設計感。
Gill Sans也不錯：
比較圓潤的字體，推薦Century Gothic：
程式設計師編程的 Courier，超可愛：
大家自己在網上找字體下載資源，我就不放連結了。
注意，有些字體是不能商用的，使用時不要侵權。
3.2 PPT內摳圖—PS摳圖太麻煩，PPT就可以幫你摳圖。
比如，現在有一張圖已經導入PPT：
點擊圖片後，找到菜單欄的【圖片格式】並點擊：
接著點擊最左【刪除背景】：
PPT上的畫布就會變成這樣，紅色部分會被自動識別為背景，系統會幫你刪除：
回車，就得到下圖啦：
這兩張圖，下面的圖，至少能讓你第一眼就把視線放在重點上：
其他的tips還有很多。
一個PPT不要超過兩張主要顏色，兩個主要字體；
再比如，每一張PPT上不要寫超過三行字，等等，
但最好用最重要的還是上面三個tips，其他的就先按下不表了。
4.1.2 https://pixabay.com/zh/
4.1.3 http://gratisography.com/
4.1.4 潑辣有圖
http://www.polayoutu.com/collections
4.1.5 https://www.istockphoto.com/hk/en
4.2 有版權限制但是圖片好看的網站—我只推薦一個，上文說過的 behance，最愛設計網，沒有之一。
如果要引用圖片，記得一定要標明來源。
再來複習一遍，behance 不是只提供給你現成的圖片，而是提供給你設計的思路。
你可以將其當成靈感來源，來進行模仿。
任何技能的習得，都不開模仿，練習，熟練掌握，輸出，創造這五步。
模仿永遠是第一步。
Part5 工具網站5.1 縮鏈網站
—如果連結太長，bitly 可以幫你將其縮短。
網站為：
https://bitly.com
比如，這是原連結：
https://docs.google.com/document/d/1zOmW5gmikmYvuFqR1CuJfW0XqBlXwpRCFm_8BaR9NDo/edit#
bitly之後，就變成了這個：
http://bit.ly/2zlhyi0
5.2 從二維碼中讀出網站
—https://cli.im/deqr
5.3 將網站變成二維碼
—https://www.34qr.com/
這個網站還能改變二維碼的顏色。
5.4 GIF處理
—此網站可壓縮，可合成，可裁剪GIF圖。
網址為：
https://tool.gifhome.com/
5.5 免費音頻庫
—https://www.youtube.com/audiolibrary/music
YouTube 聲音庫，無版權，可任意使用。
5.6 稿定設計 & 圖怪獸
—在線作圖，各種類型。Pwords 很多首圖都是用這個網站做的。
不過此網站很多運營都會使用，有可能出現撞圖的情況。大家可在使用的適合，對圖片做一些設計上的修改。
不知不覺寫了這麼多。這期小葵花課堂就到這裡了。
如果還能想起來什麼補充內容，日後慢慢聊。下課嘿。
END
—