2012年11月6日 星期二

一份成功的EMAIL電子報該如何行銷與設計(中)-原也網頁設計、網站規劃、網站行銷

 一份成功的EMAIL電子報該如何行銷與設計(上)

Email設計的最佳範例

設計與製作一封Email廣告可能是一頭猛獸,你可能想說很難兼顧網頁瀏覽器的相容性,但是有些Email信箱甚至不支援顯示CSS樣式。Email廣告設計的第一條推則,就是讓事物單純化,第二條規則則是讓事物保持單純。但我們知道做最簡單的東西,是最困難的一件事。 

HTML Only




所以,忘記所有你知道的有關現代網頁編排的事,並且盡量不要用CSS。如果一定要用的話,他也必須是行內樣式。我知道,這一切都違背了你身為一個網頁設計師所遵循的標準,但這裡有這麼多Email顯示的代理器在這邊,是不可能知道你的float或是display屬性是否按照你當初設計的想法來顯示,不要在這裡賭,走回Table排版的老路上吧,一個只有HTML的設計編排,即使你做起來很心痛。

網格型/欄列式編排


既然CSS無用武之地了,而且Table排版又被扶正了,那就堅守網格式或是分欄式排版,不管你的使用者是用哪一家的信箱,保證你的廣告可以照你當初設計的呈現。還有,網格設計是現在風靡一時的設計,所以使用者不會知道你是用表格去排的。

除了讓廣告單純化,以使它容易被正確顯示,網格排版還提供一條更好的路,可以俐落且有條不紊的顯示你的內容、編排你的資訊與圖片。用欄跟列把內容分開,把內容整理成易於閱讀、可以讓人快速掃過的圖像,這樣可以讓你的使用者讀起來不會太吃力,不會看了就想逃

不要捨不得放圖片




就像我們以上講的,圖像是一個Email廣告中很棒的要素,所以不要怕使用圖片。只要你的圖片放在一個好的公開圖床,而且用HTML的img標籤好好的插入他,你就成功了,所以盡量用吧。但要牢記,Email廣告是一個老怪獸,所以如非情勢確有必要,不要放即時性的文字在上面。將酷的字體嵌入圖像中也是很好用的一招,可以依你的創意多加去利用。

因為CSS在Email中難以運作,也不容易跟表格一起搭配,所以避免使用背景圖像。通常,你很習慣用body background或是table background,但是在這裡,你該盡量使用img嵌入圖像,避免出錯。

也別忘了最佳化你的圖片,儘管你的圖片可能放在某個地方的公開伺服器上,別讓你的圖片大到需要幾秒才能載入,讓你的使用者打開郵件時看到的是一片漂亮的設計,而不是圖片掛掉的紅叉燒包。並切記只使用JPG或GIF圖片格式就好,盡量少用PNG格式,因為有些地方無法正確顯示...我知道,相當掉漆。  


引用自http://mypaper.pchome.com.tw/vanilla99/post/1323072433

原也網頁設計、網站規劃、網站行銷。

沒有留言:

張貼留言