ما هو

Humaaans هي مكتبة رسوم توضيحية معيارية تتيح للمستخدمين دمج وتنسيق أجزاء الجسم والملابس والوضعيات لإنشاء شخصيات بشرية مخصصة. على عكس الصور المخزنة الثابتة أو مجموعات الأيقونات الجامدة، تستخدم Humaaans بنية متجهة قائمة على المكونات. من خلال فصل عناصر مثل الرؤوس والجذوع والأرجل، يمكن للمصممين إنشاء آلاف التشكيلات الفريدة للشخصيات. تم تحسين المكتبة للتكامل مع أداة التصميم Blush، مما يتيح تكوين السحب والإفلات بسلاسة داخل سير عمل Figma وSketch وAdobe XD. إنها مورد أساسي لمصممي واجهة وتجربة المستخدم (UI/UX) الذين يتطلعون إلى إضافة سرد قصصي يتمحور حول الإنسان إلى صفحات الهبوط، ومسارات الإعداد، وحالات الخطأ دون تكلفة الرسوم التوضيحية المخصصة.

الميزات الأساسية

بنية المكونات المعيارية

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

تكامل إضافة Blush

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

رسومات متجهة قابلة للتوسع (SVG)

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

ترخيص الملكية العامة CC0

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

مكتبة وضعيات قابلة للتخصيص

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

كيفية الاستخدام

انتقل إلى موقع Humaaans الإلكتروني أو متجر إضافات Blush.، اختر قالب شخصية أساسي أو مكونات جسم فردية من المكتبة.، استخدم محرر متجهات (مثل Figma أو Illustrator) لتبديل الملابس وتسريحات الشعر والإكسسوارات.، قم بتدوير وإعادة وضع الأطراف أو عناصر الجذع لإنشاء وضعيات مخصصة.، قم بتصدير تكوينك النهائي بصيغة SVG أو PNG لاستخدامه في مشروع الويب أو الهاتف المحمول الخاص بك.

حالات الاستخدام

مسارات إعداد SaaS

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

رسوم توضيحية للحالات الفارغة

يستبدل المطورون ومصممو واجهة المستخدم نصوص "لا توجد بيانات" العامة برسوم توضيحية مخصصة من Humaaans. هذا يحول تجربة المستخدم السلبية إلى لحظة جذابة تحمل هوية العلامة التجارية، مما يساعد في الحفاظ على الاحتفاظ بالمستخدمين حتى عند فقدان المحتوى.

صفحات الهبوط التسويقية

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

من يستفيد