響應式設計的 Email 範本

Posted: 一, 07/21/2014 - 12:34

(圖片來源:https://civicrm.org/blogs/marisaporter/were-bringing-new-responsive-email-templates-civicrm)

 

發送電子報是組織經營聯絡人的方法之一,不過也幾乎是各組織都會面臨電子報難以編輯的難題。像是電子報的呈現版面效果不一,就是一個很關鍵又很難處理的問題。

原本我們都會使用「表格」樣式來設計電子報版型,然後再讓組織內部的電子報編輯依樣畫胡蘆,在預留的框內填入當期的電子報內容。不過,這樣的做法在現今的網路環境中看來不再那麼合適。

隨著行動式設備的持有、使用率上升,網頁技術開始在談響應式設計(Responsive Web Design),其主要概念就是會隨著觀看網站的載具螢幕大小,自然調整成最合適的版面配置。既然網頁有響應式設計,那麼電子報版型也有響應式設計嗎?

Arete Imagine 公司面對響應式電子報的問題,做了一番研究,將研究過程寫在這篇文章,其結果是提出了單欄及雙欄等兩種響應式設計的電子報版型,而好消息是,這個成果將納入 CiviCRM 4.5 版中,目前已釋出 4.5 Beta2 版,有興趣的人可以到 demo 站試用看看。