如何讓你的郵件脫穎而出（設(shè)計篇）更新版

時間：2023-07-25 10:09:01 | 來源：網(wǎng)站運(yùn)營

時間：2023-07-25 10:09:01 來源：網(wǎng)站運(yùn)營

如何讓你的郵件脫穎而出（設(shè)計篇）更新版：

我是一篇《Designing for email》的書籍導(dǎo)讀，如果你沒有時間閱讀該書全文，我將帶領(lǐng)你了解該書的精髓部分，從而設(shè)計出優(yōu)質(zhì)的郵件。本篇重點(diǎn)是兩個方面：模塊化設(shè)計和版式設(shè)計。如果想了解更多內(nèi)容設(shè)計的部分，請參考：如何讓你的郵件脫穎而出（內(nèi)容篇）

預(yù)計閱讀時間：8 分鐘

誰應(yīng)該讀下去：為公司擔(dān)任郵件設(shè)計任務(wù)的設(shè)計師，Marketing部門，想要通過郵件加強(qiáng)用戶聯(lián)系的企業(yè)/個人

郵件是各大小企業(yè)、個人與客戶交流的重要工具。在碎片化信息高速發(fā)展的時代，郵件擁有的相對「持續(xù)」的屬性，也讓其作用更加不可小覷。我將主要從設(shè)計和內(nèi)容這兩個方面來幫助你更好地設(shè)計出吸引人的郵件。

模塊化你的郵件

模塊化設(shè)計

1. 創(chuàng)建一個設(shè)計體系

• 拆解你的郵件板塊
  

我建議大家用模塊化的方式設(shè)計郵件體系。最常見的方法就是分解常用的內(nèi)容/設(shè)計為不同的板塊，這些板塊這樣可以像積木一樣在設(shè)計的時候方便地排列組合。這些板塊可以是文字內(nèi)容，圖片，視頻，或是鏈接按鈕等。

在使用的時候，你只需要根據(jù)主題（我這封郵件的主題是推銷、咨詢還是業(yè)務(wù)？）選擇你的常用板塊，進(jìn)行不同的排列組合即可。

• 建立模版庫

常用模塊確立之后，就應(yīng)該根據(jù)不同的需要來獨(dú)立設(shè)計每個模塊。注意要盡可能讓每個模塊獨(dú)立可用，并且給每個模塊多些不同選擇。然后用這些模塊去建立框架模板。

這樣做的好處有兩點(diǎn)，一方面，創(chuàng)建的郵件體系可以讓你保持風(fēng)格的一致，這對保持你的客戶群很重要；另一方面，通過模塊的排列組合，你可以方便高效地創(chuàng)建新郵件，從而節(jié)省大量的時間。

提示：記得保持模版庫的更新。

2. 組合框架

獨(dú)立的模塊確立好之后，就需要將郵件組合成框架。下面這張圖就詮釋了如何用模塊化的思維思考郵件的板塊：

也就是說，你需要建立清晰的每個獨(dú)立模塊，為他們定義不同的目的。

3. 測試和迭代

在你的郵件模板之后，不要忘了進(jìn)行測試和迭代你的郵件。一個很好的辦法就是對你郵件進(jìn)行A/B testing，這樣，你才能知道哪種模板是你的客戶最喜歡的，從而固定下你自己郵件的模式。

你可以不斷對你的郵件保持更新，從而適應(yīng)市場和用戶新的需求。但是，最好不要一下子對你的郵件模板有徹底的改變，這可能會讓你流失大批客戶，因?yàn)樗麄円呀?jīng)習(xí)慣了以前的方式。比較安全的方法是通過連續(xù)的、漸進(jìn)的改變來讓你的用戶逐漸接受和適應(yīng)郵件的改版。

尺寸很重要：響應(yīng)式設(shè)計中的句子長度與字體的平衡

谷歌最新報告發(fā)現(xiàn)，移動端（尤其是手機(jī)）對頁面的訪問量已超過了50%。在國內(nèi)，用手機(jī)瀏覽網(wǎng)頁的人也是占據(jù)了越來越多的份額。這就讓頁面的響應(yīng)式設(shè)計變得無比重要。郵件設(shè)計也是如此。在進(jìn)行郵件版面設(shè)計的時候，需要考慮用戶在不同屏幕尺寸上進(jìn)行瀏覽的體驗(yàn)。

句子長度

你知道人們是怎么閱讀的嗎？

科學(xué)家在對閱讀者進(jìn)行眼動實(shí)驗(yàn)研究之后，發(fā)現(xiàn)了人們閱讀習(xí)慣幾個有意思的事實(shí)：

• 人們習(xí)慣于跳讀，而不是逐字逐句閱讀文章
• 閱讀者會帶著目的地閱讀
• 對內(nèi)容有興趣的人才會愿意慢下來閱讀整篇文章
• 眼動路徑：F 型眼動模式

這是尼爾森諾曼團(tuán)隊對閱讀者進(jìn)行眼動實(shí)驗(yàn)時得出的熱力圖。從左到右依次對應(yīng)細(xì)讀（engaged reading), 隨意瀏覽（casual reading) 和帶著目的閱讀（puroposeful reading）。

可以看出，無論是哪種閱讀方式，由于人們通常不會用勻速從頭到尾看完一行的每一個字就跳到下一行，這種平行和豎直的眼動路徑結(jié)果就是形成一個 F 形的眼動路徑。

這對我們設(shè)計有什么啟發(fā)？

根據(jù)閱讀者的眼動路徑，我們在設(shè)計中就更需要注意文章的尺寸大小。具體來說，我們應(yīng)該用合適的句子長度來讓讀者感覺從上到下和從左到右的轉(zhuǎn)換是舒適的：

• 最完美的句子長度（印刷）：65個英文字符（32個左右的中文字符）
• 印刷中45-75個英文字符是理想的長度范圍（包括標(biāo)點(diǎn)和空格）
• 對于網(wǎng)頁設(shè)計來說，我把這個范圍擴(kuò)大到了每行45-85個英文字符

Chris Coyer最近提出每行45-75個英文字符來適應(yīng)網(wǎng)頁的響應(yīng)式設(shè)計。

不過，不管是什么尺寸，其實(shí)唯一的規(guī)則就是設(shè)計出舒適、可閱讀性高的頁面。

字體大小和行距

在響應(yīng)式設(shè)計頁面上，滿足屏幕大小的易讀性應(yīng)該是優(yōu)先于理想字體和句子長度的。也就是說，不需要拘泥于尺寸規(guī)則。在不同屏幕尺寸上，可以等比擴(kuò)大或縮小字體大小。

從行距來說，過寬的行距會影響閱讀速度，過窄的行距讓人覺得不舒服，建議采取 150% * 字體大小 這樣的行距來進(jìn)行排版。

同時要注意：越小的字體反而需要越寬的行距。因?yàn)楦鼘挼男芯嗫梢宰屟劬Ω妆嬲J(rèn)小字，并且可以在眼睛開始厭倦小字的時候，鼓勵讀者視線繼續(xù)水平移動。

如果你對以上原則都已經(jīng)運(yùn)用得很熟練了，那么我鼓勵你不斷創(chuàng)新，打破規(guī)則。因?yàn)榫拖駝倓偺岬降?，其?shí)唯一的版式設(shè)計規(guī)則就是：讓排版美觀舒適、可讀性強(qiáng)。

謝謝閱讀