上過了骨干培訓選修三的課程，聽完了董新瑩學姐的精彩講解微信小程序文字左對齊，相信大家課上都收獲了不少，也知道了許多關于微信推送與H5的知識，俗話說溫故而知新，讓我們跟隨骨干培訓筆記的內容，重新溫習一下精彩的課程吧。
Part 01 推送排版指引
1.瀏覽器的選用
一般選用較多的就是這四種瀏覽器，大家可以分別試試，然后選出最適合自己使用的瀏覽器。
2.編輯器的選用
四種編輯器各有優劣，也是視大家的情況而定，初學者推薦用秀米。
3.排版的作用
首先要明確，排版是為了內容服務。好的排版，一定都是順應人性的排版。
人天生缺乏耐心，如果沒有經過排版處理，冗長的文章會給讀者帶來很大的信息獲取壓力。
排版的作用有三點：
減輕讀者的閱讀壓力
增加讀者對文章邏輯鏈條的把握和理解
給讀者提供適當休息，閱讀成就的滿足感
正文排版，包括三部分：
第一部分.文字
（1）文字字號
不同的部分因為需求不同，所使用的字號也有所不同。
標題：推薦16px-18px
正文：推薦14px-16px
標注：推薦12px-14px
（2）文字顏色
主題色
一種顏色作為主題色，可以用在標題、重點內容、二維碼、頭像、頂部和底部的引導等。
正文顏色
一種作為正文顏色，不建議用純黑（#），手機端會比較刺眼，灰色會溫和一點。
常用的有：#、#
標注色
一種作為標注顏色，用作引用內容、注釋、聲明等。常用的顏色有：#、#
注意：文章中除了圖片，正文全部顏色不要超過三種，顏色太多顯得雜亂。另外，不要選擇飽和度太高的顏色，就是日常所說鮮艷的顏色。這些顏色看起來比較廉價，也會對我們的情緒造成影響。
（3）文字對齊
文字對齊主要有兩種方式：
另外要注意的一點是左對齊和兩端對齊，如果沒有特殊的排版樣式，建議正文部分使用兩端對齊的方式，這樣在手機上顯示出來的效果才會更加整齊，不會呈現出長短不一的效果。
（4）強調內容
在文章中，經常需要強調某一部分，通過設計在視覺上凸顯出來。
借由底色、邊框與不同字體的變化，告訴讀者這一段很重要，也幫助快速瀏覽掌握重點。
除了要特別討論的上色之外，最常用的強調法不外乎「加粗」、「變斜」或是「加底線」。
加粗、變斜是透過墨色濃度或形狀變化與正文對比，這發源自西方數百年的排版規則；加底線則是打字機盛行之后留下的遺產。強調方式很多，但是千萬不能亂用，更不能同時用在一個段落里，否則效果會讓人很尷尬。
▍下劃線
下劃線是打字機時代的產物，如今已經過時。如果用下劃線進行強調，反而會喧賓奪主，對文字的閱讀形成干擾。除超鏈接外，其他句子盡量不要使用下劃線。
▍斜體
英文從文藝復興時期，就已經有了用斜體進行強調的排版規則。但中文不同，中文沒有斜體，只有計算機程序變形的斜體效果。中文斜體后失去了中文字形原來的結構和美感，所以不要在中文中使用斜體。
▍加粗
加粗是最理想的強調方式，也是最通用的做法。強調的時候除了加粗外，還可以改變字號或改變顏色。
第二部分.留白
如果用黑白打印機，把微信文章打印出來，你會發現各種顏色間區別，其實只是灰度不同。紙上只有黑與白兩部分。
上面說的文字和符號，就是排版設計中「黑」的部分，而設計「白」的部分，也是非常重要的。
字間距、行間距、段間距、頁邊距等，這些是「白」的部分。就像陰陽一樣，黑白得當，才有了和諧的美感，給閱讀留下了呼吸的空間。
間距
字間距——1
行間距——1.5-2倍
頁邊距——5-15
字號正文一般為14，標題一般為16，時間、地點等可適當放大字號、加粗、換色以示強調，行距1.8-2倍，頁邊距5-20，對齊方式為兩邊對齊。正式稿件、大段文字使用首行縮進，不要用空格代替。
字間距：這一參數很少人設置，前面測試的時候發現設置后在手機上的顯示效果，給讀者的體驗會更好，所以建議設置（用秀米可以設置）董新瑩學姐一般用的是1像素，這個效果是最好的。
行間距：行間距建議設置在1.5—2.0倍左右，這樣不會顯得文字太密集微信小程序文字左對齊，董新瑩學姐經常使用的是2.0倍，效果比較好，閱讀起來眼睛不會太累。
頁邊距：這一參數，很多公眾號都沒有設置，但是效果卻非常好，效果就是頁邊有一定的留白，看起來很文藝；所以這一點也是很建議使用，參數的話我建議在5—15像素之間，太寬了也不好，太窄了看不出來，董新瑩學姐最長使用的是12像素，效果還可以。
恰當間距的重要性
行間距：行間距建議設置在1.5—2.0倍左右，這樣不會顯得文字太密集，董新瑩學姐經常使用的是2.0倍，效果比較很好，閱讀起來眼睛不會太累。
第三部分.圖片
一是留白，現在來看留白已經是很多主流排版方式的一種經常性選擇，不論是PPT，還是設計行業都有這樣的趨勢。在微信排版中同樣適用，所以建議在圖片排版中文字和圖片之間留一行空白，在手機閱讀時體驗更好；
二是居中，圖片加入后對齊方式設為居中，可以保證在電腦中查看時圖片也很規整。
4. 推送最后標明
文字：用于新聞、時評、采訪類推送，署寫稿者名。
圖片：用于新聞、采訪類推送，署攝像者名。
圖文：寫稿與攝像者為同一人或同一組織時使用。
文案：活動宣傳，策劃等推送用，署稿者名。
排版：署推送制作者名。
5.最后的注意事項
（1）一個推送里，圖片最好都是一樣的大小。
（2）推送最后標明是為了避免侵權。
（3）預覽要掃描二維碼，以手機的效果為準，微信的摘要一般十幾二十字就行，不寫的話會直接選推送前54字。
（4）插入圖片表情包寬度小一點，不然會很糊。
（5）要插入視頻的話在圖文模板搜索視頻，秀米只支持騰訊視頻，要插入推送的視頻必須傳到騰訊視頻，而且騰訊視頻要審核，一篇推文最多三個視頻。
（6）不建議使用太多模板，簡約就好。
（7）基礎色可以改變模板里很多小部件的顏色。
（8）萬事開頭難，記得多多練習。
（9）一定要記得隨手保存。（一個有故事的經驗）
Part 02 H5簡單講解
H5是一種用在微信上的PPT。像之前我們接觸到的青年大學習其實就是一種H5。
通過秀米就可以進入H5的制作
H5也可以用來制作調查表，是除了問卷星之外的另一種選擇，H5的動畫更多，預覽比較耗時，但對大家的參與度比較好。
在頁面的左側也可以給H5加上音樂，系統提供很多音樂，當然同學們也可以自己上傳音樂，讓制作出來的H5更優秀。
新的時代，有著新的機遇，董新瑩學姐強調，自媒體的時代已經到來了，很多人都會有自己的個人公眾號，參與的成本低，但一旦瀏覽量上去了，就有變現的能力，同學們看完，有沒有躍躍欲試呢？快來試試吧！
【本期作業】
請各位小可愛從“2018骨干培訓選修三”QQ群()中獲取一個文檔，運用本周所學知識將其做成微信推送(或H5)，可自行配圖，并在11月17日（周六）晚22:00前將作品“生成長圖”后以“選修三作業-部門-姓名”命名，發送至郵箱：，小秘們會根據大家的完成情況打分哦~
注：作業只針對院學生會成員。
特別鳴謝新聞編輯部1804班高梓濤同學提供文檔！
出品 | 武漢大學測繪學院學生會
文字 |胡俊東
攝影 |胡俊東 張明凱
排版 | 伍靖雯
審核 | 王煜斌
投稿郵箱 |