ما هي رموز التصميم Design Tokens؟ وكيف تستخدمها؟
كيف تُعدِّل ألوان واجهتك ومسافاتها من مكان واحد؟ تعرّف إلى رموز التصميم، وتعلّم استخدامها بأمثلة من أنظمة تصميم فعلية.
بقلم فريق ورشات
واجهات الاستخدام
تصفح مقالات التصنيف
ما هو نظام التصميم Design System؟ وكيف تبنيه لمشروعك؟
كيف تبني مرجعًا يُوفِّر على فريقك تكرار العمل، ويُوضِّح استخدام المُكوِّنات بدل الاكتفاء بجمعها في ملف؟
بقلم فريق ورشات
وكيل Figma وإرشادات أنظمة التصميم: ما الجديد وكيف تستفيد منه؟
كيف تُوضِّح لوكيل Figma قواعد مكتبتك، ليختار المُكوِّنات المناسبة ويستخدمها بالطريقة التي يعتمدها فريقك؟
بقلم فريق ورشات
تصميم واجهات المستخدم: كيف تحول الفكرة إلى واجهة واضحة قابلة للتنفيذ
تعلّم كيف تبني واجهة مستخدم واضحة، من ترتيب المحتوى وتصميم الحالات إلى التجاوب وأخيراً التسليم للمطور.
بقلم فريق ورشات
ما الفرق بين PX وEM وREM؟ وكيف نستخدمها في تصميم الويب؟
عندما ترغب في بناء أنظمة تصميم متماسة لا بد أن يكون لديك فهم جيد للمقاييس الوحدات التي تبنى عليها هذه الأنظمة.
بقلم فريق ورشات
ما هو التصميم المرئي؟ عناصره ومبادئه
تعلَّم كيف تُغيِّر المسافات والأحجام والتباين طريقة قراءة التصميم، وكيف تستخدمها لتحويل عناصر متفرّقة إلى تصميم واضح ومتماسك.
بقلم فريق ورشات
اختيار ألوان التصميم: ما هي العوامل المؤثرة؟
التعامل مع الألوان ليس فن وإنما مهارة تعتمد على قواعد يمكن تعلمها بشكل منطقي.
بقلم فريق ورشات
ما هي الألوان؟ وما هي طرق اختيار الألوان للتصميم؟
امنح تصاميمك حضورًا أقوى، وتعلّم كيف تختار ألوانًا متناسقة تلفت الانتباه وتُبرز فكرتك بوضوح.
بقلم فريق ورشات