主頁
網站製作
小貼士
情報
常見問題

電子報製作-格式與風格

電子報的闊度應該用多少?

一般常用的電子報闊度是600px (桌面版)，但隨著各類型的電子螢幕闊度增加，現時已經由600px增加至700px-750px左右。而手機兼容的電子報則可以根據手機螢幕的闊度來調節顯示的內容，不論是600px或是750px都能夠適當地顯示。

電子報的自適應效果

現代人喜歡利用互聯網來緊貼社會的步伐，而手機兼容電子報則成為了市場營銷的重要媒體。在設計架構方面除了更講究之外，亦都要顧及在智能手機上閱讀時的自適應效果。

什麼是自適應效果？
自適應的變化取決於電子產品的螢幕闊度。當一則電子報從桌面版的闊度(600px-750px)轉換成智能電話或掌上型電腦的闊度(320px-750px)時，原來並排在一起的內容，右邊的那一塊會向左下掉，形成一個縱行排列，以便讀者以單手上下滾動內容，而字體及圖片亦不會因為闊度的收窄而有所影響。

電子報的桌面版與手機版的分別在哪?

請看以下桌面版轉換成手機版時的架構，以一個縱行排列內容的參考效果：

我們沒有可能把每一種型號的電子產品設計不同闊度的電子報，固自適應的設計就能迎合不同闊度的需要。以前的電子報比較著重直述內容，在智能電話還未有興起的時候，大部分讀者都以桌上電腦來閱讀電子報。隨著網路和智能電話的普及，電子報的設計都有了嶄新的發展，除了外觀上以簡約為主，以迎合自適應的顯示效果，在功能上亦加多了Call-To-Action(CTA) 按鈕，希望藉以增加與觀眾的微互動，繼而達到預期中的宣傳效益。

應怎樣安排電子報的內容?

我們眼睛看東西的習慣是由上而下，左至右的，固最重要的內容應放在電子報較前的位置。可以參考以下次序製作：

1. Logo
2. 第一印象：大橫幅
3. 簡介
4. 主要內容+圖片
5. 較次要的其他內容
6. Footer

電子報的字體大小應該怎樣安排?

我們可以把電子報字體大小的安排大概分為3個部分：


	字體大小(px)
標題	18-22px
副標題	16-18px
內容	12-14px

以上建議的字體大小能同時使用在桌面版及手機版電子報，如桌面版的標題想與內容營造較大的對比效果，可自行再個別調整。

為什麼不可以在同一篇電子報上使用不同的字體?

不是所有瀏覽器都支援多款字體顯示的，除非使用多種字體對表達內容有莫大的幫助，不然使用同一款中文或英文字體會比較理想及容易控制，而且在外觀上亦比較統一。如非要使用特別字體，如標題，可考慮使用圖片。

HTML安全字款參考：
繁體中文	微軟正黑體
简体中文	微软雅黑
英文	Arial, Helvetica, Tahoma, Times Roman, and Georgia

在電子報上使用圖片應注意的地方

1. 由於接收電子報是另一種的程式作業系統，對於圖片的格式有一定的限制。


相片、圖片	jpg
	~~png / bmp / tif / gif~~
*gif 的圖片有動態效果，但在某些電子郵件平台只會顯示靜態的圖片或也有機會不能顯示圖片，俗稱「死圖」。

2. 不要在電子報的HTML中使用背景圖片，你可以使用圖片，但不可以用背景圖片的方式嵌入


不可使用此代碼	background="bgimage.jpg"

聰明地利用空間(留白)來提高文章的可讀性

電子報是用來推廣的好工具，如何利用客戶等待的時間來讓他們接收公司的最新資訊？

我們製作電子報的時候，縱使有大量的資訊很想對外發放，但介面或內容設計上最好善用適當的空間(如留白)給客戶的眼睛有喘息的機會。一篇密密麻麻的文篇絕對令容戶放棄繼續閱讀。

請看以下兩張圖片。哪一張閱讀時較為舒服？



圖片來自網路	圖片來自網路

左邊這張電子報的內容大部分以文字為主超鏈結是直接加上內容的字上的留白的地方佔很少的位置，給人很擠迫的感覺	右邊這張電子報的內容圖與文字的部分各佔一半圖片經過處理，整體設計較為統一；按鈕的部分亦很明顯，吸引讀者有想按下去的衝動留白的地方適中，不會有很擠迫的感覺，望上去較為舒服，可以停留較長的時間閱讀電子報

如果內容真的太多了，怎麼辦？

1. 建議善用按鈕(call-to-action button)，在簡介下加上按鈕及鏈結，把用戶帶到適當的頁面去完成你所期望的任務。

圖片來自網路

2. 有些時候用一段文字表達內容會比較冗長，可利用表格來簡化內容，讓讀者易於理解。

由於現時的電子報已不再停留於只在桌面閱讀，我們在設計時也要顧及在電話打開時的顯示效果，固當需要使用表格來簡化內容時，最好一列中不要多過三個欄，而每欄應以列點方式或盡量以簡約的內容為主，不然表格並不適合用在有自適應效果的電子報。因為當闊度減少時，表格會按比例收窄，如果當中涉及過多的內容，顯示的效果就會有所影響。