中文字幕va一区二区三区,日韩精品在线观看免费,国产一区二区免费在线,f2d6.vipapp富二代下载网址ios

首頁(yè) > 新聞 > 正文

HTML商業(yè)郵件模版設(shè)計(jì)要非常注意的幾點(diǎn)!

分享至

由于都采用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ì)鏈接地址

不同

跟貼

跟貼2參與2
登錄并發(fā)貼

網(wǎng)友評(píng)論僅供其表達(dá)個(gè)人看法,并不表明立場(chǎng)。

目前沒(méi)有熱門跟貼

中虎營(yíng)銷
湖南中虎營(yíng)銷
小程序開發(fā)專家
4871文章數(shù) 2245關(guān)注度
往期回顧 全部

公司最新簽約

中虎營(yíng)銷簽約湖南沁湘源健康水資源營(yíng)銷平臺(tái)開發(fā)

企業(yè)推廣干貨

長(zhǎng)沙小程序開發(fā)哪個(gè)公司做的好?長(zhǎng)沙小程序開發(fā)哪家好?