برنامج Adobe XD عليك معرفته ان كنت مصمم  UI او UX

برنامج Adobe XD عليك معرفته ان كنت مصمم  UI او UX

ما هو برنامج Adobe XD ?

برنامج أدوبي اكس دي هو من البرامج المميزة لتصميم واجهات الاستخدام بأنواعها المتعددة , ظهرت النسخة الأولية من أدوبي اكس دي في عام 2015 (قبل 3 سنوات) وكان الهدف الأساسي من البرنامج هو تدعيم مصممي واجهة الاستخدام ببرنامج يلبي احتياجاتهم ويسهل عليهم العمل , تطرق المصممين لوجود برامج منافسة كثيرة ك Sketch و inVision وغيرها وأن أدوبي قامت بخطوة متأخرة , حيث أن برنامج Sketch في الاساس قد استحوذ على نسبة كبيرة من السوق ولا يمكن لمنافس جديد أن يأخذ مكانه بسهولة وقد أتفق كثير من المصممين على هذا الرأي وكنت أنا بنفسي من بينهم , حتى جاء العام 2017 ...   أولاً لنفهم الفائدة الأساسية من Adobe XD علينا أن نفهم ما هو معنى UI/UX Designer بشكل صحيح , فمصمم واجهة الاستخدام UI/UX Designer فعلياً لا يقوم بكتابة الأكواد ولكن كتابة الأكواد هي عمل UI/UX Developer , فالمصمم هو من يقوم بعمل مخطط للتصميم ثم يقوم المختص بتحويلها الى كود فعلي , في بدايات ظهور هذا المجال كان النصيب الأكبر للورقة والقلم في التصميم , اعتمد المصممين لاحقاً على برامج مثل فوتوشوب و اليستراتور في تصميم واجهات الاستخدام , لكن مشكلة ثقل البرامج مثل فوتوشوب على بعض الأجهزة كانت عقبة كبرى , كذلك حاجة المصممين لانشاء كثير من الأمور يدوياً كانت بذرة مشروع Adobe XD و Sketch وغيرها , عند حضور Adobe XD الى الساحة كبرنامج مخصص لهؤلاء الأشخاص وجود المصممين سهولة ومرونة في التعامل مقارنة ب فوتوشوب واليستراتور , والأهم من ذلك انه مجاني !

مميزات برنامج Adobe XD

تختصر عبارة XD في اسم البرنامج جملة Experince Design و من مميزات البرنامج الرائعة هو التركيز على واجهات الاستخدام و التخصص في تصميمها , فليس سهلاً او مرجحاً تعديل صورة أو انشاء أيقونة نهائية باستخدام Adobe XD - على الرغم من توفر أدوات كافية .

ومن أهم مميزات برنامج Adobe XD

مجاني ! يمكنك تحميله من هنا  عبر Creative Cloud واجهة مبسطة وفعالة اختبار تجاوبية التصميم ربط العناصر ببعضها واختبار المنتج  تحديد أماكن العناصر بدقة (Fixed  , absolute) تحديد قيمة لتأثيرات الانتقال  ومن هذا الرابط https://www.adobe.com/products/xd/features.html يمكنك تصفح الميزات الكاملة لبرنامج Adobe XD وتطوراتها منذ وصول البرنامج حتى اليوم

ما الممكن تحقيقه مع Adobe XD ?

الكثير فعلاً , تحدت شركة أدوبي نفسها و خرجت بمنتج خيالي استطاع احتلال مكانة كبيرة بين المصممين بسهولة , ولن أطيل في الكلام عن ما يمكنك تحقيقه , مجرد فيديو قصير مدته 3 دقائق مقدم من قناة Dansky المهتمة بالتصميم ستشرح لك شيئ من ما يستطيع عمله هذا البرنامج https://www.youtube.com/watch?v=1pXQ2tGQNTk

Adobe XD و تجربة الاستخدام

اضافة الى تطوير الواجهات UI Design يمكنك برنامج Adobe XD لتخطيط و بناء تجربة المستخدم الخاصة بالمشروع, يتم ذلك عبر ربط الشاشات ببعضها و اظهار شكل المنتج النهائي للعميل دون الحاجة لبناء الكود.

وماذا عن توفر دورات تعليمية ؟

هل خطر هذا السؤال ببالك ؟ اذاً أنت على الطريق الصحيح :) , رغم حداثة البرنامج يوجد الكثير من المصادر التعليمية له مثل Dansky  https://www.youtube.com/watch?v=WCmd3XATNKo&list=PLkiM1tZke4mivrZRPcqp_8oHFxlD8-IP5 App Design Tips https://www.youtube.com/watch?v=tPga0Z0zopo&list=PLSOZBpgNzv42dFSo_JvBFNZPFn95UuafG يمكنك البدء مع برنامج Adobe XD فوراً , لديك رابط التحميل ولديك دورات تعليمية , لكن ينقصك أمر بسيط , وهو أن تبدأ في العمل :)



ما رأيك في هذا المقال؟

كيف تقييم نوعية المحتوى في نقرة؟

5 4 3 2 1