أدوات البريد الإلكتروني في الماضي والحاضر والمستقبل: تسجيل الندوة عبر الإنترنت + أسئلة وأجوبة

الأدوات التي نستخدمها لتصميم وبناء واختبار حملات البريد الإلكتروني قد تغيرت بشكل كبير على مر السنين. من Dreamweaver و Builder ، إلى Photoshop و Figma ، تطورت الأدوات لجعل عملنا أكثر ديناميكية وتعاونًا وإمتاعًا. لا تزال هذه الأدوات الكلاسيكية تحتل مكانة خاصة في قلوب محترفي البريد الإلكتروني في كل مكان. والأهم من ذلك أنها تؤثر على ما نتوقعه من أدواتنا الحالية وما نريد رؤيته في المستقبل.

في هذه الندوة عبر الويب ، انضم كل من Shani Nestingen من Target و Camille Palu من Camiah إلى فريق Litmus للتحدث (والتعاطف) حول تاريخ إنشاء رسائل البريد الإلكتروني والأدوات التي استخدمناها.

لم يكن لديك فرصة لمشاهدة الندوة على الهواء مباشرة؟ لا تقلق. يمكنك الوصول إلى التسجيل الكامل في أي وقت وقراءة الأسئلة والأجوبة أدناه.

سؤال وجواب

شكراً جزيلاً لكل من شارك خلال الندوة عبر الإنترنت بطرح سؤال! فيما يلي ملخص لإجاباتنا على الأسئلة الأكثر شيوعًا ، جنبًا إلى جنب مع رأينا في بعض الأسئلة التي لم نتطرق إليها أثناء الندوة المباشرة عبر الإنترنت. هل لديك أسئلة إضافية؟ يرجى تركهم في التعليقات.

أي نصائح لتكييف البريد الإلكتروني مع الوضع الداكن؟

Lily Worth : كتبت أليس لي ، مهندس البريد الإلكتروني الرئيسي في Litmus ، دليلًا رائعًا عن الوضع المظلم والذي سيكون قراءة مفيدة. يرشدك عبر استعلامات وسائط Dark Mode لإضافتها إلى CSS المضمن ، حتى تتمكن من تخصيص تجربة Dark Mode الخاصة بك.

هل يمكنك تحديد المصدر المفتوح لشخص لديه معرفة DW HTML فقط؟

Camille Palu : التعريف هو: البرنامج الذي تم توفير شفرة المصدر الأصلية له مجانًا ويمكن إعادة توزيعه وتعديله. هذا يعني أن الكود ليس سرا. هذا أمر رائع لأنه يمكن تحديثه وتكراره لجعله أفضل وأفضل ، بدلاً من أن يكون مقفلًا ومملوكًا من قبل شركة. إذا تم إغلاقها وتملكها شركة ما ، فهناك فرصة أقل لإجراء التحديثات في الوقت المناسب ، أو حتى على الإطلاق .

هل Dreamweaver هو تطبيق التأشير والنقر والتحرير الوحيد؟

كميل بالو : Dreamweaver هو الوحيد الذي أعرفه. أيضا Litmus Builder لديه الوظيفة.

كيف يقارن Atom بـ Sublime؟

كميل بالو : كلاهما جيد! يجب عليك بالتأكيد البحث في الاحتياجات والأسباب الحقيقية لأداة للعمل الذي تقوم به طوال اليوم. أفضل تخصيص الحزم التي يدعمها Atom. يجدر اختبار كليهما لمعرفة ما يناسبك أنت وفريقك.

كيف تعلمت Adobe Animate؟ هل علمت نفسك أو وجدت دروسًا تعليمية مفيدة؟

Lily Worth : في البداية تعلمت كيفية تحريك الرسوم المتحركة في Flash. عندما أصبح Adobe Animate ، احتفظ بمعظم ميزات الرسوم المتحركة لـ Flash. مما يمكنني تذكره في ذلك الوقت ، استخدمت الأدلة والبرامج التعليمية المرفقة مع البرنامج. أجد صعوبة في الاحتفاظ بجميع التقنيات التي يمكنك استخدامها مع هذا البرنامج ، لذلك غالبًا ما ألجأ إلى YouTube لتحديث معرفتي. أوصي بـ Tiptut لبعض دروس الرسوم المتحركة الممتعة.

هل توجد أي موارد تنصح بها للمصمم الذي يريد القيام بعمل في After Effects؟

ليلي ورث : على الرغم من أنني لم أحرك الرسوم المتحركة بنجاح في After Effects ، إلا أنني غصت في بعض الموارد الرائعة المعروضة عند محاولة التعلم. تقدم Creative Bloq ما لا يقل عن 50 درسًا تعليميًا مفيدًا في هذا المنشور ، والتي تتراوح من الأساسيات إلى التقنيات الأكثر تعقيدًا. ولدى Tiptut بعض مقاطع الفيديو الممتعة على YouTube أيضًا.

كميل بالو : يوتيوب بالتأكيد!

شاني نيستينغين : يوتيوب بالتأكيد. أيضًا ، تحتوي مجلة Smashing Magazine على بعض المقالات الرائعة عنها ، بالإضافة إلى دروس تمهيدية رائعة حول Lynda و Pluralsight.

كيف تتعامل مع عناصر التقطيع لتصميم البريد الإلكتروني في Figma؟ انتقل فريقي للتو إلى Figma وأنا أكافح من أجل السيطرة عليه.

Camille Palu : أقوم بحفظ أشياء من Figma بحجم 2x وأخذ هذه العناصر المحفوظة في Photoshop لإتقانها. أنا صعب الإرضاء حقًا بشأن مدى الكمال الذي يجب أن تكون عليه الصور. في كثير من الأحيان يتم توفير العناصر بشكل جيد حقًا ، لكني أحب التأكد في Photoshop وحفظها للويب.

ليلي وورث : أستخدم عملية مماثلة لكام! أعاني كثيرًا من البكسل العشري في Figma ، لذلك غالبًا ما أتحقق من صوري وتحسينها في Photoshop قبل تسليمها إلى Alice للانتقال إلى بناء البريد الإلكتروني.

هل لديك أي نصيحة لمصمم يحاول اقتحام الترميز وتصميم رسائل البريد الإلكتروني؟

ليلي وورث : يبدو الأمر كأنك مثل بعض الجبال لتسلقها عندما تبدأ ، ولكن هناك الكثير من الموارد لمساعدتك على المضي قدمًا. فيما يلي بعض مواد القراءة المفيدة:

• جديد في ترميز البريد الإلكتروني؟ هنا من أين تبدأ. (رسائل بريد إلكتروني جيدة حقًا)
• دليل خطوة بخطوة لإنشاء بريدك الإلكتروني بتنسيق HTML (Uplers)
• مرجع تصميم البريد الإلكتروني (Mailchimp)
• 101 من رمز البريد الإلكتروني (Litmus)

أيضًا ، تواصل مع مجتمع البريد الإلكتروني عبر #emailgeeks على Twitter! مجتمع البريد الإلكتروني رائع ويحرص دائمًا على المساعدة. يمكنك أيضًا نشر أسئلتك على Litmus Community للتواصل مع مصممي البريد الإلكتروني والمطورين للحصول على الدعم ، أو الانضمام إلى مجتمع Email Geeks Slack.

Shani Nestingen : الروابط التي تشاركها Lily هي ما سأبدأ به ، ولكن بالتأكيد أتصل بها عبر وسائل التواصل الاجتماعي ، Twitter ، ومجموعة Email Geeks slack. هناك الكثير من الموارد الرائعة والأشخاص للتواصل معهم.

هل لديك أي توصيات حول أفضل السبل للانتقال من أداة إلى أخرى؟ نحن نتطلع إلى نقل مجموعة التصميم الخاصة بنا إلى Figma.

Lily Worth : تسمح لك Figma باستيراد تصميماتك من Sketch بسهولة. إذا كنت تقوم بالترحيل من Photoshop ، فهناك طريقة لتحويل ملفات PSD الخاصة بك إلى ملفات Sketch ثم الاستيراد إلى Figma.

إن الشيء العظيم في Figma هو مدى السرعة التي يمكنك بها إنشاء المخططات وحفظ الوحدات والعناصر في مكتبتك ، لذلك إذا لم ينجح الاستيراد بشكل جيد ، فقد لا يكون من المؤلم إعادة إنشاء بعض الملفات الموجودة داخل Figma (أصابع) عبرت).

هل استخدم أي منكم Adobe Fireworks في السابق؟ تحدث عن ارتداد!

Shani Nestingen : لقد استخدمت Fireworks فقط عندما كانت لا تزال مملوكة لشركة Macromedia ، لكنني أحببت أن أتمكن من حفظ إصدارات الويب بخطوات قليلة جدًا!

ما الأدوات التي توصي بها لأية خطوة في عملية إنشاء البريد الإلكتروني؟

جيسون رودريغيز : فيما يلي بعض الأدوات التي ناقشناها خلال الندوة عبر الإنترنت ، جنبًا إلى جنب مع الأدوات التي أوصى بها الزملاء الحاضرون:

• diffchecker.com
• rectangleapp.com
• emailcomb.com
• howtotarget.email
• betterplaceholder.com
• imageoptim.com
• ezgif.com
• tinypng.com