أنظمة توضيح العلامة التجارية: رسم هوية بصرية قوية

نشرت: 2022-03-10
ملخص سريع ↬ تعد الرسوم التوضيحية للعلامة التجارية طريقة فعالة وقابلة للتكيف لبناء العلامة التجارية المرئية للشركة. في هذا المقال ، توضح Yihui Liu عمليتها لتطوير نظام توضيح قوي للعلامة التجارية. تم تحسين نهجها على مدار 10 سنوات من الدراسة والخبرة المهنية في الصين وأوروبا ، وتستمد الأمثلة من عملها الأخير كمصمم رئيسي في Spacebase.

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

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

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

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

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

المزيد بعد القفز! أكمل القراءة أدناه ↓

عملية التصميم

إذن ، كيف يجب أن تبدأ في تصميم نظام توضيح فعال للعلامة التجارية؟ آخذك خلال عملية التصميم الخاصة بي ، مع أمثلة من الإصلاح الأخير الذي أجريناه في Spacebase.

ابحث عن العلامة التجارية

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

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

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

فهم احتياجات أصحاب المصلحة

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

احصل على إجابات للأسئلة الرئيسية حول التصميم: أين ستظهر الرسوم التوضيحية وما الذي يحتاجون إلى التعبير عنه؟ ما نوع المواقف والعواطف التي قد يلعبون عليها؟ ما هي المعايير الفنية التي تحتاج إلى العمل ضمنها؟

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

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

تنظيم الإلهام

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

بعض الرسوم التوضيحية للعلامة التجارية التي ألهمتني. (معاينة كبيرة)

بالنسبة لتصميم Spacebase ، كنت مستوحى بشكل خاص من الرسوم التوضيحية لـ Airbnb و IBM و Shopify. لقد برز التصميم البسيط للأشخاص والمساحات بالنسبة لي ، وكنت مهتمًا بكيفية الحفاظ على لوحات الألوان الصامتة للرسوم التوضيحية مركزة ، دون إغراق العناصر التصويرية. إنها تعطي انطباعًا بالهدوء والدفء والشمولية.

خلق المفهوم

بعد البحث والتلاعب ، بدأت الرسم على Adobe Illustrator. أحيانًا أستخدم جهازًا لوحيًا من Wacom ، لكنني في الأساس ألتزم بالماوس باستخدام أداة القلم. أستخدم الأشكال لإنشاء بنية أساسية ، واستخدم أداة Pen لإضافة التفاصيل وتحسين المخطط التفصيلي الأساسي.

الرسم على الشاشة. (معاينة كبيرة)

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

من خلال الرسوم التوضيحية لـ Spacebase ، ركزنا على الشخصيات البشرية ونظام الألوان كطرق للحفاظ على توافق الصور مع عناصر العلامة التجارية المرئية الأخرى.

تطور شعار البريد الإلكتروني لتأكيدات الحجز. (معاينة كبيرة)

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

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

استكشاف الخطوط ولوحات الألوان المختلفة. (معاينة كبيرة)

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

ردود الفعل

بعد التكرار الأول ، احصل على جميع التعليقات الممكنة.

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

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

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

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

استغرق تصميم إلغاء الحجز العديد من التكرارات. (معاينة كبيرة)

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

مراجع ليبيرالية

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

مكتبة صور لشخصيات بشرية. (معاينة كبيرة)
مكتبة الصور للأشياء. (معاينة كبيرة)

يكرر

كن مستعدًا لخوض هذه العملية عدة مرات.

لقد مررنا بمراحل عديدة للوصول إلى التكرارات النهائية. (معاينة كبيرة)

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

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

ساعدت الرسوم التوضيحية للعلامة التجارية Spacebase في ترسيخ هوية العلامة التجارية. (معاينة كبيرة)