<table><tbody>
除了乾貨，其它什麼也沒有
職場
數據
新媒體
設計
極客
新媒體高級排版定製：021 37218818
之前我們在《超高顏值圖文排版完全指南》中談到，高端企業品牌對新媒體排版有極其嚴苛的追求。落到細節層面，既包括《中文排版指南（有點變態）》中對文字段落的規範，又包括《公眾號如何強行群發圖片？》中對推送效果的偏執，甚至對有些企業公眾號來說，音頻播放器都想強行改變……
可以實現嗎？JZ 告訴你，可以。
初階：字體與比例
就音頻模塊而言，微信圖文本身提供的樣式並不醜，很多時候你可以稍做改造，獲得更好的視覺效果。例如這篇文章《收藏｜100 首必聽巴赫，你聽過幾首？》，可以發現模塊尺寸和模塊內字體發生了變化▼
這種改造方法比較簡單，在《教你改變微信圖文的字體！》我們已經介紹過具體方法。
高階：眼見不為實
“眼見不為實”是設計學中的一個普遍現象，例如在我們發佈的《英語六級聽力真題|2017-06》這篇逆天的交互圖文中，最頂端的音頻播放器通常會讓讀者大吃一驚▼
沒錯，只需點擊頂部的的「耳機」小圖標，四六級的聽力居然就開始了。那麼微信的播放器真的被改造了嗎？並不是。就設計思路而言，我們的交互目標是當用戶觸擊到相關區域時，手機播放出音頻。所以我們完全可以通過CSS 佈局，先加載一張準備好的圖片作為虛假的播放器，再將真實的播放器載入。但是接下去，我們將真實播放器的<code><opacity>/<code>調整到 0，再將其通過<code><margin>/<code>移動到虛假播放器之上。
你可以點擊下方小程序卡片，查看更清楚的代碼實現方式。這是 JZ 微信公眾平臺新綁定的一款小工具，可以快速創建高亮代碼，並且分享給好友，方便讀者們在工作中快速探討代碼問題。
更多高級排版學習
JZ 即將在廣州開課了！
歡迎報名 5 月 19 日、20 日在廣州由 SVG AttributeName 白名單開創者計老師和大神玩家 GL 共同親自主講的，第七期頂尖排版術與創意新媒體廣告設計課。擁有《2018熱點新媒體日曆》的學員可以立減 ¥300 學費。更多基於 SVG 的高端微信圖文我們將於近期持續展示。
培訓時間
5月19日、20日全天
（另含23日晚一次線上基礎拉平課）
培訓地點
廣州 · 金潤國際大廈
場地支持
培訓基本內容
新媒體視覺識別系統
字體、配色、製圖、版式
創意排版設計思維
動畫代碼技術實操
行業經典排版案例覆盤
（包含蘇寧、京東、滴滴等案例代碼覆盤）
報名費用（含發票）
￥1499
（已購《2018新媒體熱點日曆》用戶立減 ￥300）
課程諮詢
021-37218818
往期回顧
關於 GL
自從 GL 參與過 JZ 在北方某地的多次公開課後，他一躍跨入新媒體圈成為 SVG AttributeName 圖文交互設計大神，現在是 JZ 的新媒體創意首席講師。 近期他還和 JZ 共同設計了《2018熱點新媒體日曆》，也在著名的第三方排版編輯器 iPaiban 開發了大量共享樣式。
如果你的企業有定製需求，可以先查看《案例分類》，或致電：(021)37218818
版權信息提示：由於近期各公眾號以及第三方排版器抄襲嚴重，GL 已通過出版社對所有圖文創意和排版以及代碼邏輯進行著作權固定，任何抄襲、對抗行為將在未來特定時間由出版社統一鉅額索賠，好自為之。
-END-
定製諮詢：021 37218818
其他你會感興趣的內容
回覆 排版閱讀互聯網文案排版教程
回覆 標題瞭解優質標題的醞釀方法
回覆 配圖學習圖片素材的搭配方法
回覆 H 5開啟移動營銷技術學習課
回覆 廣告看更多行業廣告知識大全
H5、平面、視頻等數字營銷服務請致電
TEL：（021）3721 8818
客戶案例：APEC 峰會 | 中國航天科技集團 | 香奈兒 | 肯德基（湖南） | 中國國際航空 | 湖北省電視臺 | 河南衛視 | 浙江省人民廣播電臺 | 三生製藥 | 交通銀行 | 建設銀行 | 真格基金 | 南方週末 | 上海閔行教育學院 | 牛津大學出版社 | 新東方集團 | 偉巴斯特 | 雪佛蘭汽車 | 觀致汽車 | 雷諾汽車 | TNS 新華信 | 高力國際｜第一太平戴維斯｜德國萊茵｜蓋茨基金會｜追星集團
抱歉，除了乾貨，其他什麼也沒有。
閱讀更多 JZ多媒體解決方案 的文章
