موارد تصميم ضخمة للمطورين
جدول المحتويات
- رسومات واجهة المستخدم
- الخطوط
- الألوان
- أيقونات
- الأيقونات
- خطوط الرموز
- مخزون الصور
- مقاطع فيديو الأسهم
- موسيقى الأسهم والمؤثرات الصوتية
- ناقلات و قصاصات فنية
- نماذج بالحجم الطبيعي للمنتج والصورة
- قوالب HTML و CSS
- أطر CSS
- الرسوم المتحركة CSS
- الرسوم المتحركة جافا سكريبت
- مكونات وأطقم واجهة المستخدم
- React UI Libraries
- مكتبات Vue UI
- مكتبات واجهة المستخدم الزاويّة
- مكتبات Svelte UI
- أنظمة التصميم وأدلة الأسلوب
- أدوات التصميم عبر الإنترنت
- برامج تصميم قابلة للتنزيل
- إلهام التصميم
- ضغط الصورة
- آحرون
رسومات واجهة المستخدم
مواقع الويب والموارد التي تحتوي على مكونات واجهة مستخدم حديثة بتنسيقات مختلفة مثل PSD و Sketch و Figma وما إلى ذلك ، فهي رائعة للأفكار الخاصة بمكونات الويب / واجهة المستخدم
موقع إلكتروني وصف
- تصميم واجهة المستخدم اليومية 103 مكونات واجهة المستخدم الرائعة من جميع الأنواع
- 100 واجهة مستخدم يومية 34 مكتبة Figma مجانية للمنتجات والعناصر والشاشات
- مصادر تطبيق Sketch 20 رسم واجهات المستخدم والإطارات السلكية والأيقونات وغير ذلك الكثير
- هومان 32 رسوم توضيحية رائعة لأشخاص لديهم القدرة على الاختلاط والتوافق
- Paaatterns 21 مجموعة مجانية من الأنماط الجميلة لجميع تنسيقات المتجهات
- مكتبة الأنماط 20 أنماط خلفية جميلة مجانية
- 404 التوضيح 25 رسوم توضيحية مجانية لـ 404 صفحة
- Drawkit.io 19 الرسوم التوضيحية للمصممين والشركات الناشئة
- Undraw.co 12 الرسوم التوضيحية مفتوحة المصدر لأي فكرة يمكنك تخيلها وإنشاءها
- Illustration.co 22 مجموعة الرسوم التوضيحية مفتوحة المصدر
- Manypixels.co 10 رسوم توضيحية أحادية اللون وذات جودة عالية
- أوبنودودلز 16 الرسوم التوضيحية سطحية مجانية
- افتح اللمحات 8 مكتبة التوضيح مرسومة باليد
- مساحة واجهة المستخدم 20 الآلاف من البرامج المجانية الرائعة لواجهة المستخدم
- Animations.co 24 أيقونات GIF متحركة جميلة وقابلة للتخصيص
- أبلابس 15 موارد تصميم عالية الجودة (مجاني ومميز)
- InvisionApp 10 مكتبة من مجموعات أدوات واجهة المستخدم وحزم الرموز والنماذج بالأحجام الطبيعية المجانية وعالية الجودة
- افتح رسومات الشعار المبتكرة 16 مجموعة مجانية من الرسوم التوضيحية سطحية
- الأفاتار 9 مكتبة رسم مجانية من الرسوم التوضيحية الرمزية بواسطة بابلو ستانلي
- الهدية الترويجية 15 تصميمات تخطيطية مجانية وإطارات سلكية ورسوم توضيحية والمزيد.
- احمر خدود 7 رسوم توضيحية مجانية قابلة للتخصيص مع برنامج Figma Plugin
- أنماط البطل 19 مجموعة من أنماط خلفية SVG القابلة للتكرار
الخطوط
مواقع الويب التي تقدم خطوطًا مجانية بالإضافة إلى أدوات تعتمد على الخطوط
موقع إلكتروني وصف
- خطوط جوجل 5 مكتبة تضم حوالي 1000 عائلة خطوط مرخصة مجانًا
- دافونت 2 ارشيف تحميل الخطوط المجانية
- استخدام وتعديل 2 اختيار شخصي من الخطوط الجميلة ، الأنيقة ، البانك ، المهنية ، غير المكتملة ، الغريبة
- 1001 لخطوط مجانية 1 أعتقد أن الاسم يتحدث عن نفسه : smirk:
- السنجاب الخط 1 يتصفح Font Squirrel الإنترنت للحصول على خطوط عالية الجودة وخطوط مجانية بشكل شرعي
- نسيج الخط مسبك نوع رقمي يصنع خطوط البيع بالتجزئة والطباعة المخصصة لمختلف العلامات التجارية
- ما الخط أداة للعثور على خطوط موقع الويب دون الحاجة إلى البحث في أدوات التطوير
- شجار 1 أداة فرق الكتابة التي تباين بشكل مرئي الاختلافات بين خطين
- لهب الخط 1 أداة لإقران الخطوط لمعرفة كيف تبدو معًا
- ممارسة TypeKit تعرف على ممارسات الطباعة
- فونتجوي إنشاء اقتران الخط بنقرة واحدة
- النسبة الذهبية 1 حاسبة نسبة الطباعة الذهبية
- FontSpark 1 اكتشف أفضل الخطوط
- FontPair يساعدك على إقران خطوط Google معًا
- مساحة الخط موقع ويب مجاني للخطوط يركز على المصمم وله معاينات سريعة قابلة للتخصيص
- خطوط مجردة 3 خطوط مجانية للاستخدام الشخصي والتجاري
- طباعة مجانية 2 قائمة الخطوط عالية الجودة
- ليون سانس 1 محرف هندسي مصنوع من الشفرة
- ليكسيند خط متغير يظهر بشكل تجريبي لتحسين إتقان القراءة بشكل ملحوظ
- خطوط لأنظمة آبل احصل على التفاصيل والأطر والأدوات التي تحتاجها لاستخدام خطوط النظام لأنظمة Apple الأساسية في تطبيقاتك
- SFWin خطوط سان فرانسيسكو لنظام التشغيل Windows 10 والنظام الأساسي غير التابع لـ Apple
- الخط زعنفة قم بمعاينة 800+ من خطوط Google فوق تصميماتك الخاصة ، دون الحاجة إلى تنزيل الخطوط
- الخطوط ارينا 1 الخطوط المنسقة المجانية
- بيفونتس 3 خطوط عالية الجودة مجانًا
- الخطوط العربية 1 الخطوط العربية مجانا
- FontDrop طريقة بسيطة وسهلة لعرض محتويات ملفات الخطوط
الألوان
مواقع الويب والموارد التي تساعد في الاختيارات المتعلقة بالألوان
موقع إلكتروني وصف
- كولورميند 17 مولد لوح الألوان
- ColorCurves.app 4 منشئ لوح الألوان الذي يستخدم المنحنيات لتوليد لوحات الألوان
- مبردات 4 قم بإنشاء لوحة مثالية أو احصل على الإلهام من آلاف أنظمة الألوان الجميلة
- الألوان والخطوط 3 مكتبة منسقة من الألوان والخطوط والموارد
- قائمة لوحة 4 اختر لونين تعجبك وستقوم الأداة بإنشاء آلاف اللوحات لك.
- أداة ألوان المواد من Google 6 أداة Google Material Color Palette الرسمية
- لوحة المواد 2 حرية اختيار اللوحات والأيقونات والألوان للتصميم متعدد الأبعاد
- ColorSpace 1 قم بإنشاء لوحات ألوان جميلة من لون واحد
- ألوان مسطحة 2 مجموعة جميلة من لوحات الألوان بنكهات مختلفة
- Adobe Color 1 إنشاء لوحات الألوان ، واستخراج التدرجات من الصور ، وما إلى ذلك
- كولورسينسبو 1 مورد الكل في واحد للعثور على كل شيء عن الألوان
- هابي هويس 1 Happy Hues هو موقع لإلهام لوحة الألوان يعمل كمثال حقيقي لكيفية استخدام الألوان في مشاريع التصميم الخاصة بك بواسطة Mackenzie Child
- اتجاهات Adobe 2 اكتشف اتجاهات الألوان الحالية في الصناعات المختلفة من المجتمعات الإبداعية على Behance و Adobe Stock
- مطاردة اللون منصة مجانية ومفتوحة لإلهام الألوان مع الآلاف من لوحات الألوان العصرية المنتقاة يدويًا
- مطاردة التدرج 2 منصة مجانية ومفتوحة لإلهام التدرج مع الآلاف من التدرجات اللونية العصرية المنتقاة يدويًا
- تدرجات الويب 7 موقع مجاني للعثور على تدرجات css جيدة
- علبة الألوان موقع مجاني لإنتاج مجموعة الألوان
- تدرج CSS 3 موقع مجاني لعمل التدرج اللوني وبعض الأمثلة على التدرج
- التدرج تدرجات css و jpg نقية
- تدرجات واجهة المستخدم 2 منشئ ألوان التدرجات لواجهة المستخدم
- مولد لوح 1 قم بإنشاء لوحة ألوان جديدة مع كل ضغطة على مفتاح المسافة
- لوحات المواد 1000+ لوح ألوان للتصميم متعدد الأبعاد
- المنتزع محدد التدرج
- الظل 1 قم بإنشاء ظلال من أي لون بسرعة
- الماركة 1 أكبر مجموعة من رموز ألوان العلامة التجارية الرسمية
- منصات العلامة التجارية 3 رموز ألوان الشعار واللوحات
- ColorSpace 1 إنشاء لوحات الألوان من لون واحد
- مولد لوحة تصميم المواد 2 قم بإنشاء سمة ولوحة ألوان تشبه التصميم المادي
- تلوين أداة مخطط الألوان للمصممين والمطورين. سيساعدك هذا في استلهام الأفكار ويكون بمثابة مصدر لعملك الملون.
- 0to255 أداة ألوان تسهل تفتيح الألوان وتغميقها. إنه مثالي لحالات التمرير والحدود والتدرجات والمزيد.
- أزرار التدرج 3 جاهز لاستخدام أزرار النسخ / اللصق التدرج
- خروما 2 يستخدم Khroma الذكاء الاصطناعي للتعرف على الألوان التي تفضلها وإنشاء لوحات غير محدودة لك لاكتشافها والبحث عنها وحفظها.
- من أداة تجذب الانتباه والفهم لكيفية تأثير تباين الألوان على مختلف الأشخاص الذين يعانون من إعاقات بصرية.
- قابل للتلوين اختبار تباين تركيبة اللون
- منتقي الألوان السداسية أداة للحصول على رمز سداسي عشري مع اسم اللون.
- سارواكون مخطط الألوان المذهل لتصميمات مواقع الويب والتطبيقات مع معاينات
- باليتون Paletton.com هي أداة ألوان مصممة لإنشاء مجموعات ألوان تعمل معًا بشكل جيد.
- كولورزيلا محرر متدرج CSS قوي على الإنترنت يشبه متجر الصور
- منتقي ألوان الصورة منتقي ألوان الصورة ومولد لوح الألوان
- اجمع بين الألوان أداة خلط الألوان
الأيقونات
موارد للأحياء المفضلة
موقع إلكتروني وصف
فافيكون 9 قم بإنشاء رمز مفضل من نص أو من صورة أو من رمز تعبيري. تنزيل بتنسيقات .ico و. png
مولد فافيكون 1 قم بإنشاء ملفات favicon ico لموقعك على الويب
RealFaviconGenerator 2 إنشاء رموز لجميع الأنظمة الأساسية (Windows ، iOS ، Android)
FontIcon 2 قم بإنشاء الرموز المفضلة والصور من أيقونات Font Awesome
نماذج بالحجم الطبيعي للمنتج والصورة
إنشاء نماذج بالأحجام الطبيعية للأجهزة والمنتجات الأخرى
موقع إلكتروني وصف
- نماذج بالحجم الطبيعي الذكية 10 إنشاء نماذج مذهلة للمنتجات (مجاني ومميز)
- لقطة المفاجئة 4 قم بإنشاء صور نموذجية للأجهزة جميلة لتطبيقك أو تصميم موقع الويب الخاص بك
- بصراحة 3 تحويل لقطة الشاشة الخاصة بك على الفور إلى نموذج بالحجم الطبيعي
- ذروة الشاشة 4 قم بإنشاء نموذج بالحجم الطبيعي من عنوان URL
- العالم بالحجم الطبيعي 4 أكبر مصدر للصور المجانية الواقعية على الإنترنت
- كولاب شوت لقطات الشاشة في الوقت الحقيقي ومشاركة الصور
- أجهزة فيسبوك الصور وملفات Sketch للأجهزة الشائعة
- Threed.io 6 قم بإنشاء نماذج بالأحجام الطبيعية ثلاثية الأبعاد في متصفحك مباشرة.
- نموذج بالحجم الطبيعي 1 نماذج مجانية بنسبة 100٪ لجميع الأجهزة بما في ذلك IOS و Android و Windows Phone والكمبيوتر المحمول وسطح المكتب والتلفزيون.
تعليقات
إرسال تعليق