أفضل 25 مكونًا لواجهة المستخدم لتصميم التطبيقات والمواقع الإلكترونية

نشرت: 2018-05-31

إذا كنت مصممًا لتطبيق أو مصمم ويب تعمل في مشروع واجهة مستخدم ، فهذه القائمة تناسبك! فيما يلي بعض من أفضل مكونات واجهة المستخدم وأحدثها لكل من مشاريع التطبيقات والويب.

جدول المحتويات إخفاء
كاوف: مجموعة مجانية لواجهة مستخدم الويب لبرنامج Photoshop
Planguru: مجموعة واجهة مستخدم مجانية لتطبيقات الأحداث والتخطيط
دبوس
H1: مجموعة واجهة مستخدم محمولة ملونة
دبوس
مجموعة مجانية لواجهة مستخدم iOS لـ Photoshop و Sketch
دبوس
مجموعة واجهة مستخدم Facebook iOS iPhone
دبوس
Vera Block: مجموعة ضخمة من مكونات واجهة المستخدم وشاشات التطبيقات
دبوس
العناصر: مجموعة واجهة مستخدم لوحة القيادة لـ Photoshop و Sketch
دبوس
مجموعة أدوات أساسية لواجهة المستخدم على غرار عنصر واجهة المستخدم لمواقع الويب
دبوس
Edacious: مجموعة أدوات مجانية لواجهة مستخدم الطعام للويب والتطبيقات
دبوس
موارد تصميم واجهة مستخدم Apple لـ Photoshop و Sketch
دبوس
مجموعة واجهة مستخدم Facebook iOS
دبوس
Guacamole: مجموعة واجهة مستخدم مجانية لـ Photoshop و Xd و Sketch
دبوس
مجموعة واجهة المستخدم المرتبطة: 45 نموذجًا مجانيًا لبرنامج Sketch و Photoshop
الموعد النهائي: مجموعة واجهة مستخدم مجانية لبرنامج Photoshop
دبوس
55+ مجموعة Elements UI لبناء مواقع الويب
دبوس
Avital: مجموعة واجهة مستخدم مجانية لتطبيقات الأجهزة المحمولة
دبوس
بورتلاند: مجموعة واجهة مستخدم مجانية تعتمد على Bootstrap
دبوس
Ventas: مجموعة Mobile UI لمجلات السفر
دبوس
مونيكا - مجموعة PSD UI مجانية للتجارة الإلكترونية
دبوس
Fair Mobile UI Kit: 8 شاشات تطبيقات مجانية
Pin Chat: مجموعة أدوات الحد الأدنى من واجهة المستخدم (PSD + Sketch)
دبوس
مجموعة تنظيف iOS UI مع 10 شاشات
دبوس
طقم Zoom UI
دبوس
Elegance - UI Kit لنظام iOS
دبوس
مجموعة أدوات واجهة المستخدم الخاصة بالطعام والشراب
دبوس

تم تصميم جميع هذه الهدايا المجانية بأشكال متجهة واستخدام خطوط Google. إنها تأتي كملفات منظمة جيدًا ، مع مجلدات مرتبة ، بحيث يمكنك تخصيصها بسهولة وسرعة وتكييفها مع عملك الخاص.

تأتي مجموعات مكونات واجهة المستخدم هذه مع الكثير من عناصر واجهة المستخدم الكاملة الاستخدام من فئات متعددة ، والتي ستساعدك على إنشاء نماذج أولية وتصميم واجهات رائعة.

يمكنك استخدام مكونات واجهة المستخدم هذه لتصميم تطبيقات iOS وتطبيقات Android وتطبيقات الويب والمزيد. تحتوي مجموعات واجهة المستخدم النظيفة هذه على أزواج خطوط رائعة ولوحات ألوان متوازنة.

قم بمعاينتها أدناه.

كاوف: مجموعة مجانية لواجهة مستخدم الويب لبرنامج Photoshop

Kauf عبارة عن مجموعة مكونات واجهة مستخدم ويب مجانية تم إنشاؤها باستخدام Photoshop. يحتوي على أكثر من 200 عنصر واجهة يمكن استخدامها للمقالات والتجارة الإلكترونية والعناوين والتنقلات والنماذج والأدوات والمزيد!1 Kauf- مجموعة واجهة مستخدم ويب مجانية لمكونات Photoshop UI دبوس

Planguru: مجموعة واجهة مستخدم مجانية لتطبيقات الأحداث والتخطيط

Planguru هي مجموعة مكونات واجهة مستخدم مجانية أخرى ، تم تصميمها هذه المرة في Sketch ولكنها متوفرة أيضًا مع إصدار Photoshop. يحتوي على 18 شاشة متقنة الصنع مع الكثير من المكونات المفيدة مثل التقويمات والمحادثات وأنظمة الإخطار والمزيد.

2 مكونات Planguru UI دبوس

H1: مجموعة واجهة مستخدم محمولة ملونة

H1 عبارة عن مجموعة مكونات ملونة لواجهة المستخدم المحمولة يمكن تنزيلها بتنسيقات ملفات PSD و Sketch. يتضمن أكثر من 100 قالب شاشة مع أكثر من 400 عنصر مذهل لواجهة المستخدم يمكنك الاختيار من بينها.

3 H1- مجموعة واجهة مستخدم متحركة ملونة دبوس

مجموعة مجانية لواجهة مستخدم iOS لـ Photoshop و Sketch

إليك مجموعة أخرى ضخمة من مكونات واجهة مستخدم iOS التي تحتوي على شاشات وعناصر واجهة مشتركة ، مثل الأشكال وعناصر التحكم والحاويات والأيقونات. هذه مجموعة واجهة مستخدم مجانية يمكن تنزيلها بتنسيق PSF.

4 مجموعة مجانية لواجهة مستخدم iOS 11 لـ Photoshop و Sketch دبوس

مجموعة واجهة مستخدم Facebook iOS iPhone

تحقق من الهدية الترويجية لواجهة المستخدم الرسومية لنظام iOS التي تحتاجها بالتأكيد إذا كنت تعمل على تطبيقات iOS. يمكن تنزيل هذا بتنسيقات ملفات مختلفة ، لـ Origami و Sketch و Photoshop.

5 مجموعة أدوات Facebook iOS 11 iPhone UI دبوس

Vera Block: مجموعة ضخمة من مكونات واجهة المستخدم وشاشات التطبيقات

Vera Block عبارة عن هبة ترويجية ضخمة لمكونات واجهة المستخدم تحتوي على أكثر من 100 مكون لواجهة المستخدم و 140+ شاشة محمولة لـ Sketch و Photoshop. استخدمه لتسريع سير عمل تصميم هاتفك المحمول. هذه المجموعة مرنة وسهلة الاستخدام ومتوازنة.

6 Vera Block- مجموعة ضخمة من مكونات واجهة المستخدم وشاشات التطبيقات دبوس

العناصر: مجموعة واجهة مستخدم لوحة القيادة لـ Photoshop و Sketch

Elements عبارة عن مجموعة مكونات مجانية لواجهة المستخدم تتضمن عناصر مفيدة مثل المدخلات والأزرار والتحديدات والقوائم المنسدلة والإشعارات والجداول والمزيد ، بالإضافة إلى تصميمات لوحات المعلومات / صفحات المسؤول. يمكن تنزيله بتنسيقات PSD و Sketch.

7 Elements- مجموعة واجهة مستخدم لوحة القيادة لـ Photoshop و Sketch دبوس

مجموعة أدوات أساسية لواجهة المستخدم على غرار عنصر واجهة المستخدم لمواقع الويب

إذا كنت بحاجة إلى مجموعة مكونات واجهة مستخدم نظيفة ، فإن مجموعة واجهة المستخدم الأساسية هذه على غرار عنصر واجهة المستخدم هي ما كنت تبحث عنه. يحتوي على 25 مكونًا جاهزًا يمكنك استخدامها لترقية تصميم موقع الويب الخاص بك. متوفر بتنسيق PSD.

8 مجموعة واجهة مستخدم أساسية على غرار عنصر واجهة المستخدم لمواقع الويب دبوس

Edacious: مجموعة أدوات مجانية لواجهة مستخدم الطعام للويب والتطبيقات

Edacious هي مجموعة PSD UI مع الكثير من الميزات الرائعة لإنشاء مواقع الويب والتطبيقات المتعلقة بالطعام. يحتوي على 18 شاشة لنظام iOS ونموذج للصفحة المقصودة.

9 Edacious- مجموعة واجهة مستخدم طعام مجانية للويب والتطبيقات دبوس

موارد تصميم واجهة مستخدم Apple لـ Photoshop و Sketch

تم تحديث إرشادات الواجهة البشرية لنظام iOS بواسطة Apple ، لذا فأنت بالتأكيد بحاجة إلى تنزيل مجموعة موارد تصميم واجهة المستخدم هذه! يتضمن عناصر واجهة المستخدم والقوالب ولوحات الألوان والرموز والأصول المفيدة الأخرى.

10 موارد تصميم لواجهة مستخدم Apple لـ Photoshop و Sketch دبوس

مجموعة واجهة مستخدم Facebook iOS

إليك مجموعة Facebook iOS Light UI التي يمكنك استخدامها لتصميم تصميمات تطبيقات مذهلة ونظيفة وبسيطة.

11 مكونات واجهة مستخدم مجموعة واجهة المستخدم الخاصة بـ Facebook iOS 10 دبوس

Guacamole: مجموعة واجهة مستخدم مجانية لـ Photoshop و Xd و Sketch

Guacamole عبارة عن مجموعة واجهة مستخدم مجانية متاحة لـ Photoshop أو Adobe Xd أو Sketch. يتضمن أكثر من 150 رمزًا ، وأكثر من 70 عنصرًا ، وأكثر من 600 طبقة جاهزة لشبكية العين ، وأكثر من 500 شكل متجه.

12 Guacamole- مجموعة واجهة مستخدم مجانية لـ Photoshop و Xd و Sketch دبوس

مجموعة واجهة المستخدم المرتبطة: 45 نموذجًا مجانيًا لبرنامج Sketch و Photoshop

تأتي مجموعة Relate UI مع ملفات Sketch و PSD وتتضمن الكثير من عناصر واجهة المستخدم المذهلة ، مثل القوالب لـ 15 فئة مختلفة وأكثر من 100 عنصر قابلة للتطوير بشكل كامل ومثالية للبكسل!13 ربط قوالب UI kit-45 المجانية لـ Sketch و Photoshop دبوس

الموعد النهائي: مجموعة واجهة مستخدم مجانية لبرنامج Photoshop

الموعد النهائي عبارة عن مجموعة مكونات مجانية لواجهة المستخدم لبرنامج Photoshop وهي مكونة من أكثر من 100 عنصر و 80+ شاشة مذهلة مسبقة الصنع وعناصر التجارة الإلكترونية والمزيد. استفد من هذه الهدية الترويجية الرائعة وقم بتنزيلها على الفور.

14 الموعد النهائي- مجموعة واجهة مستخدم مجانية لبرنامج Photoshop دبوس

55+ مجموعة Elements UI لبناء مواقع الويب

إليك مجموعة أخرى مجانية من مكونات واجهة المستخدم تتكون من أكثر من 50 عنصرًا يمكنك استخدامها لتصميم مواقع ويب نظيفة وحديثة. يمكن تنزيل ملف PSD المجاني ببضع نقرات فقط.

15 55+ Elements UI kit لبناء مواقع الويب دبوس

Avital: مجموعة واجهة مستخدم مجانية لتطبيقات الأجهزة المحمولة

تتكون مجموعة الأجهزة المحمولة الاحترافية هذه من أكثر من 20 شاشة iOS مصممة لتسهيل سير عملك. هذه الشاشات المعقدة هي جزء من 7 فئات مختلفة وتأتي كملفات Photoshop و Sketch.

16 Avital- مجموعة واجهة مستخدم مجانية لتطبيقات الأجهزة المحمولة دبوس

بورتلاند: مجموعة واجهة مستخدم مجانية تعتمد على Bootstrap

بورتلاند عبارة عن مجموعة واجهة مستخدم تعتمد على شبكات Bootstrap. يمكن استخدامه لتصميم قوالب مواقع الويب لأنه يتضمن بعض المكونات الشائعة مثل الرؤوس ، وشرائح البطل ، والقوائم ، وعناصر ترقيم الصفحات ، إلخ.

17 Portland- مجموعة واجهة مستخدم مجانية تعتمد على Bootstrap دبوس

Ventas: مجموعة Mobile UI لمجلات السفر

Ventas عبارة عن مجموعة واجهة مستخدم مجانية يمكنك استخدامها لتصميم تطبيقات جوال رائعة لمجلات السفر. تتضمن هذه المجموعة المصغرة 6 شاشات قابلة للتخصيص بالكامل وتأتي كملف PSD متعدد الطبقات بالكامل.

18 Ventas- مجموعة Mobile UI لمجلات السفر دبوس

مونيكا - مجموعة PSD UI مجانية للتجارة الإلكترونية

Monica عبارة عن مجموعة مكونات PSD UI مجانية ومدهشة أخرى تحتوي على الكثير من العناصر المفيدة لبناء مواقع تجارة إلكترونية تعمل بكامل طاقتها. تحميل مجاني PSD!

19 مونيكا - مجموعة PSD UI المجانية للتجارة الإلكترونية دبوس

Fair Mobile UI Kit: 8 شاشات تطبيقات مجانية

Fair عبارة عن مجموعة أدوات واجهة مستخدم متنقلة تضم أكثر من 100 شاشة! النسخة المجانية تحتوي على 8 شاشات فقط بتصميم عصري وأنيق. قم بتنزيل ملف PSD المجاني.

20 Fair Mobile UI Kit- 8 شاشات تطبيقات مجانية دبوس
الدردشة: مجموعة أدوات الحد الأدنى من واجهة المستخدم (PSD + رسم)

الدردشة عبارة عن مجموعة مكونات مجانية لواجهة المستخدم بسيطة لتصميم تطبيقات رائعة. يحتوي على 60 نموذجًا في 12 فئة و 80 عنصرًا لواجهة المستخدم. يأتي كملفات Photoshop و Sketch.

21 Chat- Minimal UI kit (PSD + Sketch) دبوس

مجموعة تنظيف iOS UI مع 10 شاشات

إليك مجموعة iOS نظيفة مع 10 شاشات تطبيقات تأتي كملفات PSD قابلة للتحرير بالكامل وطبقات.

22 مجموعة Clean iOS UI مع 10 شاشات دبوس

طقم Zoom UI

Zoom عبارة عن مجموعة أدوات واجهة مستخدم مصممة خصيصًا للصفحات المقصودة التي تعرض تطبيقات الجوال. استخدم ملف PSD المجاني هذا لإنشاء صفحات مقصودة رائعة لتصميم تطبيقك!

23 Zoom UI kit دبوس

Elegance - UI Kit لنظام iOS

Elegance عبارة عن مجموعة مكونات واجهة مستخدم لتصميم تطبيقات التجارة الإلكترونية تتكون من 12 شاشة عالية الجودة لنظام iOS. يمكنك تنزيل ملفات PSD و Sketch المجانية في الرابط أعلاه.

24 Elegance iOS UI Kit Free دبوس

مجموعة أدوات واجهة المستخدم الخاصة بالطعام والشراب

الطعام والشراب عبارة عن مجموعة واجهة مستخدم نظيفة تحتوي على الكثير من العناصر المصغرة المثالية لصناعة الطعام والشراب. استخدمه لإنشاء تطبيقات ومواقع ويب رائعة متعلقة بالطعام.

25 مكونًا لواجهة مستخدم مجموعة أدوات الطعام والشراب دبوس