郵件頁面的設計與網頁頁面設計的區別

因爲都採用HTML標準制做WEB頁面和郵件頁面，因此不少設計師以爲郵件頁面和普通WEB頁面的設計是同樣的。但實際上並不是如此，這裏的主要緣由在於郵件的客戶端軟件對HTML頁面的解析原則不一樣，流行的HTML設計技術在郵件解析的過程當中可能出現不少錯誤。

因爲頁面信息承載能力豐富，且互動方便，如今的商業郵件，幾乎都採用HTML方式來製做。於是，許多頁面設計師以爲商業郵件的頁面設計和網站的頁面設計幾乎沒什麼不一樣。但事實上並不是如此，這裏的主要緣由在於WEB頁面強調用戶體驗，所以能夠支持更爲複雜的設計技術。可是郵件頁面因爲受到郵件客戶端軟件的安全性的侷限，以及反垃圾郵件機制的約束，不少用於頁面設計的技術若是應用在郵件頁面的設計中，則能帶來很大的負面效果，包括頁面格式錯亂、顯示亂碼、被郵件運營商拒收等多種狀況。這樣，商業郵件的發送目的就沒法實現了。

那麼郵件頁面的設計與網頁頁面設計有哪些不一樣呢?

 

	郵件頁面	網站頁面	類似性
尺寸	600像素之內     不管使用Outlook這樣的郵件軟件，仍是經過Web方式登陸郵件系統，郵件正文頁面所佔有的屏幕寬度是有限的，所以過寬的頁面設計，將形成瀏覽郵件的不變，使收件人感到不喜歡，影響內容信息的傳遞	980象素左右     隨着顯示屏分辨率廣泛在1024象素以上，頁面的寬度也廣泛調整爲980像素左右的寬度	不一樣
頁面長度	1.5屏之內     郵件內容過多，將削弱核心信息的印象，與此同時，過長的郵件正文形成代碼容量過大，易被認定爲垃圾郵件。 通常來講25K之內的郵件大小較爲合適。	3屏之內     頁面長度根據內容肯定，訪問者對頁面長度並不十分敏感	可相同
圖片數量	少爲宜     儘可能使用較少的圖片，過多的圖片會被郵件運營商認定爲垃圾郵件而拒收。 因爲大圖片下載和顯示的時間較長，所以不少設計師習慣切割成不少小圖來加快顯示速度，但這種方式不適合於郵件設計	多爲宜     多圖，美化了頁面效果，同時大圖片的切割顯示技術令網頁呈現速度快，	不一樣
DIV+CSS設計技術	不能用     出於安全和反垃圾郵件機制的緣由，郵件軟件通常在用戶許可前，不顯示圖片，所以採用這些流行頁面設計技術來製做郵件，會形成頁面格式的混亂。 所以，郵件設計最好採用Table設計	適合用     這些技術能使得頁面作的更靈活，優化了頁面體驗和觀感，	不一樣
腳本	不支持     出於安全的考慮，郵件系統不支持腳本設計，所以表單、Flash、音頻等素材，不能在郵件頁面中設計	支持	不一樣
連接	絕對連接地址     因爲郵件軟件系統解析的問題，相對的連接地址可能形成圖片沒法準確顯示，所以在郵件設計中，必定要採用絕對連接地址的方式來設計。 其次圖片連接最好不要使用標籤，易被斷定爲垃圾郵件	相對連接地址     支持相對連接地址	不一樣