製作響應式郵件設計的十個超讚妙招

2021-07-03 10:44:13 字數 1491 閱讀 6852

移動網際網路的崛起,催生了響應式設計的誕生與興起。幾乎所有的營銷渠道都與」移動化」這一詞彙**,電子郵件營銷也不例外。大部分電子郵件通過移動裝置開啟閱讀,這一比例將在後續幾年內繼續增長。同時,至少50%的移動使用者會選擇關閉或刪除並非個性化的電子郵件。未來電子郵件營銷的進化深度反映著其是否具備適應網際網路時代瞬息萬變的能力。

響應式設計指集中建立頁面的排版大小,智慧型地根據使用者行為以及使用的裝置環境(系統平台、螢幕尺寸、螢幕定向等)進行相對應的布局,在郵件呈現上,通過頁面隱藏、摺疊、擴充套件,為使用者帶來舒適的移動閱讀體驗。多渠道智慧型化營銷服務機構webpower將為大家推薦製作響應式郵件過程中的十個關鍵要點。 1.

郵件布局

始終都要牢記「響應式」這一詞彙,特別是在設計階段。從移動設計的理念著手,建立移動化的視覺版本,盡量使其保持簡潔有序。越是繁多的影象或複雜的設計,往往越難送達,移動使用者可能無法收到此類郵件。 2.

堅持單行索引

建議選擇單行索引的設計版式,以促使郵件優化過程盡量簡單化。這並不是說多行索引設計無法在移動裝置上正常顯示或執行,只是如果需要同時滿足pc端和移動自適應,相關技術難度可能會提公升不少。 3.

文字左對齊

有相關視覺跟蹤研究表明,西方使用者的大部分注意力集中在電子郵件內容的左邊部分。當然有些作業系統,尤其是安卓系統,無法衡量內容實際寬度以適應螢幕,因此只能顯示郵件的左半部分。從人體工程學的角度,大多數使用者更容易瀏覽到螢幕左下角及中間位置的郵件內容。 4.

頂層內容

簡化螢幕在一定程度上確實改變了郵件設計規則。在製作郵件時,具有象徵性的cta購買按鍵應盡可能靠近頂部位置,如果無法被使用者立即看到,它們有可能永遠不會被看到。

5.media queries

特性media queries是響應式設計中最重的一部分,它不僅被運用於**響應,而且還能用於電子郵件的布局,使郵件改變成適應移動裝置顯示的版本。不同型別的移動裝置具有不同的media queries特性,這意味著將根據螢幕解析度鎖定熱門裝置進行個性化投遞。 6.

尺寸大小

根據蘋果公司的指導建議,鏈結和按鈕的尺寸應當控制在44*44畫素以上。在移動裝置顯示上,不起眼的鏈結和按鈕是最無用的設計。另外,字型大小可保持在17-21畫素範圍內,最佳字型大小則為19畫素。 7.

精簡內容

並不是所有的郵件內容都是重要的。不妨在建立響應式設計時,選擇郵件中最重要的資訊點顯示,避免過分擁擠的移動資訊。營銷人員需要注意保持郵件內容簡潔明瞭,小螢幕意味著營銷人員將比以往任何時候都重視與使用者的有效互動。而螢幕的運用變得尤為珍貴,設計人員應在郵件中隱藏次要內容,保證重要資訊能夠被使用者關注,突出顯示優先順序的內容。 8.

考慮完整性

當你在為移動使用者縮減設計時,不要僅僅只關注頁面布局還需要考慮郵件完整性。營銷人員應考慮郵件中的每乙個部分是否適合在移動端顯露,這將給予設計人員更大的空間進行郵件設計。 9.

響應式移動裝置在載入專案時通常比pc裝置慢,郵件中各類元素需要同時公升級移動閱讀體驗,除了文字、版式設計等,影象也是不容忽視的一環,所有在移動端顯示的內容都應具備響應式的設計前提。

10.測試

十個做網頁設計的小竅門

技巧 做網頁設計的10個小竅 1 記住 你能掌控的時間是有限的 我僅僅用4秒鐘就能瀏覽完平常的頁面,因此,你沒有足夠的時間吸引使用者並讓他們繼續瀏覽你的 也就是說你應盡可能準確的描述你設計的 是關於什麼的。如果它需要讓瀏覽者花費更多的時間去弄明白此 是關於什麼的,他將放棄並離開。2 記住 使用者是略...

表的設計命名的十個注意點

1 表名一般以 模組名稱 具體表名 來實現,同乙個模組的字首是一樣的。oracle大小寫敏感,在 中可以不用 因為可以用大小寫一起的寫法。這也是可以的 2 表名稱不應該取得太長 一般不超過三個英文單詞,不推薦使用中文拼音,總的長度不要超過32個字元 表名使用英文的原因,有些專案有英文版的需要,或者這...

關於UI設計你需要自問的十個問題

摘要 ui 設計的魅力在於,你不僅需要適當的技巧,更要理解使用者與程式的關係。乙個有效的使用者介面關注的是使用者目標的實現,包括視覺元素與功能操作在內的所有東西都 需要完整一致。為了實現這個目標,你需要問自己10 個最基本的問題。1.你的ui 是否高度一致?使用者來.ui 設計的魅力在於,你不僅需要...