63 lines
4.1 KiB
Markdown
63 lines
4.1 KiB
Markdown
---
|
|
title: Pattern Libraries
|
|
localeTitle: مكتبات النمط
|
|
---
|
|
## مكتبات النمط
|
|
|
|
مكتبة النماذج هي مجموعة من عناصر تصميم واجهة المستخدم القابلة لإعادة الاستخدام. نظرًا لأنه يتم إعادة استخدام عناصر واجهة المستخدم هذه عدة مرات في موقع ويب أو تطبيق ويب أو تطبيق برمجي ، فإنها تفرض البنية من خلال التناسق. هذا يجعل الموقع أو التطبيق أسهل في الاستخدام.
|
|
|
|
بعض عناصر واجهة المستخدم الشائعة الموجودة في مكتبة النماذج هي:
|
|
|
|
* القوائم
|
|
* وصفت
|
|
* تخطيطات الصفحة
|
|
* الرسوم المتحركة واجهة المستخدم
|
|
* إستمارات
|
|
|
|
### فوائد مكتبات النمط
|
|
|
|
يشرح بول بواج ، من مدونته [Boagworld.com](https://boagworld.com/design/pattern-library/) ، الأسباب الرئيسية لإنشاء مكتبة [نمطية](https://boagworld.com/design/pattern-library/) :
|
|
|
|
1. "تضمن مكتبة الأنماط واجهة مستخدم متناسقة."
|
|
2. "مكتبة نمط يسهل عملية إعادة الاستخدام."
|
|
3. "تجعل مكتبة النماذج عملية الصيانة أسهل."
|
|
|
|
### مكتبات النمط مقابل أنظمة التصميم مقابل أدلة الأسلوب
|
|
|
|
من السهل الخلط بين مكتبات النماذج وأنظمة التصميم وأدلة الأسلوب. يوضح هذا [المقال من قبل زاك رذرفورد لـ UXPin](https://www.uxpin.com/studio/blog/design-systems-vs-pattern-libraries-vs-style-guides-whats-difference/) الفرق بين الثلاثة:
|
|
|
|
> • **نظام التصميم** - مجموعة كاملة من معايير التصميم والوثائق والمبادئ جنبا إلى جنب مع مجموعة الأدوات (أنماط واجهة المستخدم ومكونات التعليمات البرمجية) لتحقيق هذه المعايير.
|
|
>
|
|
> • **مكتبة** النماذج - فئة فرعية في نظام التصميم ، هذه هي مجموعة أنماط التصميم للاستخدام عبر الشركة.
|
|
>
|
|
> • **دليل النمط** - فئة فرعية أخرى في نظام التصميم ، تصف هذه الوثائق الثابتة نظام التصميم نفسه: كيف يجب أن تبدو المنتجات وتشعر بها ، استخدام حالات لأنماط واجهة المستخدم ، موازين الطباعة الصحيحة ، إلخ.
|
|
|
|
#### معلومات اكثر:
|
|
|
|
##### أمثلة نمط المكتبة
|
|
|
|
[ميل تشيمب](https://ux.mailchimp.com/patterns)
|
|
|
|
[لغة التصميم IBM](https://www.ibm.com/design/language/resources)
|
|
|
|
[مايكروسوفت](https://developer.microsoft.com/en-us/windows/desktop/design)
|
|
|
|
[تصميم المواد من Google](https://material.io/guidelines/)
|
|
|
|
[أنماط واجهة المستخدم](http://ui-patterns.com/patterns)
|
|
|
|
[أنماط المحمول](http://www.mobile-patterns.com/)
|
|
|
|
[بي بي سي جل](http://www.bbc.co.uk/gel/guidelines/category/design-patterns)
|
|
|
|
##### مقالات
|
|
|
|
["مكتبات نمطية" ناتاشا هوكي من أجل Prototypr.io](https://blog.prototypr.io/pattern-libraries-5d627c5c65b4)
|
|
|
|
["مكتبات نمطية: ما هي ولماذا تحتاج واحد" من قبل ميغان لازير ل Designlab](http://trydesignlab.com/blog/pattern-libraries-what-they-are-and-why-you-need-o/)
|
|
|
|
["إنشاء مكتبة نمطية" للمخرجة ريبيكا سورنسن من أجل سومو لوجيك](https://medium.com/sumo-logic-ux/creating-a-pattern-library-18cce0f901b4)
|
|
|
|
["الشروع في العمل مع مكتبات الأنماط" ، بقلم آنا دبنهام من أجل قائمة "Apart"](http://alistapart.com/blog/post/getting-started-with-pattern-libraries)
|
|
|
|
["أخذ نمط المكتبة إلى المستوى التالي" بواسطة فيتالي فريدمان لمجلة Smashing](https://www.smashingmagazine.com/taking-pattern-libraries-next-level/) |