2014年5月7日 星期三

4 個你必須知道的設計電郵圖片貼士

email_design_tipsRead English Version >>

每一個電郵推廣員都希望創作一個吸引的電郵,在讀者打開電郵的一剎那,奪得讀者的注意力。但是,複雜的設計、或是忽略了一些設計細節,都會破壞你花在設計電郵設計上的努力。以下是 4 個關於電郵圖片的貼士,在設計電郵前先認識它們吧!

 1. 使用背景顏色,避免使用背景圖片 


有些電郵用戶端會忽略你電郵中吸引的背景圖片,影響了電郵的整體設計。作為替代,你可以使用「更多」電郵用戶端支援的背景顏色。「更多」是不是指還是有電郵用戶端並不支援背景顏色呢?答案是:是。所以在設計電郵時,要假設電郵內容能在白色背景中被顯示,這樣讀者就能在電郵用戶端不支援的情況下,都能明白你的電郵內容。

要更好的在電郵中使用背景顏色,你可以使用 table 設定風格 (style)。以下是一個例子:
<table cellspacing="0" cellpadding="0" border="0" width="100%">
    <tr>
        <td bgcolor=”#000000”>
            Your email code goes here.
        </td>
    </tr>
</table>                                                                  (Campaign Monitor)

 2. 使用 ALT 標籤 


大部份電郵用戶端會預設封鎖圖片,如讀者不下載圖片,它們就不會被讀取。這時你就可使用 ALT 標籤圖片:
<a href= "http://$company_website$" target="_blank"><img src="images/path" width="144" height="76" border="0" alt="UFOSend"/>
你亦可為重要的圖片設計說明文字,以防 ALT 標籤被電郵用戶端封鎖,例如 Outlook.com。僅記寄出電郵前要進行測試,如果圖片不能被正確顯示,你的讀者會看見什麼呢?永遠不要以圖片傳遞重要訊息,確保在沒有圖片的情況下,你的電郵仍然是整齊的,而你的讀者仍能明白你的電郵內容。

 3. 設定圖片的尺寸 


別忘記上傳圖片到電郵前,先調整好圖片的大小,不然,電郵用戶端會下載,甚至顯示原圖。這不止會破壞你的電郵的整體設計,如果你使用了一張巨大的圖片,這亦會延長電郵的加載時間。最好的解決方法是上載圖片至電郵前,先調整圖片的大小,就不會影響電郵的設計。

**避免使用過大的圖片,限制圖片大小在 600 px 內,72 dpi 會是最大的可用解像度。

 4. 限制電郵的闊度在 600 px 內 


不論你希望電郵包括什麼內容,如果你不把電郵的闊度限制在 600 px 內,你的讀者將需要左右滾動去閱讀電郵,而且在手機中,過大的電郵亦不美觀。

除了設定圖片的技巧外,為電郵編碼時亦需注意。我會在下一篇文章分享另外 5 個編碼貼士,請繼續留意更新!

透過電郵獲得電郵推廣貼士的更新 >>

來源:
Campaign Monitor

沒有留言:

張貼留言