المرحلة الثانية — التنفيذ والتوظيف
من الـ Wireframe إلى واجهة نهائية
ابدأ رمادي: خطّط الشاشة بمستطيلات بلا ألوان (Wireframe) — بتناقش الترتيب والوظيفة قبل الجمال، والتعديل ببلاش في المرحلة دي.
وانت بتحوّل لـ UI: التزم شبكة 8pt للمسافات، نظام ألوان محايد + لون فعل واحد، وخطين كحد أقصى. الاتساق بيفرق عن الموهبة في أول سنتين.
- في Figma: اعمل Components وStyles من أول يوم — تعديل واحد بينسحب على الكل.
- صمّم حالات الواجهة كلها: فاضي، تحميل، خطأ، نجاح — المحترف بيتعرف من حالة «القائمة الفارغة».