

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

إليك بعض برامج تصميم الواجهات
















Describe your image


Describe your image

Describe your image

JustInMind
تقدم خدمات متكاملة من أجل إنشاء نماذج أولية وهي مناسبة لإنشاء المشاريع من جميع الأنواع (مواقع ويب – تطبيقات) ولكنها تختلف بشكل كبير عن بعض الخدمات، حيث أنها تعمل كبرنامج مستقل وليس تطبيق ويب، وهي متوفرة على ويندوز و ماك
ويعتبر معقدة نسبياً مقارنة بباقي الخدمات ولكنها تقدم في نفس الوقت بعض الميزات الإضافة الغير متوفرة ضمن غيرها من التطبيقات كل ما عليك القيام به هو سحب وإفلاتها في مكانها داخل التصميم الخاص بك


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


Describe your image

Describe your image

Describe your image

Describe your image


Describe your image

Describe your image

Describe your image

Describe your image
Figma
تعتبر من الخدمات الصاعدة وبقوة حيث تقدم العديد من الميزات مثل الحصول على بعض أكواد CSS من التصميم بشكل مباشر مما يسهل العمل بشكل كبير،
تعتبر تطبيق ويب لذلك يمكنك استخدامها مهما كانت منصة نظام التشغيل التي تعمل عليها وبدون أن تهتم بمواصفات الحاسب الخاص بك. ولكن أكثر ما يميزها أنها تقدم دعم لعمل الفرق على المشاريع.
بالإضافة إلى جميع أدوات التعاون المباشر هذه ، يمكنك أيضًا ترك التعليقات مباشرة على اللوحة.




Proto.io
يقدم كمعظم التطبيقات الأخرى إمكانية استيراد التصاميم والملفات من Sketch أو Photoshop. بالإضافة إلى ذلك يقدم ميزة الخط الزمني والذي يسمح لك بإنشاء بعض الرسومات المتحركة ضمن النماذج حيث سيعطيها ذلك بُعد حيوي مميز.
الجيد بالموضوع أنه يعتبر تطبيق ويب أي أنك تستطيع أن تستخدمه ضمن جهازك دون الحاجة لتنصيب أي شيء وهذه نقطة مهمة جداً، ولكن ما يزيد روعدة هذه الميزة هي إمكانية استخدامها بدون وجود إنترنت أيضاً








Sketch
يعتبر من أكثر الأدوات شعبية لدى هذا النوع من المصممين ويأتي خفيف على الحاسوب بشكل كبير مقارنة بتطبيقات التصميم الأخرى التقليدية مما يجعله سهل وسلس في العمل، مشكلته الأساسية هي أنه لا يدعم سوى منصة OS لذلك إن كنت من مستخدمي ويندوز فللأسف لن تتمكن من استخدامه.
هناك تطبيق Windows app التي يمكن ترجمة ملفات سكيتش. حيث يمكنك فتح ملفات سكيتش في هذا التطبيق، ولكن لا يمكنك تحريرها — يمكنك العمل فقط في سكيتش على الماك.

Marvel
يعتبر أحد الأدوات ذات الشعبية بين مصممي واجهات الإستخدام أيضاً وذلك بسبب الميزات التي يقدمها، خصوصاً بالنسبة للعمل بين الفرق حيث يقدم مجموعة من الميزات التي تسمح بتواصل أعضاء الفريق بسهولة ضمن المشروع
يستطيع أيضاً التعامل مع التصاميم والملفات القادمة من Photoshop أو Sketch أو الصور العادية حيث ستتمكن من العمل على تصاميمك بسهولة، أيضاً يمكنك جلب التصاميم الموجودة لديك ضمن خدمات التخزين السحابية مثل Dropbox أو Google Drive.












Android studio
يعتمد بشكل كبير على لغة الجافا من أجل أن يساعد على أنشاء تطبيق ما عليه وتسهل على المطورين كتابة الشيفرة المصدرية لتطبيقات أندرويد وتطوير التطبيقات متعددة اللغات.
يتيح أيضا القيام باختبار التطبيقات على الأنواع المختلفة من الشاشات والأجهزة عن طريق أستخدام خدمة جوجل السحابية للمطورين و يقوم بدعم خدمة خرائط جوجل وايضا مستندات جوجل.
تجربتنا في أندرويد ستوديو









