منهج الكورس UX/UI من الصفر للاحتراف
المرحلة الثانية — التنفيذ والتوظيف

من الـ Wireframe إلى واجهة نهائية

مقالة 4 من 6 6 دقائق قراءة

ابدأ رمادي: خطّط الشاشة بمستطيلات بلا ألوان (Wireframe) — بتناقش الترتيب والوظيفة قبل الجمال، والتعديل ببلاش في المرحلة دي.

وانت بتحوّل لـ UI: التزم شبكة 8pt للمسافات، نظام ألوان محايد + لون فعل واحد، وخطين كحد أقصى. الاتساق بيفرق عن الموهبة في أول سنتين.

  • في Figma: اعمل Components وStyles من أول يوم — تعديل واحد بينسحب على الكل.
  • صمّم حالات الواجهة كلها: فاضي، تحميل، خطأ، نجاح — المحترف بيتعرف من حالة «القائمة الفارغة».