الفرق بين
#Wireframe Vs #Mockup Vs #Prototype
هذي المفاهيم تستخدم في المشاريع التقنية، كالمواقع او التطبيقات
في مرحلة التصميم وقبل البدء في البرمجة الفعليه. وهي تندرج تحت مفهوم #UI #UX
اذا تم تطبيقها بشكل صحيح، سوف توفر الكثير من الوقت والجهد و التكلفة المادية.
#Wireframe Vs #Mockup Vs #Prototype
هذي المفاهيم تستخدم في المشاريع التقنية، كالمواقع او التطبيقات
في مرحلة التصميم وقبل البدء في البرمجة الفعليه. وهي تندرج تحت مفهوم #UI #UX
اذا تم تطبيقها بشكل صحيح، سوف توفر الكثير من الوقت والجهد و التكلفة المادية.
اولاً : Wirefram
هو رسم تقريبي او سكيتش يوضح كيف سيكون شكل الموقع او التطبيق، غالباً يكون بدون الوان ولا صور فقط بالابيض والاسود ويوضح تصميم كل صفحة واهم محتوياتها - يشبة كثيراً الخريطة الهندسية لمبنى.
يمكن اعداده بقلم وورق او استخدام المواقع مثل :
wireframe.cc
هو رسم تقريبي او سكيتش يوضح كيف سيكون شكل الموقع او التطبيق، غالباً يكون بدون الوان ولا صور فقط بالابيض والاسود ويوضح تصميم كل صفحة واهم محتوياتها - يشبة كثيراً الخريطة الهندسية لمبنى.
يمكن اعداده بقلم وورق او استخدام المواقع مثل :
wireframe.cc
ثانياً : Mockup
بعد الاتفاق على الــ Wireframe , ننتقل للمرحلة الثانية وهي Mockup
في هذي المرحلة راح يكون تصميم حقيقي للصفحات الحقيقه للموقع من حيث الالوان والخطوط والصور والمحتوى كامل.
بعد الاتفاق على الــ Wireframe , ننتقل للمرحلة الثانية وهي Mockup
في هذي المرحلة راح يكون تصميم حقيقي للصفحات الحقيقه للموقع من حيث الالوان والخطوط والصور والمحتوى كامل.
ثالثاً : Prototype
المرحلة الاخيره وهي اختياريه، يتم فيها ربط العناصر بروابط تشعبية، حتى تتضح للعميل او باقي اعضاء الفريق كيف يعمل التطبيق وكيف يتم الانتقال بين الصفحات.
كأنك ترى التطبيق الحقيقي وتسهل اكتشاف الاخطاء في ال work flow .
يمكن عمله عن طريق Adobe XD ، Figma
المرحلة الاخيره وهي اختياريه، يتم فيها ربط العناصر بروابط تشعبية، حتى تتضح للعميل او باقي اعضاء الفريق كيف يعمل التطبيق وكيف يتم الانتقال بين الصفحات.
كأنك ترى التطبيق الحقيقي وتسهل اكتشاف الاخطاء في ال work flow .
يمكن عمله عن طريق Adobe XD ، Figma
اخيراً يمكن اختصارها بـانها :
الـــ Wireframe هي الهيكل
و الـ Mockup هي المظهر
والـ Prototype هي التشغيل الوهمي.
الـــ Wireframe هي الهيكل
و الـ Mockup هي المظهر
والـ Prototype هي التشغيل الوهمي.
جاري تحميل الاقتراحات...