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