Adobe XD مقابل Sketch - ما أداة UX المناسبة لك؟
نشرت: 2022-03-11يحتاج مصمم UX إلى العديد من الأدوات لإكمال المراحل العديدة لسير عمل UX من البحث إلى التصميم إلى النموذج الأولي والتسليم. إذا كنت تقوم بعملك على جهاز كمبيوتر ، فمن المحتمل أن تطاردك الإشارة المستمرة إلى Sketch ، وهو محرر رسومات متجه شائع ومبسط مع عدد لا يحصى من المكونات الإضافية المفيدة التي أصبحت بسرعة معيارًا صناعيًا - ولكنها متوفرة فقط على نظام التشغيل Mac OS . هذا يعني أنه ما لم يكن لديك جهاز Apple ، فأنت خارج. لكن Adobe تعمل الآن بنشاط على منافس 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 ، وهي أداة تتيح لك نسخ مجموعة من الكائنات مثل بطاقة تصميم المواد مع بيانات متغيرة ومسافات قابلة للتكوين بين النسخ.
النماذج
في XD ، يمكنك إنشاء نموذج أولي تفاعلي دون الحاجة إلى مكونات إضافية تابعة لجهات خارجية كما تفعل في Sketch. يسمح محرر النماذج الأولية من Adobe للمصممين بتوصيل المناطق التفاعلية بصريًا بشاشات أخرى باستخدام الأسلاك وإعداد الانتقالات. مع تجهيز النموذج الأولي التفاعلي ، يمكنك نشر النموذج الأولي ومشاركته ، والذي يمكن عرضه على الويب أو باستخدام تطبيق Adobe XD للجوال. ومع ذلك ، لا تتمتع نماذج XD الأولية بدعم الإيماءات أو الأقسام الثابتة مثل الرؤوس حتى الآن ، وهو أمر ممكن في InVision وأدوات النماذج الأولية الأخرى التي تتصل بـ Sketch.
لوحة الأصول
في تحديث أغسطس 2017 ، أضافت Adobe لوحة Assets ، وهي طريقة ذكية لتجميع دليل نمط تفاعلي مع الألوان وأنماط الأحرف والرموز. عندما تقوم بتغيير شيء ما في لوحة Assets ، يتبع كل استخدام للأصل في عملك الفني. يحتوي Sketch أيضًا على متغيرات الألوان وأنماط الأحرف والرموز ، ولكن كل واحد موجود في اللوحة الخاصة به.

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