<table><tbody>
除了乾貨，其它什麼也沒有
職場
數據
新媒體
設計
極客
企業級新媒體託管服務：021 37218818
微信近期上線正式的“關注公眾號”廣告投放服務，並選擇了業內此前流行的卡片樣式（見本文）。
為避免混淆，微信團隊通過更改帶透明度圖片的查看方式，使得原先很多公眾號常用的關注小卡片完全失效。
但是沒有什麼排版問題是不能解決的，如果有，那就問 JZ。下面來看兩種具體解決辦法和模板。
二維碼隱形法
這裡涉及一種在圖像透明度保持 1 的情況下（完全可見）依然讓你無法察覺的排版策略，其卡片效果如下▼
除了乾貨，其他什麼也沒有
職場｜數據｜媒體｜設計｜極客
就其原理，其實和《別當新媒體小編了，他們太……》中的矩陣按鈕完全一致。即在一張 PNG 圖片中：
文案內容均為白色
二維碼黑色部分鏤空
由於微信採用的是截屏二維碼掃描模式，因此當二維碼進入圖片查看狀態時，黑色的查看器背景能重新填充鏤空部分，被系統“誤判”為一個有效二維碼。這種新的卡片設計模式，極其適合格調較高的品牌，在不遮擋到按鈕邊框、文字的情況下，你還可以添加更多黑白紋理內容。
當然，這裡會比較考驗新媒體人對二維碼鏤空的圖像處理能力。以下為樣式的代碼 DEMO，既可以用於這裡的隱形二維碼式也可以用於後面的溢出卡片式▼
如果你確實無法處理好相關效果，可以點擊下方小程序請求 JZ 的技術支援服務▼
卡片溢出法
卡片溢出法是 JZ 首席講師 GL 昨晚發佈的另一種解決方案。同樣，我們要隱藏的卡片在參數上是“可見”的，但是在 CSS 佈局的時候，憑藉<code><overflow>/<code>確保溢出父元素的內容不可見。
圖片隱藏對排版而言其實應用場景曾十分廣泛。比如一度被蘋果絞殺的“讚賞”就可以通過如下效果引導 iOS 用戶。
▼ 佈局示意圖 ▼
也歡迎你加入整個知識星球高處不勝寒的新媒體運營社群，日常社群活動包括：1.每週一節視頻課 2.每日接收行業早報 3.任意向社內大神提問 4.高頻共享代碼包 5.高頻共享設計素材 6.高頻共享圖文教程 7.社員互評互助 8.不定期任務挑戰 ……開放年費制度（￥365）
其他你會感興趣的內容
回覆 大 V閱讀圈內大號背後隱秘故事
回覆 排版獲取更多專業圖文排版教程
回覆 代碼學習其他高階代碼創業設計
回覆 H 5開啟移動營銷的技術進階路
H5、平面、視頻等數字營銷服務請致電
TEL：（021）3721 8818
客戶案例：APEC 峰會 | 中國航天科技集團 | 香奈兒 | 肯德基（湖南） | 中國國際航空 | 湖北省電視臺 | 河南衛視 | 浙江省人民廣播電臺 | 三生製藥 | 交通銀行 | 建設銀行 | 真格基金 | 南方週末 | 上海閔行教育學院 | 牛津大學出版社 | 新東方集團 | 偉巴斯特 | 雪佛蘭汽車 | 觀致汽車 | 雷諾汽車 | TNS 新華信 | 高力國際｜第一太平戴維斯｜德國萊茵｜蓋茨基金會｜追星集團
抱歉，除了乾貨，其他什麼也沒有。
閱讀更多 JZ多媒體解決方案 的文章
