توضيح العلامة التجارية 101: تصور السرد

نشرت: 2022-03-11

التوضيح يعطيك أجنحة!

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

الرسوم المتحركة الكلاسيكية لأجنحة ريد بول
ريد بول ، بيجون. كاستنر وشركاه

ما هو نظام توضيح العلامة التجارية؟

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

خريطة التوضيح العلامة التجارية أوبر
العلامة التجارية الجديدة والتصميم الجديد لأوبر

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

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

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

لماذا يعتبر نظام توضيح العلامة التجارية مفيدًا؟

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

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

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

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

اشترك في مدونة Toptal Design واحصل على كتابنا الإلكتروني

كيف تنجح العلامات التجارية الرائدة في تنفيذ أنظمة الرسوم التوضيحية بنجاح؟

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

تثاقل

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

رسم موقع ويب Slack Brand بواسطة Alice Lee
سلاك ، أليس لي

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

رسم موقع ويب Slack Brand بواسطة Alice Lee
سلاك ، أليس لي

Shopify

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

Shopify الرسوم التوضيحية موقع العلامة التجارية بواسطة Meg Robichaud
Shopify العلامة التجارية والتصميم

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

Shopify الرسوم التوضيحية موقع العلامة التجارية بواسطة Meg Robichaud
Shopify العلامة التجارية والتصميم

بصندوق الإسقاط

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

الرسوم التوضيحية لموقع علامة Dropbox التجارية بواسطة Justin Tran
العلامة التجارية وتصميم Dropbox

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

الرسوم التوضيحية لموقع علامة Dropbox التجارية بواسطة Justin Tran
العلامة التجارية وتصميم Dropbox

كيف يمكن للمرء أن يشرع في إنشاء نظام توضيح للعلامة التجارية؟

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

1. تعرف على العلامة التجارية.

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

دليل نمط العلامة التجارية Dropbox ، جزء من إستراتيجية بناء العلامة التجارية الخاصة بهم
رسم توضيحي للعلامة التجارية Dropbox

2. افهم نوع الرسوم التوضيحية المطلوبة وكيف سيتم استخدامها.

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

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

3. ميزانية الوقت للبحث البصري وافر.

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

Shopify لوحة المزاج لفريق الرسم التوضيحي للعلامة التجارية كجزء من إستراتيجية بناء العلامة التجارية الخاصة بهم
Shopify التوضيح فريق لوحة المزاج

4. اهدف إلى أسلوب متميز ولكنه مرن.

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

Shopify الرسوم التوضيحية للعلامة التجارية وأيقونات مواقع الويب بواسطة Meg Robichaud
Shopify أيقونات العلامة التجارية

5. ضع في اعتبارك إنشاء قائمة بالمعايير / القواعد التي يجب أن تلبيها جميع الرسوم التوضيحية.

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

    • سأستخدم فقط Conte Crayons.
    • يجب أن يشتمل كل رسم توضيحي على دائرة ومربع ومثلث.
    • سأرسم الوجوه فقط من ملف جانبي.
    • لا يمكن أن يحتوي أي رسم توضيحي على أكثر من لونين.

6. لا تقلل من أهمية اللون.

  • يجب مراعاة إستراتيجية الألوان في نظام توضيح علامتك التجارية من المراحل الأولى للبحث المرئي.
  • إليك رابط لدراسة جديدة رائعة تسمى Branded in Memory طلبت من الناس إعادة إنشاء عشرة شعارات أيقونية من الذاكرة. وجدت الدراسة أن 80٪ من الأشخاص كانوا قادرين على تذكر مخططات الألوان الصحيحة للعلامة التجارية ، بينما ثبت صعوبة تذكر الأشكال والعناصر المرئية الأخرى.

نظام التوضيح الإعلاني لموقع Kuoni Travel Website France بواسطة Malika Favre
كوني ، مليكة فافر

نصائح مفيدة أخرى

1. إنشاء مكان أو عالم لنظام التوضيح.

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

2. إذا أمكن ، اعمل في تنسيق متجه.

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

3. كن حذرًا حتى لا تصنع شخصية تصبح بدون قصد تعويذة.

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

ما الذي يجعل نظام التوضيح للعلامة التجارية مفيدًا؟

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

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

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

• • •

مزيد من القراءة على مدونة Toptal Design:

  • تجربة مستخدم التجارة الإلكترونية - نظرة عامة على أفضل الممارسات (باستخدام مخطط المعلومات الرسومي)
  • أهمية التصميم المتمحور حول الإنسان في تصميم المنتج
  • أفضل مجموعات مصممي UX - أمثلة ودراسات حالة ملهمة
  • مبادئ ارشادية للواجهات المتنقلة
  • التصميم التوقعي: كيفية إنشاء تجارب مستخدم سحرية