Adobe XD مقابل Sketch - ما أداة UX المناسبة لك؟

نشرت: 2022-03-11

يحتاج مصمم UX إلى العديد من الأدوات لإكمال المراحل العديدة لسير عمل UX من البحث إلى التصميم إلى النموذج الأولي والتسليم. إذا كنت تقوم بعملك على جهاز كمبيوتر ، فمن المحتمل أن تطاردك الإشارة المستمرة إلى Sketch ، وهو محرر رسومات متجه شائع ومبسط مع عدد لا يحصى من المكونات الإضافية المفيدة التي أصبحت بسرعة معيارًا صناعيًا - ولكنها متوفرة فقط على نظام التشغيل Mac OS . هذا يعني أنه ما لم يكن لديك جهاز Apple ، فأنت خارج. لكن Adobe تعمل الآن بنشاط على منافس Sketch مناسب عبر الأنظمة الأساسية (وشبيه؟) ، بعد سنوات من الغياب: Adobe XD.

واجهة مستخدم Adobe XD
واجهة مستخدم Adobe XD.


واجهة مستخدم رسم
واجهة مستخدم Sketch ، والتي من الواضح أنها مصدر الإلهام الرئيسي لبرنامج Adobe في XD ، حيث تحاول جذب نفس النوع من المستخدمين.

ما هو Adobe XD؟

Adobe Experience Design CC ، أو Adobe XD ، هو محرر رسومات متجه خفيف الوزن وأداة نماذج أولية تم الإعلان عنها في Adobe MAX 2015 باسم Project Comet. تم إطلاق البرنامج في المعاينة في مارس 2016 كجزء من Creative Cloud ، وهو الآن في المرحلة التجريبية ، ويتلقى تحديثات كل شهر تقريبًا.

قبل ذلك ، كان Adobe يعمل على إضافة ميزات لمصممي UX على أدواتهم الثابتة مثل Photoshop و Illustrator. على الرغم من أن كلاهما من البرامج الرائعة ، إلا أنهما ليسا خفيفي الوزن ولا مبسّطين لهذا النوع من الوظائف. على مر السنين - وخاصة بعد إهمال Adobe Fireworks عام 2013 (أداة النماذج الأولية التقليدية الموجهة للويب التي تم الحصول عليها من Macromedia) - شعر المزيد والمزيد من مصممي UX أن Creative Cloud لا تتوافق مع توقعات السوق. لذلك ، قفزوا إلى Sketch (إذا كان لديهم جهاز Mac). في حين أن استجابة Adobe لهذا النزوح الجماعي كانت متأخرة بعض الشيء (أطلقت شركة Bohemian Coding Sketch منذ 6 سنوات كاملة) ، فإن الأمر يستحق الانتظار ، خاصة إذا كنت مقيدًا باستخدام أدوات أقل ملاءمة على جهاز الكمبيوتر الخاص بك. دعنا نقارن Adobe XD مقابل Sketch

واجهة المستخدم والميزات الحصرية

عندما تفتح Adobe XD ، فإن أول انطباع لديك هو أن الواجهة مألوفة للغاية ، سواء لمستخدمي Sketch أو لمحبي Adobe منذ فترة طويلة. ابتعدت Adobe عن الأزرار والقوائم الأكثر قتامة في Creative Cloud ، واخترت تقديم أفضل ما في العالمين. على عكس Sketch ، سترى مجموعة من الأدوات على الجانب الأيسر من الشاشة ، ولكن أيضًا لوحة الطبقات الأطول والخصائص الديناميكية على اليمين ، كما هو موضح في Sketch. إنه سهل الاستخدام وسهل التعلم ، بغض النظر عن الأداة التي استخدمتها سابقًا.

كرر الشبكة

يحتوي Adobe XD أيضًا على مجموعة من الميزات الفريدة مثل Repeat Grid ، وهي أداة تتيح لك نسخ مجموعة من الكائنات مثل بطاقة تصميم المواد مع بيانات متغيرة ومسافات قابلة للتكوين بين النسخ.

كرر ميزة الشبكة في Adobe XD
إنشاء مجموعات من الكائنات المتشابهة باستخدام ميزة Repeat Grid في Adobe XD.

النماذج

في XD ، يمكنك إنشاء نموذج أولي تفاعلي دون الحاجة إلى مكونات إضافية تابعة لجهات خارجية كما تفعل في Sketch. يسمح محرر النماذج الأولية من Adobe للمصممين بتوصيل المناطق التفاعلية بصريًا بشاشات أخرى باستخدام الأسلاك وإعداد الانتقالات. مع تجهيز النموذج الأولي التفاعلي ، يمكنك نشر النموذج الأولي ومشاركته ، والذي يمكن عرضه على الويب أو باستخدام تطبيق Adobe XD للجوال. ومع ذلك ، لا تتمتع نماذج XD الأولية بدعم الإيماءات أو الأقسام الثابتة مثل الرؤوس حتى الآن ، وهو أمر ممكن في InVision وأدوات النماذج الأولية الأخرى التي تتصل بـ Sketch.

ميزة النموذج الأولي في Adobe XD
أزرار الأسلاك للشاشات في ميزة النموذج الأولي في Adobe XD.

لوحة الأصول

في تحديث أغسطس 2017 ، أضافت Adobe لوحة Assets ، وهي طريقة ذكية لتجميع دليل نمط تفاعلي مع الألوان وأنماط الأحرف والرموز. عندما تقوم بتغيير شيء ما في لوحة Assets ، يتبع كل استخدام للأصل في عملك الفني. يحتوي Sketch أيضًا على متغيرات الألوان وأنماط الأحرف والرموز ، ولكن كل واحد موجود في اللوحة الخاصة به.

لوحة أصول Adobe XD
يؤدي تغيير العناصر في لوحة Assets إلى تغيير المشروع بأكمله.

أعلنت Adobe عن بعض الميزات التالية لتظهر على XD في مدونة المنتج. يمتد أحدها إلى ميزة الأصول ، مما يسمح للمصمم بنشر دليل أسلوب المشروع مع الخطوط والأصول القابلة للتنزيل والأكواد السداسية العشرية للألوان ، جنبًا إلى جنب مع النموذج الأولي التفاعلي وميزة الفحص لمسح المطور للعناصر داخل النموذج الأولي. يسمى هذا "تسليم للمطورين" وهو ممكن بالفعل في Sketch (و Photoshop) باستخدام مكونات إضافية مثل Zeplin. هناك ميزة مستقبلية أخرى يتم الإزعاج بها وهي التعاون في الوقت الفعلي داخل XD ، وهو شيء يشبه ميزة التعاون الموجودة في محرر مستندات Google والمتاحة بالفعل في أدوات تصميم UX الأخرى مثل Figma.

اشترك في مدونة Toptal Design واحصل على كتابنا الإلكتروني

Sketch (وملحقاته) مقابل Adobe XD

سمات Adobe XD رسم
رسومات فيكتور نعم (ويتضمن اشتراك Adobe Illustrator في CC) نعم
تحرير الصور المتقدم لا (ولكن يشمل اشتراك Adobe Photoshop in CC) رقم
وزن خفيف نعم نعم
النماذج نعم لا (لكنها متوفرة مع المكونات الإضافية لجهات خارجية)
تصدير الأصول نعم نعم
Handoff مع دليل أسلوب عبر الإنترنت ومفتش لا (تم الإعلان عنها كميزة مستقبلية) لا (لكنها متوفرة مع المكونات الإضافية لجهات خارجية)
الرموز والأنماط نعم نعم
كرر الشبكة نعم رقم
شبكة المستند نعم نعم (مع أعمدة والمزيد من الخيارات)
الإضافات رقم نعم
تعاون لا (تم الإعلان عنها كميزة مستقبلية) لا (لكنها متوفرة مع المكونات الإضافية لجهات خارجية)
إصدار MacOS نعم نعم
نسخة ويندوز نعم (Windows 10 أو أعلى) رقم
السعر والترخيص الإصدار التجريبي مجاني ، ويتطلب معرف Adobe. سيتم الإعلان عن السعر النهائي. 99 دولارًا أمريكيًا لمدة عام من التحديثات ، ولكن يمكنك الاستمرار في استخدامها بعد ذلك دون تحديثات

عندما ترى الصورة الأكبر ، يصبح من الواضح أن Adobe تنوي جعل XD لا يفعل فقط كل ما يفعله Sketch كأداة رسومات متجهية ولكن أيضًا مكوناته الإضافية التي تغطي سير عمل تصميم UX بالكامل. من التصميم إلى النماذج الأولية إلى التسليم ، من المحتمل أن يكون Adobe XD أداة مصمم UX النهائية ، ولكن ماذا عن اليوم؟

هل حان الوقت للتبديل؟

يعد Adobe XD أولاً وقبل كل شيء لمستخدمي Windows (الذين لا يمكنهم استخدام Sketch فقط لنظام macOS) ومشتركي Adobe Creative Cloud الحاليين (الذين لن يحتاجوا إلى دفع المزيد مقابل XD بالإضافة إلى Photoshop و Illustrator وما إلى ذلك).

هناك العديد من مصممي UX يقفزون بالفعل ، إما لأنهم مشتركون في Creative Cloud حتى على macOS ، أو لأنهم يعتقدون أن XD سيكون المعيار التالي وهم راضون عن مجموعة الميزات الحالية. إذا كنت من مستخدمي Sketch ذوي الخبرة ، فستستمتع بواجهة أفضل بشكل عام وميزات XD الفريدة ، ولكن سيتعين عليك أيضًا التعامل مع القيود الحالية ونقص دعم البرنامج المساعد. على أي حال ، جربها وشارك انطباعاتك معنا!

• • •

مزيد من القراءة على مدونة Toptal Design:

  • تجربة مستخدم التجارة الإلكترونية - نظرة عامة على أفضل الممارسات (باستخدام مخطط المعلومات الرسومي)
  • أهمية التصميم المتمحور حول الإنسان في تصميم المنتج
  • أفضل مجموعات مصممي UX - أمثلة ودراسات حالة ملهمة
  • مبادئ ارشادية للواجهات المتنقلة
  • التصميم التوقعي: كيفية إنشاء تجارب مستخدم سحرية