อดีต ปัจจุบัน และอนาคตของเครื่องมืออีเมล: การบันทึกการสัมมนาผ่านเว็บ + ถาม & ตอบ

เครื่องมือที่เราใช้ในการออกแบบ สร้าง และทดสอบแคมเปญอีเมลมีการเปลี่ยนแปลงอย่างมากในช่วงหลายปีที่ผ่านมา ตั้งแต่ Dreamweaver และ Builder ไปจนถึง Photoshop และ Figma เครื่องมือต่างๆ ได้พัฒนาขึ้นเพื่อทำให้งานของเรามีไดนามิก ทำงานร่วมกัน และสนุกสนานมากขึ้น เครื่องมือแบบคลาสสิกเหล่านั้นยังคงเป็นที่พิเศษในหัวใจของบรรดาผู้คลั่งไคล้อีเมลในทุกๆ ที่ ที่สำคัญกว่านั้น สิ่งเหล่านี้มีอิทธิพลต่อสิ่งที่เราคาดหวังจากเครื่องมือปัจจุบันของเราและสิ่งที่เราต้องการเห็นในอนาคต

ในการสัมมนาผ่านเว็บนี้ Shani Nestingen จาก Target และ Camille Palu จาก Camiah เข้าร่วมทีม Litmus เพื่อเจาะลึก (และแสดงความเห็นอกเห็นใจ) เกี่ยวกับประวัติของการสร้างอีเมลและเครื่องมือที่เราใช้

ไม่ได้มีโอกาสดูการสัมมนาผ่านเว็บแบบสดใช่หรือไม่? ไม่ต้องกังวล คุณสามารถเข้าถึงการบันทึกแบบเต็มได้ตลอดเวลาและอ่านคำถาม & คำตอบด้านล่าง

ถาม-ตอบ

ขอบคุณมากสำหรับทุกคนที่ถามคำถามระหว่างการสัมมนาผ่านเว็บ! ต่อไปนี้คือบทสรุปของคำตอบสำหรับคำถามยอดนิยม พร้อมด้วยคำถามบางข้อที่เราไม่ได้รับระหว่างการสัมมนาผ่านเว็บแบบสด มีคำถามเพิ่มเติมหรือไม่? กรุณาทิ้งไว้ในความคิดเห็น

เคล็ดลับในการปรับอีเมลสำหรับ Dark Mode?

Lily Worth : Alice Li วิศวกรอีเมลหลักของ Litmus เขียนคำแนะนำที่ดีเกี่ยวกับ Dark Mode ที่จะเป็นประโยชน์ในการอ่าน โดยจะแนะนำคุณผ่านคิวรีสื่อของ Dark Mode เพื่อเพิ่มไปยัง CSS ที่ฝังตัว คุณจึงปรับแต่งประสบการณ์ Dark Mode ได้

คุณสามารถกำหนดโอเพ่นซอร์สสำหรับผู้ที่มีความรู้ DW HTML เท่านั้นได้หรือไม่

Camille Palu : คำจำกัดความคือ: ซอฟต์แวร์สำหรับสร้างซอร์สโค้ดต้นฉบับให้ใช้งานได้ฟรี และสามารถแจกจ่ายและแก้ไขได้ ซึ่งหมายความว่ารหัสไม่เป็นความลับ สิ่งนี้ยอดเยี่ยมเพราะสามารถอัปเดตและทำซ้ำเพื่อให้ดีขึ้นและดีขึ้น แทนที่จะล็อคและเป็นเจ้าของโดยบริษัท หากถูกล็อคและเป็นเจ้าของโดยบริษัท ก็มีโอกาสน้อยที่จะมีการอัปเดตในเวลาที่เหมาะสม หรือ แม้แต่ เลย

Dreamweaver เป็นแอปแก้ไขแบบชี้แล้วคลิกเพียงแอปเดียวใช่หรือไม่

Camille Palu : Dreamweaver คนเดียวที่ฉันรู้จัก นอกจากนี้ Litmus Builder ยังมีฟังก์ชันการทำงานอีกด้วย

Atom เปรียบเทียบกับ Sublime ได้อย่างไร?

คามิลล์ ปาลู : ดีทั้งคู่! คุณควรพิจารณาถึงความต้องการที่แท้จริงและเหตุผลสำหรับเครื่องมือสำหรับงานที่คุณทำตลอดทั้งวัน ฉันชอบการปรับแต่งแพ็คเกจที่ Atom รองรับ การทดสอบทั้งสองอย่างคุ้มค่า เพื่อดูว่าสิ่งใดเหมาะกับคุณและทีมของคุณ

คุณเรียนรู้ Adobe Animate ได้อย่างไร คุณสอนตัวเองหรือพบบทเรียนที่เป็นประโยชน์หรือไม่?

ลิลลี่ เวิร์ธ : ตอนแรกฉันเรียนรู้วิธีสร้างแอนิเมชั่นใน Flash เมื่อกลายเป็น Adobe Animate จะคงคุณลักษณะภาพเคลื่อนไหว Flash ไว้เป็นส่วนใหญ่ จากสิ่งที่ฉันจำได้ในตอนนั้น ฉันใช้คำแนะนำและบทช่วยสอนที่มาพร้อมกับโปรแกรม ฉันพยายามที่จะรักษาเทคนิคทั้งหมดที่คุณสามารถใช้กับซอฟต์แวร์นี้ได้ ฉันจึงมักจะหันไปใช้ YouTube เพื่อทบทวนความรู้ของฉัน ฉันอยากจะแนะนำ Tiptut สำหรับการเรียนรู้แอนิเมชั่นที่สนุกสนาน

แหล่งข้อมูลใดที่คุณแนะนำสำหรับนักออกแบบที่ต้องการทำงานใน After Effects?

Lily Worth : แม้ว่าฉันจะยังไม่ประสบความสำเร็จในการทำแอนิเมชั่นใน After Effects แต่ฉันก็ได้ใช้แหล่งข้อมูลดีๆ ที่มีให้เมื่อพยายามเรียนรู้ Creative Bloq มีแบบฝึกหัดที่มีประโยชน์ไม่น้อยกว่า 50 บทในโพสต์นี้ ซึ่งมีตั้งแต่พื้นฐานไปจนถึงเทคนิคที่ซับซ้อนยิ่งขึ้น และ Tiptut ก็มีวิดีโอ YouTube สนุกๆ ด้วยเช่นกัน

คามิลล์ ปาลู : YouTube แน่!

Shani Nestingen : YouTube แน่นอน นอกจากนี้ นิตยสาร Smashing ยังมีบทความดีๆ เกี่ยวกับเรื่องนี้ รวมถึงบทแนะนำเกี่ยวกับ Lynda และ Pluralsight

คุณจัดการกับองค์ประกอบการแบ่งส่วนสำหรับการออกแบบอีเมลใน Figma อย่างไร ทีมของฉันเพิ่งเปลี่ยนไปใช้ Figma และฉันกำลังดิ้นรนที่จะรับมือกับมัน

Camille Palu : ฉันบันทึกสิ่งต่าง ๆ จาก Figma ที่ขนาด 2x และนำองค์ประกอบที่บันทึกไว้เหล่านั้นมาไว้ใน Photoshop เพื่อทำให้พวกมันสมบูรณ์แบบ ฉันเป็นคนจู้จี้จุกจิกมากเกี่ยวกับความสมบูรณ์แบบของรูปภาพที่ต้องการ หลายครั้งที่องค์ประกอบต่างๆ จะบันทึกได้อย่างสวยงาม แต่ฉันชอบที่จะทำให้แน่ใจว่าใน Photoshop และบันทึกสำหรับเว็บ

Lily Worth : ฉันใช้กระบวนการที่คล้ายกับ Cam! ฉันมีปัญหากับพิกเซลทศนิยมเป็นอย่างมากใน Figma ดังนั้นฉันจึงมักจะตรวจสอบและทำให้รูปภาพของฉันสมบูรณ์แบบใน Photoshop ก่อนที่จะส่งต่อให้ Alice เพื่อเข้าสู่บิลด์อีเมล

คุณมีคำแนะนำสำหรับนักออกแบบที่พยายามเจาะโค้ดและออกแบบอีเมลหรือไม่

Lily Worth : เมื่อคุณเริ่มออกตัวแล้ว รู้สึกเหมือนเป็นภูเขานิดหน่อย แต่มีทรัพยากรมากมายที่จะช่วยให้คุณก้าวต่อไปได้ นี่คือเนื้อหาการอ่านที่เป็นประโยชน์บางส่วน:

• ใหม่กับการเข้ารหัสอีเมล? นี่คือจุดเริ่มต้น (อีเมลที่ดีจริงๆ)
• คำแนะนำทีละขั้นตอนในการสร้างอีเมล HTML ของคุณเอง (อัพเลอร์)
• ข้อมูลอ้างอิงการออกแบบอีเมล (Mailchimp)
• 101 ของรหัสอีเมล (สารสีน้ำเงิน)

เชื่อมต่อกับชุมชนอีเมลผ่าน #emailgeeks บน Twitter! ชุมชนอีเมลนั้นยอดเยี่ยมและยินดีให้ความช่วยเหลือเสมอ คุณยังสามารถโพสต์คำถามของคุณในชุมชน Litmus เพื่อติดต่อนักออกแบบและนักพัฒนาทางอีเมลเพื่อขอความช่วยเหลือ หรือเข้าร่วมชุมชน Email Geeks Slack

Shani Nestingen : ลิงก์ที่ Lily แชร์คือสิ่งที่ฉันจะเริ่มต้นด้วย แต่เชื่อมต่อผ่านโซเชียลมีเดีย Twitter และกลุ่มอีเมลขี้เกียจอย่างแน่นอน มีแหล่งข้อมูลและผู้คนมากมายให้ติดต่อด้วย

คุณมีคำแนะนำเกี่ยวกับวิธีการโยกย้ายจากเครื่องมือหนึ่งไปยังอีกเครื่องมือหนึ่งได้ดีที่สุดหรือไม่? เราต้องการย้ายกองการออกแบบของเราไปที่ Figma

Lily Worth : Figma ให้คุณนำเข้างานออกแบบจาก Sketch ได้อย่างง่ายดาย หากคุณกำลังโยกย้ายจาก Photoshop มีวิธีแปลงไฟล์ PSD ของคุณเป็นไฟล์ Sketch แล้วนำเข้าไปยัง Figma

สิ่งที่ยอดเยี่ยมเกี่ยวกับ Figma คือคุณสามารถสร้างเลย์เอาต์และบันทึกโมดูลและองค์ประกอบลงในไลบรารีได้เร็วเพียงใด ดังนั้นหากการนำเข้าไม่ได้ผลดีนัก การสร้างไฟล์ที่มีอยู่ใหม่ภายใน Figma (นิ้ว) อาจไม่เจ็บปวดเกินไป ข้าม)

คุณเคยใช้ Adobe Fireworks ในสมัยนี้บ้างไหม? พูดถึงย้อนหลัง!

Shani Nestingen : ฉันใช้แต่ดอกไม้ไฟเมื่อมันยังเป็นของ Macromedia แต่ฉันชอบที่จะบันทึกเวอร์ชันของเว็บได้ด้วยขั้นตอนที่น้อยมาก!

คุณจะแนะนำเครื่องมือใดสำหรับขั้นตอนใดๆ ของกระบวนการสร้างอีเมล

Jason Rodriguez : นี่คือเครื่องมือบางส่วนที่เราพูดคุยระหว่างการสัมมนาผ่านเว็บ พร้อมด้วยเครื่องมือที่เพื่อนผู้เข้าร่วมแนะนำ:

• diffchecker.com
• squareapp.com
• emailcomb.com
• howtotarget.email
• Betterplaceholder.com
• imageoptim.com
• ezgif.com
• tinypng.com