دائما ما نسمع مصطلح Design System أو نظام التصميم, ماهو نظام التصميم؟ تابعوا معي هذا الثريد المهم 👇👇
.
.
#ui #ux #uiux #uidesign #uxdesign #design #productdesign #webdesigner #uikit #designpatterns
.
.
#ui #ux #uiux #uidesign #uxdesign #design #productdesign #webdesigner #uikit #designpatterns
✅ ماهو نظام التصميم أو Design System
هو مجموعة كاملة من المعايير التي تهدف إلى إدارة التصميم على نطاق واسع بإستخدام مكونات و انماط قابلة للإستخدام مرة أخرى.
هو مجموعة كاملة من المعايير التي تهدف إلى إدارة التصميم على نطاق واسع بإستخدام مكونات و انماط قابلة للإستخدام مرة أخرى.
✅ فوائد نظام التصميم
1/ إستخدام مكونات و عناصر واجهة الإستخدام التي تم إعدادها مسبقا مما يقلل الحاجة إلى تصميمها من جديد بالمختصر "لا تعد إختراع العجلة"
2/ التركيز على مشاكل أكثر تعقيدا لان العناصر البسيطة قد إنشاؤها و هذا ما يمنحك فرصة للتركيز على مشاكل أكثر تعقيدا.
1/ إستخدام مكونات و عناصر واجهة الإستخدام التي تم إعدادها مسبقا مما يقلل الحاجة إلى تصميمها من جديد بالمختصر "لا تعد إختراع العجلة"
2/ التركيز على مشاكل أكثر تعقيدا لان العناصر البسيطة قد إنشاؤها و هذا ما يمنحك فرصة للتركيز على مشاكل أكثر تعقيدا.
3/ نظام التصميم يخلق تصاميم متناسقة و موحدة بصريا و أكبر مثال على ذلك تطبيقات الأيفون و الأندرويد.
4/ نظام التصميم يعتبر بمثابة مرجع للمصممين المبتدئين الذين يودون بناء منتجات رقمية.
✅أغلب انظمة التصميم تتكون من
Style guide, Components library, Design patterns
4/ نظام التصميم يعتبر بمثابة مرجع للمصممين المبتدئين الذين يودون بناء منتجات رقمية.
✅أغلب انظمة التصميم تتكون من
Style guide, Components library, Design patterns
1/ Style guide
هو عبارة عن دليل يحتوي على إرشادات التصميم لكل عنصر مثل عناصر الهوية البصرية و الألوان و مكونات واجهة الإستخدام. و هو جزء لا يتجزأ من نظام التصميم فهو عبارة عن تجميع لكل عناصر التصميم.
هو عبارة عن دليل يحتوي على إرشادات التصميم لكل عنصر مثل عناصر الهوية البصرية و الألوان و مكونات واجهة الإستخدام. و هو جزء لا يتجزأ من نظام التصميم فهو عبارة عن تجميع لكل عناصر التصميم.
2/ Components library
تضم عناصر واجهة الإستخدام القابلة لإعادة الإستخدام و هي بمثابة متجر شامل للمصممين و المطورين.
3/ Patterns library
هي مكتبة لأنماط واجهة الإستخدام بحيث يستخدمها المصممون لبناء منتجات رقمية. يشار لها بإسم الأنماط لأنها حلول متكررة تحل مشاكل التصميم.
تضم عناصر واجهة الإستخدام القابلة لإعادة الإستخدام و هي بمثابة متجر شامل للمصممين و المطورين.
3/ Patterns library
هي مكتبة لأنماط واجهة الإستخدام بحيث يستخدمها المصممون لبناء منتجات رقمية. يشار لها بإسم الأنماط لأنها حلول متكررة تحل مشاكل التصميم.
✅أشهر أنظمة التصميم
- Material Design
- Polaris ( Shopify Design System )
- Atlassian
- Human Interface Guidelines ( Apple )
- Carbon Design System ( IBM )
- Fluent Design System ( Microsoft )
- Material Design
- Polaris ( Shopify Design System )
- Atlassian
- Human Interface Guidelines ( Apple )
- Carbon Design System ( IBM )
- Fluent Design System ( Microsoft )
إذا أعجبكم الثريد لا تنس عمل❤️و 🔄لتعم الفائدة على الجميع. لا تنسو عمل متابعة
@chouaib_ui
أحبكم في الله 😊
@chouaib_ui
أحبكم في الله 😊
جاري تحميل الاقتراحات...