電子メールツールの過去、現在、未来：ウェビナーレコーディング+ Q＆A
公開: 2020-07-13電子メールキャンペーンの設計、構築、およびテストに使用するツールは、ここ数年で大幅に変更されました。 DreamweaverやBuilderからPhotoshopやFigmaに至るまで、ツールは進化して、私たちの仕事をよりダイナミックで、協調的で、楽しいものにしています。 これらの古典的なツールは、今でもあらゆる場所の電子メールオタクの心の中で特別な位置を占めています。 さらに重要なことに、これらは現在のツールに期待するものと、将来見たいものに影響を与えます。
このウェビナーでは、TargetのShaniNestingenとCamiahのCamillePaluがLitmusチームに加わり、電子メールの作成の歴史と私たちが使用したツールについて調べました（そしてコミュニケートしました）。
ウェビナーをライブで見る機会がありませんでしたか？ 心配しないでください。 いつでも完全な録音にアクセスして、以下のQ＆Aを読むことができます。
Q＆A
ウェビナー中に質問をしてくれた皆さん、本当にありがとうございました！ これは、最も人気のある質問に対する回答の要約と、ライブウェビナーでは得られなかったいくつかの質問に対する回答です。 他に質問がありますか？ コメント欄に残してください。
メールをダークモードに適応させるためのヒントはありますか？
Lily Worth ：LitmusのプリンシパルEメールエンジニアであるAlice Liが、ダークモードの優れたガイドを作成しました。 ダークモードメディアクエリを使用して埋め込みCSSに追加する方法を説明しているため、ダークモードエクスペリエンスを調整できます。
DW HTMLの知識しかない人のためにオープンソースを定義できますか？
Camille Palu ：定義は次のとおりです。元のソースコードが無料で利用可能になり、再配布および変更できるソフトウェア。 これは、コードが秘密ではないことを意味します。 これは、会社によってロックダウンされて所有されるのではなく、更新および反復して、より良いものにすることができるため、優れています。 それはロックダウンされ、会社が所有しているなら、あまりタイムリーに行われた更新の機会、あるいはまったくがあります。
Dreamweaverは唯一のポイントアンドクリック編集アプリですか？
Camille Palu ：私が知っているのはDreamweaverだけです。 また、LitmusBuilderには機能があります。
AtomはSublimeとどのように比較されますか？
カミーユパル：どちらもいいです！ あなたは間違いなくあなたが一日中行う仕事のためのツールの本当のニーズと理由を調べる必要があります。 私はAtomがサポートするパッケージのカスタマイズを好みます。 あなたとあなたのチームにとって何が効果的かを確認するために、両方をテストする価値があります。
Adobe Animateをどのように学びましたか？ 自分で教えたり、役立つチュートリアルを見つけたりしましたか？
Lily Worth ：最初は、Flashでアニメーション化する方法を学びました。 Adobe 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で確認し、Web用に保存するのが好きです。
リリーワース：私はカムと同様のプロセスを使用しています！ Figmaでは10進数のピクセルに苦労しているので、Photoshopで画像をチェックして完成させてから、Aliceに渡してメールの作成に取り掛かることがよくあります。
メールのコーディングやデザインに取り掛かろうとしているデザイナーに何かアドバイスはありますか？
Lily Worth ：始めたばかりのときは登るのは少し山のように感じますが、始めるのに役立つリソースはたくさんあります。 ここにいくつかの役立つ読み物があります：
- 電子メールコーディングは初めてですか？ ここから始めましょう。 （本当に良いメール）
- 独自のHTMLメールを作成するためのステップバイステップガイド（Uplers）
- メールデザインリファレンス（Mailchimp）
- メールコードの101（リトマス）
また、Twitterの#emailgeeksを介してメールコミュニティに接続してください！ メールコミュニティは素晴らしく、常に助けたいと思っています。 また、Litmusコミュニティに質問を投稿して、メールデザイナーや開発者にサポートを依頼したり、Email GeeksSlackコミュニティに参加したりすることもできます。
Shani Nestingen ：Lilyが共有するリンクは私が最初に使用するものですが、ソーシャルメディア、Twitter、Email Geeksslackグループを介して確実に接続します。 そこに接続するための非常に多くの素晴らしいリソースと人々があります。
あるツールから別のツールに最適に移行する方法についての推奨事項はありますか？ デザインスタックをFigmaに移動することを検討しています。
Lily Worth ：Figmaを使用すると、Sketchからデザインを簡単にインポートできます。 Photoshopから移行する場合は、PSDファイルをSketchファイルに変換してから、Figmaにインポートする方法があります。
Figmaの優れている点は、レイアウトをすばやく作成し、モジュールと要素をライブラリに保存できることです。したがって、インポートがうまく機能しない場合でも、Figma（指）内に既存のファイルの一部を再作成するのはそれほど苦痛ではないかもしれません。交差した）。
当時、Adobe Fireworksを使用した人はいますか？ 先祖返りについて話してください！
Shani Nestingen ：Fireworksは、Macromediaがまだ所有しているときにのみ使用しましたが、わずかな手順でWebバージョンを保存できるのが好きでした。
メール作成プロセスのどのステップでも、どのツールをお勧めしますか？
Jason Rodriguez ：ウェビナーで話し合ったツールのいくつかと、他の参加者が推奨したツールは次のとおりです。
- diffchecker.com
- rectangleapp.com
- emailcomb.com
- howtotarget.email
- betterplaceholder.com
- imageoptim.com
- ezgif.com
- tinypng.com