UX UI Designer | Ahmed Alshanti
UX UI Designer | Ahmed Alshanti

@alshanti98

10 Tweets 95 reads Mar 08, 2022
يعتبر ( Design System ) عنصر مهم في عملية تصميم واجهات المستخدم .
في ثريد اليوم سأتكلم عن ( Design System ) وتوضيح أهميته والعناصر المهمة الموجودة فيه.
@ux_Aseel @Des_together #uidesign #uiuxdesign #تصميم
Design System :
هو عبارة عن مجموعة العناصر القابلة لإعادة الاستخدام في تصميمك مثل النصوص و الألوان والأيقونات والأزرار ، أي ببساطة هو عبارة عن كل العناصر التي ستكون في منتجك وتصميمك
2 . أهمية إنشاء Design System :
قد يحتوي التصميم على العديد من الصفحات أو الشاشات وسيكون من الصعب تنظيم العناصر المستخدمة فيه والتعديل عليها بشكل سريع .
تكمن أهمية Design System في تقليل التكرارات و إنشاء لغة تصميم مشتركة و إنشاء تناسق مرئي لكل الصفحات
3 . بعض العناصر المستخدمة في بناء Design System :
- النصوص Typography :
تعد النصوص عنصر مهم في عملية بناء design System حيث يتم إضافه النصوص بأحجامها وأوزانها لتفرقة بين النصوص المهمة والعناوين والفقرات
- الألوان colors :
يجيب توضيح جميع الألوان المستخدمة في عملية بناء design system لزيادة التناسق المرئي في الصفحات و إعادة أستخدامه الألوان في تصميمك
- الأزرار Buttons :
من المهم توضيح الأزارا المستخدمة في تصميمك والأشكال المستعملة وتوضيح الحالة لكل الأزرار في عملية بناء design system
- حقول الإدخال Input field :
من المهم توضيح شكل وحجم حقول الادخال المستخدمة وانواعها وحالاتها في عملية بناء design system.
- الايقونات icons :
من المهم توضيح الايقونات المستخدمة وتوحيدها من نفس العائلة في عملية بناء design system.
- المسافات spaces :
من المهم تحديد المسافات بين اجزاء التصميم والألتزام بها لزيادة التناسق وتوحيد التصميم في عملية بناء design system.
- الظلال shadows :
في بداية عملية التصميم من المهم تحديد الظلال التي تستخدمها في تصميمك في عملية بناء design system.

Loading suggestions...