移動互聯(lián)網的崛起，催生了響應式設計的誕生與興起。幾乎所有的營銷渠道都與”移動化”這一詞匯捆綁，電子郵件營銷也不例外。大部分電子郵件通過移動設備打開閱讀，這一比例將在后續(xù)幾年內繼續(xù)增長。同時,至少50%的移動用戶會選擇關閉或刪除并非個性化的電子郵件。未來電子郵件營銷的進化深度反映著其是否具備適應互聯(lián)網時代瞬息萬變的能力。
響應式設計指集中創(chuàng)建頁面的圖片排版大小，智能地根據用戶行為以及使用的設備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕定向等)進行相對應的布局，在郵件呈現(xiàn)上，通過頁面隱藏、折疊、擴展，為用戶帶來舒適的移動閱讀體驗。下面為大家推薦制作響應式郵件過程中的十個關鍵要點。
1.郵件布局
始終都要牢記“響應式”這一詞匯，特別是在設計階段。從移動設計的理念著手，創(chuàng)建移動化的視覺版本，盡量使其保持簡潔有序。越是繁多的圖像或復雜的設計，往往越難送達，移動用戶可能無法收到此類郵件。
2.堅持單行索引
建議選擇單行索引的設計版式，以促使郵件優(yōu)化過程盡量簡單化。這并不是說多行索引設計無法在移動設備上正常顯示或運行，只是如果需要同時滿足PC端和移動自適應，相關技術難度可能會提升不少。
3.文本左對齊
有相關視覺跟蹤研究表明，西方用戶的大部分注意力集中在電子郵件內容的左邊部分。當然有些操作系統(tǒng)，尤其是安卓系統(tǒng)，無法衡量內容實際寬度以適應屏幕，因此只能顯示郵件的左半部分。從人體工程學的角度，大多數用戶更容易瀏覽到屏幕左下角及中間位置的郵件內容。
4.頂層內容
簡化屏幕在一定程度上確實改變了郵件設計規(guī)則。在制作郵件時，具有象征性的CTA購買按鍵應盡可能靠近頂部位置，如果無法被用戶立即看到，它們有可能永遠不會被看到。
5.Media Queries特性
Media Queries是響應式設計中最重的一部分，它不僅被運用于網站響應，而且還能用于電子郵件的布局，使郵件改變成適應移動設備顯示的版本。不同類型的移動設備具有不同的Media Queries特性，這意味著將根據屏幕分辨率鎖定熱門設備進行個性化投遞。
6.尺寸大小
根據蘋果公司的指導建議，鏈接和按鈕的尺寸應當控制在44*44像素以上。在移動設備顯示上，不起眼的鏈接和按鈕是最無用的設計。另外，字體大小可保持在17-21像素范圍內，最佳字體大小則為19像素。
7.精簡內容
并不是所有的郵件內容都是重要的。不妨在創(chuàng)建響應式設計時，選擇郵件中最重要的信息點顯示，避免過分擁擠的移動信息。營銷人員需要注意保持郵件內容簡潔明了，小屏幕意味著營銷人員將比以往任何時候都重視與用戶的有效互動。而屏幕的運用變得尤為珍貴，設計人員應在郵件中隱藏次要內容，保證重要信息能夠被用戶關注，突出顯示優(yōu)先級的內容。
8.考慮完整性
當你在為移動用戶縮減設計時，不要僅僅只關注頁面布局還需要考慮郵件完整性。營銷人員應考慮郵件中的每一個部分是否適合在移動端顯露，這將給予設計人員更大的空間進行郵件設計。
9.響應式圖片
移動設備在加載項目時通常比PC設備慢，郵件中各類元素需要同時升級移動閱讀體驗，除了文字、版式設計等，圖像也是不容忽視的一環(huán)，所有在移動端顯示的內容都應具備響應式的設計前提。
10.測試
市面上現(xiàn)在有許多免費的在線工具以測試移動設計，提供在不同尺寸大小的移動設備上的設計預覽。不妨利用這些在線工具在正式發(fā)送郵件前細心調整，避免錯誤，提升移動用戶的閱讀體驗。
樂發(fā)網超市批發(fā)網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發(fā)市場供應廠商搭建網上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務權威性網站。
本文內容整合網站：百度百科、知乎、淘寶平臺規(guī)則
