電子郵件工具的過去、現在和未來：網絡研討會錄音 + 問答

已發表: 2020-07-13

多年來，我們用於設計、構建和測試電子郵件活動的工具發生了巨大變化。 從 Dreamweaver 和 Builder，到 Photoshop 和 Figma，工具不斷發展，使我們的工作更加動態、協作和愉快。 這些經典工具在各地電子郵件極客的心中仍然佔有特殊的地位。 更重要的是，它們會影響我們對當前工具的期望以及我們希望在未來看到的內容。

在本次網絡研討會中，來自 Target 的 Shani Nestingen 和來自 Camiah 的 Camille Palu 加入了 Litmus 團隊，以了解（並同情）製作電子郵件的歷史和我們使用的工具。

沒有機會觀看網絡研討會直播？ 別擔心。 您可以隨時訪問完整錄音並閱讀下面的問答。

問答

非常感謝在網絡研討會期間提出問題的所有人！ 以下是我們對最熱門問題的回答的回顧，以及我們對現場網絡研討會期間未解決的一些問題的看法。 還有其他問題嗎？ 請在評論中留下它們。

在黑暗模式下調整電子郵件的任何提示？

Lily Worth ：Litmus 的首席電子郵件工程師 Alice Li 寫了一本很棒的黑暗模式指南，值得一讀。 它會引導您完成暗模式媒體查詢以添加到您的嵌入式 CSS，因此您可以定制暗模式體驗。

你能為只有 DW HTML 知識的人定義開源嗎？

Camille Palu ：定義是：原始源代碼可免費提供並可重新分發和修改的軟件。 這意味著代碼不是秘密。 這很棒，因為它可以更新和迭代以使其越來越好，而不是被公司鎖定和擁有。 如果它被鎖定並歸公司所有，那麼及時進行更新的機會就會減少，甚至根本不會進行。

Dreamweaver 是唯一的點擊式編輯應用程序嗎？

Camille Palu ：Dreamweaver 是我所知道的唯一一個。 Litmus Builder 也有這個功能。

Atom 與 Sublime 相比如何？

卡米爾帕盧：兩者都很好！ 您絕對應該仔細查看工具的真正需求和原因，以完成您一整天的工作。 我更喜歡 Atom 支持的包的定制。 值得測試一下，看看什麼對你和你的團隊有用。

您是如何學習 Adob​​e Animate 的？ 你是自學還是找到有用的教程？

Lily Worth ：最初我學會瞭如何在 Flash 中製作動畫。 當它成為 Adob​​e Animate 時，它保留了大部分 Flash 動畫功能。 根據我的記憶，我使用了該程序隨附的指南和教程。 我努力保留您可以在該軟件中使用的所有技術，因此我經常轉向 YouTube 來更新我的知識。 我會推薦 Tiptut 來學習一些有趣的動畫。

您為想要在 After Effects 中工作的設計師推薦的任何資源？

Lily Worth ：雖然我沒有在 After Effects 中成功製作動畫，但在嘗試學習時我已經深入了解了一些提供的重要資源。 Creative Bloq 在這篇文章中提供了不少於 50 個方便的教程，範圍從基礎知識到更複雜的技術。 Tiptut 也有一些有趣的 YouTube 視頻。

卡米爾帕盧：肯定是 YouTube！

Shani Nestingen ：當然是 YouTube。 此外，Smashing Magazine 上有一些很棒的文章，以及關於 Lynda 和 Pluralsight 的精彩介紹教程。

你如何處理 Figma 中電子郵件設計的切片元素？ 我的團隊剛剛切換到 Figma，我正在努力掌握它。

Camille Palu ：我從 Figma 中保存 2 倍大小的東西，並將這些保存的元素放入 Photoshop 中以完善它們。 我對圖像的完美程度非常挑剔。 很多時候這些元素保存得非常好，但我喜歡在 Photoshop 中確保並保存到網絡上。

Lily Worth ：我使用與 Cam 類似的過程！ 我經常在 Figma 中使用十進制像素，所以我經常在 Photoshop 中檢查和完善我的圖像，然後將它們交給 Alice 以進入電子郵件構建。

對於試圖闖入編碼和設計電子郵件的設計師，您有什麼建議嗎？

Lily Worth ：剛開始時確實感覺有點像爬山，但是有很多資源可以幫助您前進。 以下是一些有用的閱讀材料：

  • 電子郵件編碼新手？ 這是開始的地方。 （非常好的電子郵件）
  • 創建您自己的 HTML 電子郵件（上傳者）的分步指南
  • 電子郵件設計參考 (Mailchimp)
  • 電子郵件代碼的 101 (Litmus)

此外，通過 Twitter 上的 #emailgeeks 與電子郵件社區聯繫！ 電子郵件社區很棒，而且總是樂於助人。 您還可以在 Litmus 社區上發布您的問題，以聯繫電子郵件設計人員和開發人員尋求支持，或加入電子郵件極客 Slack 社區。

Shani Nestingen ：Lily 分享的鏈接是我要開始的，但絕對是通過社交媒體、Twitter 和電子郵件極客閒散小組聯繫起來的。 那裡有很多很棒的資源和人可以聯繫。

對於如何最好地從一種工具遷移到另一種工具，您有什麼建議嗎？ 我們希望將我們的設計堆棧移至 Figma。

Lily Worth ：Figma 允許您輕鬆地從 Sketch 導入您的設計。 如果您從 Photoshop 遷移，有一種方法可以將您的 PSD 文件轉換為 Sketch 文件，然後導入到 Figma。

Figma 的偉大之處在於您可以多快地創建佈局並將模塊和元素保存到您的庫中，因此如果導入效果不佳，在 Figma 中重新創建一些現有文件可能不會太痛苦（手指交叉）。

你們中有人使用過 Adob​​e Fireworks 嗎？ 談論回歸！

Shani Nestingen ：我只在 Fireworks 仍歸 Macromedia 所有時使用它，但我喜歡能夠以很少的步驟保存網絡版本！

您會為電子郵件創建過程的任何步驟推薦哪些工具？

Jason Rodriguez ：以下是我們在網絡研討會期間討論的一些工具，以及其他與會者推薦的工具：

  • diffchecker.com
  • 矩形應用程序
  • 電子郵箱
  • howtotarget.email
  • Betterplaceholder.com
  • imageoptim.com
  • ezgif.com
  • tinypng.com