E-posta Araçlarının Dünü, Bugünü ve Geleceği: Web Semineri Kaydı + Soru-Cevap

E-posta kampanyalarını tasarlamak, oluşturmak ve test etmek için kullandığımız araçlar yıllar içinde büyük ölçüde değişti. Dreamweaver ve Builder'dan Photoshop ve Figma'ya kadar araçlar, çalışmalarımızı daha dinamik, işbirliğine dayalı ve eğlenceli hale getirmek için gelişti. Bu klasik araçlar, her yerdeki e-posta meraklılarının kalbinde hala özel bir yere sahip. Daha da önemlisi, mevcut araçlarımızdan ne beklediğimizi ve gelecekte ne görmek istediğimizi etkilerler.

Bu web seminerinde, Target'tan Shani Nestingen ve Camiah'tan Camille Palu, e-posta oluşturma tarihi ve kullandığımız araçlar hakkında bilgi edinmek (ve teselli etmek) için Litmus ekibine katıldı.

Web seminerini canlı izleme şansınız olmadı mı? Merak etme. Kaydın tamamına istediğiniz zaman erişebilir ve aşağıdaki Soru-Cevap bölümünü okuyabilirsiniz.

Soru-Cevap

Web semineri sırasında soru soran herkese çok teşekkür ederiz! En popüler sorulara verdiğimiz yanıtların bir özetini ve canlı web semineri sırasında alamadığımız bazı soruları ele alıyoruz. Başka sorularınız mı var? Lütfen onları yorumlarda bırakın.

E-postayı Karanlık Mod'a uyarlamak için herhangi bir ipucu var mı?

Lily Worth : Litmus'un Baş E-posta Mühendisi Alice Li, Karanlık Mod için faydalı bir okuma olabilecek harika bir rehber yazdı. Karanlık Mod deneyiminizi özelleştirebilmeniz için gömülü CSS'nize eklemeniz için Karanlık Mod medya sorgularında size yol gösterir.

Yalnızca DW HTML bilgisine sahip biri için açık kaynak tanımlayabilir misiniz?

Camille Palu : Tanım: Orijinal kaynak kodunun ücretsiz olarak sağlandığı ve yeniden dağıtılıp değiştirilebildiği yazılımdır. Bu, kodun bir sır olmadığı anlamına gelir. Bu harika çünkü bir şirkete kilitlenip sahiplenmek yerine daha iyi ve daha iyi hale getirmek için güncellenebilir ve yinelenebilir. Kilitliyse ve bir şirkete aitse, güncellemelerin zamanında veya hatta hiç yapılma olasılığı daha düşüktür.

Dreamweaver tek tıkla ve düzenle uygulaması mı?

Camille Palu : Dreamweaver bildiğim tek kişi. Ayrıca Litmus Builder işlevselliğine sahiptir.

Atom, Sublime ile nasıl karşılaştırılır?

Camille Palu : İkisi de iyi! Bütün gün yaptığınız iş için bir aletin gerçek ihtiyaçlarını ve nedenlerini kesinlikle gözden geçirmelisiniz. Atom'un desteklediği paketlerin özelleştirilmesini tercih ederim. Sizin ve ekibiniz için neyin işe yaradığını görmek için her ikisini de test etmeye değer.

Adobe Animate'i nasıl öğrendiniz? Kendinize mi öğrettiniz yoksa faydalı öğreticiler mi buldunuz?

Lily Worth : Başlangıçta Flash'ta nasıl animasyon yapılacağını öğrendim. Adobe Animate olduğunda, Flash animasyon özelliklerinin çoğunu korudu. O zamandan hatırladığım kadarıyla programla birlikte gelen kılavuzları ve öğreticileri kullandım. Bu yazılımla kullanabileceğiniz tüm teknikleri elde tutmakta zorlanıyorum, bu yüzden bilgilerimi yenilemek için sık sık YouTube'a dönüyorum. Bazı eğlenceli animasyon öğrenmeleri için Tiptut'u tavsiye ederim.

After Effects'te çalışmak isteyen bir tasarımcı için önerebileceğiniz kaynaklar var mı?

Lily Worth : After Effects'te başarılı bir şekilde canlandırma yapmamış olsam da, öğrenmeye çalışırken sunulan harika kaynaklardan bazılarına daldım. Creative Bloq, bu yazıda, temel bilgilerden daha karmaşık tekniklere kadar değişen 50'den az kullanışlı öğretici sunuyor. Ve Tiptut'un bazı eğlenceli YouTube videoları da var.

Camille Palu : Kesinlikle YouTube!

Shani Nestingen : Kesinlikle YouTube. Ayrıca, Smashing Magazine'de Lynda ve Pluralsight hakkında harika tanıtım derslerinin yanı sıra bazı harika makaleler var.

Figma'da bir e-posta tasarımı için dilimleme öğeleriyle nasıl başa çıkıyorsunuz? Ekibim Figma'ya geçti ve ben bununla başa çıkmakta zorlanıyorum.

Camille Palu : Figma'dan 2x boyutunda bir şeyler kaydediyorum ve onları mükemmelleştirmek için bu kaydedilen öğeleri Photoshop'a alıyorum. Görüntülerin ne kadar mükemmel olması gerektiği konusunda gerçekten seçiciyim. Çoğu zaman öğeler gerçekten güzel bir şekilde tasarruf sağlar, ancak Photoshop'ta emin olmayı ve web için kaydetmeyi seviyorum.

Lily Worth : Cam'a benzer bir süreç kullanıyorum! Figma'da ondalık piksellerle çok uğraşıyorum, bu yüzden e-posta derlemesine girmek için Alice'e teslim etmeden önce resimlerimi Photoshop'ta kontrol edip mükemmelleştiriyorum.

Kodlamaya ve e-posta tasarlamaya çalışan bir tasarımcıya tavsiyeniz var mı?

Lily Worth : Başlarken tırmanmak biraz dağ gibi geliyor ama başlamanıza yardımcı olacak birçok kaynak var. İşte bazı yararlı okuma materyalleri:

• E-posta kodlamada yeni misiniz? İşte nereden başlayacağınız. (Gerçekten İyi E-postalar)
• Kendi HTML E-postanızı Oluşturmak İçin Adım Adım Kılavuz (Uplers)
• E-posta Tasarım Referansı (Mailchimp)
• E-posta Kodunun 101'i (Litmus)

Ayrıca, Twitter'da #emailgeeks aracılığıyla e-posta topluluğuyla bağlantı kurun! E-posta topluluğu harika ve her zaman yardım etmeye istekli. Ayrıca, destek için e-posta tasarımcılarına ve geliştiricilere ulaşmak veya Email Geeks Slack topluluğuna katılmak için sorularınızı Litmus Topluluğuna gönderebilirsiniz.

Shani Nestingen : Lily'nin paylaştığı bağlantılar, başlangıç ​​olarak, ancak sosyal medya, Twitter ve Email Geeks gevşek grubu aracılığıyla kesinlikle bağlantı kuracağım bağlantılardır. Orada bağlantı kurabileceğiniz çok sayıda harika kaynak ve insan var.

Bir araçtan diğerine en iyi şekilde nasıl geçiş yapılacağına dair herhangi bir öneriniz var mı? Tasarım yığınımızı Figma'ya taşımak istiyoruz.

Lily Worth : Figma, tasarımlarınızı Sketch'ten kolayca içe aktarmanıza olanak tanır. Photoshop'tan geçiş yapıyorsanız, PSD dosyalarınızı Sketch dosyalarına dönüştürmenin ve ardından Figma'ya aktarmanın bir yolu vardır.

Figma ile ilgili harika olan şey, mizanpajları ne kadar hızlı oluşturup modülleri ve öğeleri kitaplığınıza kaydedebilmenizdir, bu nedenle içe aktarma çok iyi sonuç vermezse, mevcut dosyalarınızdan bazılarını Figma'da (parmaklar) yeniden oluşturmak çok acı verici olmayabilir. çapraz).

Aranızda Adobe Fireworks kullanan var mı? Bir gerileme hakkında konuşun!

Shani Nestingen : Fireworks'ü yalnızca Macromedia'ya aitken kullandım, ancak web sürümlerini çok az adımda kaydedebilmeyi sevdim!

E-posta oluşturma sürecinin herhangi bir adımı için hangi araçları önerirsiniz?

Jason Rodriguez : Web semineri sırasında tartıştığımız araçlardan bazıları ve diğer katılımcıların önerdiği araçlar:

• diffchecker.com
• dikdörtgenapp.com
• emailcomb.com
• howtotarget.e-posta
• Betterplaceholder.com
• imageoptim.com
• ezgif.com
• minikpng.com