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