由于都采用HTML標(biāo)準(zhǔn)制作WEB頁面和郵件頁面,所以很多設(shè)計(jì)師覺得郵件頁面和普通WEB頁面的設(shè)計(jì)是一樣的。但實(shí)際上并非如此,這里的主要原因在于郵件的客戶端軟件對(duì)HTML頁面的解析原則不同,流行的HTML設(shè)計(jì)技術(shù)在郵件解析的過程中可能出現(xiàn)很多錯(cuò)誤。
由于頁面信息承載能力豐富,且互動(dòng)方便,現(xiàn)在的商業(yè)郵件,幾乎都采用HTML方式來制作。因而,許多頁面設(shè)計(jì)師覺得商業(yè)郵件的頁面設(shè)計(jì)和網(wǎng)站的頁面設(shè)計(jì)幾乎沒什么不同。但事實(shí)上并非如此,這里的主要原因在于WEB頁面強(qiáng)調(diào)用戶體驗(yàn),因此可以支持更為復(fù)雜的設(shè)計(jì)技術(shù)。但是郵件頁面由于受到郵件客戶端軟件的安全性的局限,以及反垃圾郵件機(jī)制的約束,很多用于頁面設(shè)計(jì)的技術(shù)如果應(yīng)用在郵件頁面的設(shè)計(jì)中,則能帶來很大的負(fù)面效果,包括頁面格式錯(cuò)亂、顯示亂碼、被郵件運(yùn)營(yíng)商拒收等多種情況。這樣,商業(yè)郵件的發(fā)送目的就無法實(shí)現(xiàn)了。
那么郵件頁面的設(shè)計(jì)與網(wǎng)頁頁面設(shè)計(jì)有哪些不同呢?
郵件頁面 | 網(wǎng)站頁面 | 相似性 | |
尺寸 | 600像素以內(nèi) 無論使用Outlook這樣的郵件軟件,還是通過Web方式登錄郵件系統(tǒng),郵件正文頁面所占有的屏幕寬度是有限的,因此過寬的頁面設(shè)計(jì),將造成瀏覽郵件的不變,使收件人感到不喜歡,影響內(nèi)容信息的傳遞 | 980象素左右 隨著顯示屏分辨率普遍在1024象素以上,頁面的寬度也普遍調(diào)整為980像素左右的寬度 | 不同 |
頁面長(zhǎng)度 | 1.5屏以內(nèi) 郵件內(nèi)容過多,將削弱核心信息的印象,與此同時(shí),過長(zhǎng)的郵件正文造成代碼容量過大,易被認(rèn)定為垃圾郵件。 一般來說25K以內(nèi)的郵件大小較為合適。 | 3屏以內(nèi) 頁面長(zhǎng)度根據(jù)內(nèi)容確定,訪問者對(duì)頁面長(zhǎng)度并不十分敏感 | 可相同 |
圖片數(shù)量 | 少為宜 盡量使用較少的圖片,過多的圖片會(huì)被郵件運(yùn)營(yíng)商認(rèn)定為垃圾郵件而拒收。 由于大圖片下載和顯示的時(shí)間較長(zhǎng),因此很多設(shè)計(jì)師習(xí)慣切割成很多小圖來加快顯示速度,但這種方式不適合于郵件設(shè)計(jì) | 多為宜 多圖,美化了頁面效果,同時(shí)大圖片的切割顯示技術(shù)令網(wǎng)頁呈現(xiàn)速度快, | 不同 |
DIV+CSS設(shè)計(jì)技術(shù) | 不能用 出于安全和反垃圾郵件機(jī)制的原因,郵件軟件一般在用戶許可前,不顯示圖片,因此采用這些流行頁面設(shè)計(jì)技術(shù)來制作郵件,會(huì)造成頁面格式的混亂。 因此,郵件設(shè)計(jì)最好采用Table設(shè)計(jì) | 適合用 這些技術(shù)能使得頁面做的更靈活,優(yōu)化了頁面體驗(yàn)和觀感, | 不同 |
腳本 | 不支持 出于安全的考慮,郵件系統(tǒng)不支持腳本設(shè)計(jì),因此表單、Flash、音頻等素材,不能在郵件頁面中設(shè)計(jì) | 支持 | 不同 |
鏈接 | 絕對(duì)鏈接地址 由于郵件軟件系統(tǒng)解析的問題,相對(duì)的鏈接地址可能造成圖片無法準(zhǔn)確顯示,因此在郵件設(shè)計(jì)中,一定要采用絕對(duì)鏈接地址的方式來設(shè)計(jì)。 其次圖片鏈接最好不要使用標(biāo)簽,易被判定為垃圾郵件 | 相對(duì)鏈接地址 支持相對(duì)鏈接地址 | 不同 |
跟貼
網(wǎng)友評(píng)論僅供其表達(dá)個(gè)人看法,并不表明立場(chǎng)。
已加微信,請(qǐng)通過
教育培訓(xùn)類機(jī)構(gòu)服務(wù)APP多少錢?
目前沒有熱門跟貼