مصطلحات تهمك عند البدأ فى تصميم واجهة لموقع إلكترونى أو تطبيق ويب قبل كتابة الكود.
Sketch , Wireframe , Mockup
الـ Sketch : رسم تقريبى ينفذ عادة باستخدام اليد الحرة ولا يشترط اكتماله فهو عادة ما يستخدم لتبسيط وتوضيح الفكرة ويعتبر المنطلق الحقيقى لأى مشروع قبل البدأ فى ال Wireframe و الMockup .
 |
| sketch for simple website design |
*It’s Important to Sketch Before You Wireframe .
الـ Wireframe : هي طريقة لتقديم تصور حول الشكل المقترح للواجهة وهيكلة محتوى صفحة الويب أو الموقع. في هذة المرحلة لا تضع عناصر رسومية كاملة الألوان والإخراج الفني ،هذه الخطوة تضع تصور مبسط عن "كيف سيتمكن المستخدمين من التفاعل مع موقع الويب وعادةً يتم تنفيذه بواسطة برامج التصميم مثل الفوتوشوب او بعض المواقع على الإنترنت إليك ثلاثة منها :
*مجرد رأى تبقى لينكات بس ولا صورة لكل موقع ونعمل عليه hyperlink
1- Moqups
2- Gomockingbird
3- Wireframe
الـ Mockup : مرحلّة متقدمة تأتي بعد مرحلة ال Wireframe والهدف منها هو أن نوضّح للعميل كيف سيكون الشكل الخارجي لموقعه بعد الانتهاء من العمل. عادة يتم التصميم بواسطة برنامج فوتوشوب .
