تُستعمل أدوات الرسوم التخطيطية لإنشاء نماذج أولية للمواقع الالكترونية وتطبيقات الهواتف الذكية. فهي تتيح للمطور والمصمم حرية أكبر في تجربة مختلف الاقتراحات على التصاميم. فإذا سبق لك أن قمت أن برسم تخطيط لتطبيق أو تصميم لموقع على الورق فأنت حينها تقوم بعملية التخطيط للنموذج الأولي.
في هذه التدوينة ستجد أفضل الأدوات لتصميم النماذج الأولية لمشاريعك والتي سترفع من سرعة عملك وكذلك جودة التصاميم، مع إماكينة تصديرها إلى ملفات خارجية.
Wireframe.cc
يتيح لك موقع Wireframe.cc بإنشاء النماذج الأولية بشكل مباشر على المتصفح، فهو خفيف وسهل التصفح، فواجهته الرئيسية تجعلك تركز على مساحة العمل بدلاً من الأدوات.
فمهمة الأداة Wireframe.cc أن تساعدك على إتمام تصاميمك بشكل أسرع، قد لا تحتوي على أدوات كثيرة لكنها تفي بالغرض لإتمام التصاميم البسيطة.
Fluid UI
أداة قوية تتوفر على أدوات مساعدة كثيرة بالإضافة إلى إمكانية الاشتغال على المشاريع ضمن الفرق وتلقي الاقتراحات من خلال التطبيق ومشاركة العمل ضمن أعضاء الفريق.
Fluid UI تتوفر على مكتبات لدعم تصاميم Material Design و iOS، فيمكنك إنشاء مشاريع جاهزة بشكل سريع لكل من Android و iPhone بالإضافة إلى مكتبات التحريك. مع دعم للتواصل المباشر مع أعضاء الفريق.
Axure
أداة Axure توفر النماذج البصرية الأساسية التي تحتاجها لإتمام تصميم نموذج الأولي. فهذه الأداة تقوم بإنشاء نموذج تفاعلي عن طريق HTML، هذا يعني أنه يمكنك إنشاء تصاميم نموذج تفاعلي كامل لتطبيق بتضمين المحتوى و مكتبات التحريك وقائمة الانتقال بين الصفحات.
كما تتوفر الأداة على نماذج أولية تفاعلية مصممة مسبقاً. ويمكنك مشاركة النماذج والحصول على الاقتراحات عبر برنامج Axure.
Moqups
موقع Moqups يمكنك من إنشاء نماذج أولية عبر المتصفح وبه عدد كبير من الأشكال وصندوق أدوات ضخم. كما به مكتبات جاهزة للأيقونات والخطوط التي يمكنك الاستعانة بها في المشاريعك مع داعم كامل لبيئة Andoidو iOS.
Justinmind
يُمكنك استعمال Justinmind من إنشاء نماذج كاملة بواسطة HTML للمواقع وتطبيقات الهواتف الذكية. مع دعم التصاميم للتفاعل مع المستخدم وكذلك على مكتبات التحريك. يحتوي البرنامج على عدد كبير من التصاميم المسبقة، كما أنه يمكنك محاكاة النماذج الأولية بشكل مباشر عبر التطبيق. ونشر النماذج المصممة لتجربتها على المتصفحات.
خلاصة
يوجد عدد كبير من الأدوات المتخصصة في إنتاج النماذج الأولية التي ستساعدك في عملك. فيمكنك البدأ بموقع Wireframe.cc لأنه بسيط ويحتوي على الأدوات الأساسية فقط، أو الانتقال إلى Axure الذي يدعم العمل على المشاريع ضمن الفريق.
