製作響應式電郵設計的超讚妙招
移動互聯網的崛起,催生了響應式設計的誕生與發展。幾乎所有的營銷渠道都與”移動化”這一詞彙捆綁,電郵營銷也不例外。大部分電郵通過移動設備打開閱讀,這一比例將在後續幾年內繼續增長。同時,至少50%的移動用戶會選擇關閉或取消閱讀並非個性化的電郵。未來電郵營銷的進化深度反映著其是否具備適應互聯網時代瞬息萬變的能力。
響應式設計指集中創建頁面的圖片排版大小,智能地根據用戶行為以及使用的設備環境(系統平台、屏幕尺寸、屏幕定向等)進行相對應的佈局,在電郵呈現上,通過頁面隱藏、折疊、擴展,為用戶帶來舒適的移動閱讀體驗。電郵易edm email marketing將為大家推薦製作響應式電郵過程中的十個關鍵要點。
1.電郵佈局
始終都要牢記“響應式”這一詞彙,特別是在edm design階段。從移動設計的理念著手,創建移動化的視覺版本,盡量使其保持簡潔有序。越是繁多的圖像或複雜的設計,往往越難送達,移動用戶可能無法收到此類電郵。
2.堅持單行索引
建議選擇單行索引的edm design版式,以促使電郵優化過程盡量簡單化。這並不是說多行索引設計無法在移動設備上正常顯示或運行,只是如果需要同時滿足PC端和移動自適應,相關技術難度可能會提升不少。
3.文本左對齊
有相關視覺跟踪研究表明,西方用戶的大部分注意力集中在電郵內容的左邊部分。當然有些操作系統,尤其是安卓系統,無法衡量內容實際寬度以適應屏幕,因此只能顯示電郵的左半部分。從人體工程學的角度,大多數用戶更容易瀏覽到屏幕左下角及中間位置的電郵內容。
4.頂層內容
簡化屏幕在一定程度上確實改變了edm design規則。在製作電郵時,具有像徵性的CTA購買按鍵應盡可能靠近頂部位置,如果無法被用戶立即看到,它們有可能永遠不會被看到。
5.Media Queries特性
Media Queries是響應式設計中最重的一部分,它不僅被運用於網站響應,而且還能用於電郵的佈局,使郵電郵改變成適應移動設備顯示的版本。不同類型的移動設備具有不同的Media Queries特性,這意味著將根據屏幕分辨率鎖定熱門設備進行個性化投遞。
6.尺寸大小
根據蘋果公司的指導建議,鏈接和按鈕的尺寸應當控制在44*44像素以上。在移動設備顯示上,不起眼的鏈接和按鈕是最無用的設計。另外,字體大小可保持在17-21像素範圍內,最佳字體大小則為19像素。
7.精簡內容
並不是所有的電郵內容都是重要的。不妨在創建響應式設計時,選擇電郵中最重要的信息點顯示,避免過分擁擠的移動信息。營銷人員需要注意保持電郵內容簡潔明了,小屏幕意味著營銷人員將比以往任何時候都重視與用戶的有效互動。而屏幕的運用變得尤為珍貴,設計人員應在電郵中隱藏次要內容,保證重要信息能夠被用戶關注,突出顯示優先級的內容。
8.考慮完整性
當你在為移動用戶縮減設計時,不要僅僅只關注頁面佈局還需要考慮電郵完整性。營銷人員應考慮電郵中的每一個部分是否適合在移動端顯露,這將給予設計人員更大的空間進行edm design。
9.響應式圖片
移動設備在加載項目時通常比PC設備慢,電郵中各類元素需要同時升級移動閱讀體驗,除了文字、版式設計等,圖像也是不容忽視的一環,所有在移動端顯示的內容都應具備響應式的設計前提。
10.測試
市面上現在有許多免費的在線工具以測試移動設計,提供在不同尺寸大小的移動設備上的設計預覽。不妨利用這些在線工具在正式發送電郵前細心調整,避免錯誤,提升移動用戶的閱讀體驗。
電話: (852) 3959 3330
電郵: Sales@eDM-EmailMarketing.com
地址: 香港九龍長沙灣長裕街10號億京廣場二期27樓A10室
原文見: 製作響應式電郵設計的十個妙招 | 電郵推廣軟件 | Email Marketing Solutions | 電郵發送系統 | 電郵營銷服務 | eDM Email Marketing Software
電郵推廣軟件 | 電郵營銷系統 | Email Marketing Software |
響應式設計指集中創建頁面的圖片排版大小,智能地根據用戶行為以及使用的設備環境(系統平台、屏幕尺寸、屏幕定向等)進行相對應的佈局,在電郵呈現上,通過頁面隱藏、折疊、擴展,為用戶帶來舒適的移動閱讀體驗。電郵易edm email marketing將為大家推薦製作響應式電郵過程中的十個關鍵要點。
1.電郵佈局
始終都要牢記“響應式”這一詞彙,特別是在edm design階段。從移動設計的理念著手,創建移動化的視覺版本,盡量使其保持簡潔有序。越是繁多的圖像或複雜的設計,往往越難送達,移動用戶可能無法收到此類電郵。
2.堅持單行索引
建議選擇單行索引的edm design版式,以促使電郵優化過程盡量簡單化。這並不是說多行索引設計無法在移動設備上正常顯示或運行,只是如果需要同時滿足PC端和移動自適應,相關技術難度可能會提升不少。
3.文本左對齊
有相關視覺跟踪研究表明,西方用戶的大部分注意力集中在電郵內容的左邊部分。當然有些操作系統,尤其是安卓系統,無法衡量內容實際寬度以適應屏幕,因此只能顯示電郵的左半部分。從人體工程學的角度,大多數用戶更容易瀏覽到屏幕左下角及中間位置的電郵內容。
4.頂層內容
簡化屏幕在一定程度上確實改變了edm design規則。在製作電郵時,具有像徵性的CTA購買按鍵應盡可能靠近頂部位置,如果無法被用戶立即看到,它們有可能永遠不會被看到。
5.Media Queries特性
Media Queries是響應式設計中最重的一部分,它不僅被運用於網站響應,而且還能用於電郵的佈局,使郵電郵改變成適應移動設備顯示的版本。不同類型的移動設備具有不同的Media Queries特性,這意味著將根據屏幕分辨率鎖定熱門設備進行個性化投遞。
6.尺寸大小
根據蘋果公司的指導建議,鏈接和按鈕的尺寸應當控制在44*44像素以上。在移動設備顯示上,不起眼的鏈接和按鈕是最無用的設計。另外,字體大小可保持在17-21像素範圍內,最佳字體大小則為19像素。
7.精簡內容
並不是所有的電郵內容都是重要的。不妨在創建響應式設計時,選擇電郵中最重要的信息點顯示,避免過分擁擠的移動信息。營銷人員需要注意保持電郵內容簡潔明了,小屏幕意味著營銷人員將比以往任何時候都重視與用戶的有效互動。而屏幕的運用變得尤為珍貴,設計人員應在電郵中隱藏次要內容,保證重要信息能夠被用戶關注,突出顯示優先級的內容。
8.考慮完整性
當你在為移動用戶縮減設計時,不要僅僅只關注頁面佈局還需要考慮電郵完整性。營銷人員應考慮電郵中的每一個部分是否適合在移動端顯露,這將給予設計人員更大的空間進行edm design。
9.響應式圖片
移動設備在加載項目時通常比PC設備慢,電郵中各類元素需要同時升級移動閱讀體驗,除了文字、版式設計等,圖像也是不容忽視的一環,所有在移動端顯示的內容都應具備響應式的設計前提。
10.測試
市面上現在有許多免費的在線工具以測試移動設計,提供在不同尺寸大小的移動設備上的設計預覽。不妨利用這些在線工具在正式發送電郵前細心調整,避免錯誤,提升移動用戶的閱讀體驗。
電話: (852) 3959 3330
電郵: Sales@eDM-EmailMarketing.com
地址: 香港九龍長沙灣長裕街10號億京廣場二期27樓A10室
原文見: 製作響應式電郵設計的十個妙招 | 電郵推廣軟件 | Email Marketing Solutions | 電郵發送系統 | 電郵營銷服務 | eDM Email Marketing Software
電郵推廣軟件 | 電郵營銷系統 | Email Marketing Software |
製作響應式電郵設計的超讚妙招
Reviewed by 匿名
on
6/04/2016
Rating: