15 موقعًا مفيدًا للرسوم التوضيحية المتجهة المجانية

نشرت: 2022-08-08
ملخص » لا يهم ما إذا كان مشروع ويب تعمل عليه أو رسم توضيحي محدد للعميل - تعد الرسومات المتجهة دائمًا إضافة رائعة للمشاريع الرقمية. ولكن ، من أين تحصل على الرسوم التوضيحية المتجهة "الخالية من حقوق الطبع والنشر"؟ في هذه المقالة ، سوف نستكشف العديد من المواقع والأنظمة الأساسية التي توفر رسومًا متجهة مجانية ، ورسومًا توضيحية ، وأيقونات.

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

إنه أيضًا مسار "مهني" مربح للمصممين الذين يستمتعون بالتعبير عن إبداعاتهم في شكل رقمي.

حتى كبار اللاعبين مثل Microsoft و Google و Apple قاموا بتكييف أيديولوجية التصميم الخاصة بهم حول الرسومات القائمة على المتجهات ، بدلاً من الصور المباشرة. من منظور التصميم ، تسهل الرسومات المتجهة إنشاء تجربة تصميم مرنة بجزء بسيط من التكلفة.

لذلك ، بناءً على نوع المشروع الذي تعمل عليه - يمكنك إما تعيين مصمم للقيام بجميع الرسوم التوضيحية نيابة عنك أو كبديل - يمكنك استخدام أي من منصات الرسوم التوضيحية المجانية المدرجة في هذه المقالة. أعتقد أن الكثير من الناس على دراية بـ "كبار السن" مثل unDraw و DrawKit ، ولكن كان هناك الكثير من البدائل التي ظهرت على مر السنين.

دعونا نلقي نظرة فاحصة.


1. لوكاس آدم

لوكاس آدم

Lukasz هو مطور / مصمم عصامي قام ببناء مكتبة ضخمة من الرسوم التوضيحية المجانية لـ SVG كوسيلة لرد الجميل للمجتمع. بعيدًا عن التصميم ، يحب Lukasz أيضًا الكتابة ويقدم مراجعات للمنتجات والدورات التي شارك فيها.

بخلاف إنتاج الرسوم التوضيحية الموضعية ، قام Lukasz أيضًا بعمل عدد من حزم الرموز المتعلقة بالموضوعات التقنية العصرية ، ولكن أيضًا بأشياء خاصة مثل اللياقة البدنية والتشفير والمزيد. يمكنك الحصول على مجموعته الكاملة من الرسوم التوضيحية في Gumroad مجانًا. في الواقع ، نظرًا لأن عمله مرخص بموجب ترخيص CC0 - فلا داعي للقلق بشأن الإسناد أيضًا. على الرغم من أنها لفتة لطيفة بالطبع.

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


2. Humaaans

هومان

الحديث عن المزج والمطابقة - Humaaans عبارة عن مكتبة من الرسوم التوضيحية تعتمد على الشخصيات (الأشخاص) والتي يمكنك استخدامها لإنشاء نتائج فريدة من خلال مزج الأساليب المختلفة معًا. كما هو الحال مع قائمتنا الأولى ، تخضع هذه المجموعة أيضًا لترخيص CC0. استخدمه للمشاريع الشخصية أو التجارية مجانًا تمامًا.

يتضمن ملفات التنسيق الصحيحة لـ Sketch و Figma و InVision Studio و Adobe XD.


3. صحيح بكسل

بكسل صحيح

تعمل Pixel True كشركة متخصصة في تصميم الرسوم التوضيحية المستقلة ولكن أيضًا المتحركة. وكجزء من إستراتيجيتهم التسويقية - يقدمون أيضًا حزمًا مجانية متنوعة.

الآن ، للأسف ، الطريقة الوحيدة التي تمكنت من "العثور عليها" على الحزم المجانية كانت باستخدام CTRL + F على الصفحة والبحث عن "مجاني".

في المجموع ، هناك عدة مئات من الرسوم التوضيحية والأيقونات المجانية المنتشرة في حزم مختلفة.

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


4. IconScout

IconScout

يوفر IconScout مجموعة متنوعة من حزم الرسوم التوضيحية ، بينما يجمع أيضًا الرسوم التوضيحية من مواقع الويب / الأنظمة الأساسية الأخرى. يعجبني أيضًا أن لديهم شريطًا جانبيًا أنيقًا للمرشحات حيث يمكنك فرز النتائج بناءً على الحزم أو الرسوم التوضيحية المستقلة.

يمكنك أيضًا الفرز حسب أحدث الوافدين ، ثم تطبيق عوامل تصفية محددة للفئات.

وعلى الرغم من أن IconScout تقول إن كتالوجها بالكامل خالي من حقوق الملكية وجاهز للمشاريع التجارية ، فلا يزال يتعين عليك إسناد استخدام أعمالهم. يتيح لك الموافقة على ذلك تنزيل الرسوم التوضيحية بتنسيق SVG ، ولكن أيضًا العديد من تنسيقات الملفات الشائعة الأخرى.


5. ManyPixels

ManyPixels

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

يمكنك فرز النتائج بناءً على الكلمات الأساسية والفئات والأنواع. الأنواع في هذا السياق هي نمط الرسم التوضيحي نفسه ، مثل Isometric و Flatline وما إلى ذلك. والأفضل من ذلك كله ، يمكنك أيضًا تعيين نظام ألوان محدد لجميع الرسوم التوضيحية قبل تنزيل ملف SVG أو PNG النهائي.


6. الصقيل

سطح أملس

يوفر Glaze الوسائل لمصممي الجرافيك لمشاركة أعمالهم ، ثم يكسبون عمولات عندما يشتري شخص ما الترخيص الكامل لأي رسم توضيحي معين.

كل رسم توضيحي منشور على Glaze له نسخة مجانية متاحة. ومع ذلك ، مما أجمعه - سيكون هذا الرسم التوضيحي محدودًا بأبعاد (نطاق 450-500 بكسل) وسيأتي فقط بتنسيق PNG.

ما زلت أعتقد أنه مفيد للغاية للمشاريع الشخصية مثل العروض التقديمية. مكتبتهم ضخمة ومصنفة من خلال الفئات والناشرين الفرديين.


7. فتح اللمحات

افتح اللمحات

Open Peeps هي مكتبة توضيحية مفتوحة المصدر متخصصة في الرسم اليدوي. لديها القليل من أسلوب Notion-esque لها. على غرار بعض المشاريع التي رأيناها بالفعل - تشجع Open Peeps الجميع على المزج والتوفيق بين المتجهات المختلفة لإنشاء المزيد من الاختلافات الفريدة.

يمكنك إما تنزيل المكتبة بأكملها أو تحديد بعض التصميمات المعدة مسبقًا على الصفحة الرئيسية.


8. افتح رسومات الشعار المبتكرة

افتح رسومات الشعار المبتكرة

كل من Peeps و Doodles من أعمال بابلو ستانلي. في الصفحة الرئيسية ، ستجد رسومات الشعار المبتكرة الأولية ، المتوفرة بتنسيق SVG و PNG ، بالإضافة إلى روابط إلى Blush. يمكنك أيضًا الاطلاع على بعض التراكيب التجريبية التي أعدها بابلو من الرابط الموجود في شريط القائمة العلوي.


9. توضيحية

توضيحي

لم أتمكن من العثور على أي معلومات حول هوية الشخص / العلامة التجارية التي يدير هذا المشروع ، ولكن يبدو أن لديهم موهبة في تصميم الجرافيك. يوجد حوالي 260 رسمًا متجهًا (رسوم توضيحية وأيقونة) - يمكن تنزيلها جميعًا بتنسيق SVG.

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

أحد الأشياء المثيرة للاهتمام حول نموذج التسعير الخاص بهم هو أنهم يستخدمون ما يمكنك دفعه . حاولت وضع دولار واحد لاختباره ويبدو أنه نجح. تتم معالجة جميع المعاملات من خلال Gumroad.


10. مجموعة القصص

مجموعة القصص

Storyset (التي تديرها Freepik) هي واحدة من الأماكن المفضلة للحصول على رسومات متجهة. أعني ، هذا ليس مجرد تصميم رسومي على مستوى عالمي تحت تصرفك ، ولكن أيضًا القدرة على استخدام هذه التصميمات دون أي شيء سوى الإسناد كجزء من الترخيص. هذا ينطبق أيضا على المشاريع التجارية.

والسبب في أن هذا أحد مواقعي المفضلة هو الميزات التالية.

  • جميع الرسومات لها أنماط متعددة.
  • يمكنك تغيير اللون وإضافة أو إزالة كائنات قبل التنزيل.
  • يمكنك استخدام محرك الرسوم المتحركة الخاص بهم (نعم!) لتحريك الكائنات الفردية في المتجه نفسه.

لديهم أيضًا مكونًا إضافيًا مخصصًا متاحًا لمستخدمي Figma. أشياء لا تصدق.


11. الأيقونات 8

الأيقونات 8

كنت هناك عندما بدأت Icons8 لأول مرة ، وكنت أيضًا محظوظًا بما يكفي للعمل معهم في الماضي لنشر مقالات على مدونتهم. لقد كان من المدهش مشاهدة هذه العلامة التجارية تنتقل من شركة تصميم رسومات صغيرة إلى منصة ناقلات كاملة.

أسهل طريقة وجدتها لفرز الأشياء المجانية هي ببساطة البحث عن "مجاني" في شريط البحث.

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


12. DrawKit

DrawKit

DrawKit هو جزء من عائلة Designstripe. إذا قمت بزيارة موقع DrawKit ، فيمكنك فرز النتائج عن طريق Free باستخدام عامل التصفية الموجود في الصفحة الرئيسية. في المجموع ، هناك حوالي 50 مجموعة مختلفة ، ومعظمها بها ما بين 10 إلى 30 رسمًا توضيحيًا كجزء من المجموعة.

الأسلوب ، كما أقول ، يتماشى مع الاتجاهات الحديثة في تصميم الويب.


13. unDraw

unDraw

أطلقت Katerina Limpitsouni برنامج unDraw في عام 2017 ، ومنذ ذلك الحين أصبحت المنصة عنصرًا أساسيًا في تقديم الرسوم التوضيحية المتجهة المجانية. لا يلزم الإسناد للمشاريع الشخصية والتجارية.

استمرت المنصة في النمو على مر السنين أيضًا. حافظت كاترينا على تحديث الرسوم التوضيحية بشكل منتظم ، لكنها أضافت أيضًا قسمًا للحرف اليدوية. ومؤخرًا ، أتاحت أيضًا للأشخاص دعم مشروعها من خلال النظام الأساسي unDraw +.


14. استحى

احمر خدود

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

للأسف ، على الرغم من وجود خطة مجانية ، فإن الحصول على الرسومات بتنسيق متجه (SVG) يتطلب خطة Pro. ومع ذلك ، لا يزال بإمكانك استخدام النظام الأساسي مجانًا وتنزيل الرسوم التوضيحية بتنسيق PNG. يجب أن يكون هذا كثيرًا للمشاريع الشخصية والعروض التقديمية. ربما حتى نماذج بالأحجام الطبيعية.


15. تصميم IRA

تصميم IRA

IRA Design من Creative Tim هي منصة تفاعلية أخرى لتصميم الرسوم التوضيحية المتجهة باستخدام أدوات محددة مسبقًا. في هذه الحالة ، تكون أداة الشريط الجانبي على الموقع نفسه.

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

على حد علمي ، تحظى هذه الرسوم التوضيحية على وجه الخصوص بشعبية كبيرة لدى مطوري القوالب الذين غالبًا ما يستخدمون تصاميم IRA كعناصر نائبة لقوالبهم.