في هذه المقالة سأوضح باختصار الفروق بين هذه الخيارات.
Wireframe
هي عبارة عن مسودّة بسيطة توضّح طريقة تقسيم التصميم. الهدف الرئيسي من هذه المسودّة هو أن نوضّح للعميل كيف سيكون هيكل الموقع. في هذا الرابط تشاهدون مثالًا على Wireframe.
Mockup
وهي مرحلّة متقدمة تأتي بعد مرحلة ال Wireframe والهدف منها هو أن نوضّح للعميل كيف سيكون الشكل الخارجي لموقعه بعد الانتهاء من العمل. عادة يتم التصميم بواسطة برنامج فوتوشوب. في هذا الرابط تشاهدون مثالًا على Mockup لنفس المسودة أعلاه.
لمشاهدة نتيجة العمل النهائية على الأمثلة أعلاه: هنا
