أساسيات الهوية المرئية: ما وراء المظهر والشعور المثاليين للعلامة التجارية
نشرت: 2021-03-06إذا كانت الصورة تساوي ألف كلمة ، فإن هويتك المرئية تساوي مليون كلمة. إنها إحدى أفضل الطرق التي يمكن لعلامتك التجارية من خلالها تقديم صورة متماسكة تلهم الجماهير ، وتجعلهم يشعرون بأنهم مرئيون أو أنهم جزء من مجتمع خاص. ولكن ما هو الدور الذي تلعبه الهوية المرئية في كسب ولاء المستهلكين والتأثير على خيارات علامتهم التجارية؟
حسنًا ، ضع في اعتبارك هاتين الحقيقتين: خمسة وتسعون في المائة من اتخاذ قرارات الشراء تحدث على مستوى اللاوعي ، ويتخذ المستهلكون قراراتهم بشأن العلامة التجارية على الفور تقريبًا بناءً على هويتها المرئية. تظهر الدراسات أن الناس:
يمكنه معالجة الصور في أقل من 13 مللي ثانية.
تكوين رأي حول صفحة ويب بناءً على جاذبيتها المرئية في غضون 50 مللي ثانية من رؤيتها.
- تقييم العلامة التجارية إلى حد كبير بناءً على لوحة الألوان التي تستخدمها.
لا ضغط ، أليس كذلك؟
في هذا الدليل ، سنوضح لك كيفية إنشاء هوية مرئية تمثل بدقة شخصية علامتك التجارية وتجذب جمهورك بشكل فعال. ستتعرف على سبب أهمية اللون والطباعة والصور وتخطيط الصفحة ، بالإضافة إلى كيفية استخدام هذه العناصر لنقل مهمة علامتك التجارية ورؤيتها وقيمها.
ما هي الهوية المرئية؟
الهوية المرئية هي مصطلح شامل يشمل كل عنصر مرئي للعلامة التجارية ، من لوحة الألوان وطباعةها إلى تخطيط موقع الويب الخاص بها وموادها التسويقية. تعمل هذه العناصر معًا على إنشاء هوية بصرية تمثل المعنى الرمزي للعلامة التجارية. تسمح الهوية المرئية القوية للمؤسسة بإخراج الرسالة الصحيحة حول هدفها ورسالتها وقيمها. كما أنه يؤثر على كيفية إدراك الجماهير للعلامة التجارية والتزامها بتلك المبادئ الأساسية.
إسناد الصورة: أنتوني روسيت في Unsplash
عندما يتعلق الأمر بتسويق المحتوى ، فإن أهمية الهوية المرئية لها أهمية قصوى. بدون إعطاء هويتك المرئية الاهتمام الواجب ، يمكن أن تحرف علامتك التجارية وكل ما تمثله. في المقابل ، قد يكتسب جمهورك قصصًا مختلفة تمامًا من المحتوى الخاص بك عن تلك التي كنت تحاول سردها بالفعل.
تنعكس هويتك المرئية من خلال نظام بيئي كامل للوسائط ، والذي يمكن أن يشمل موقعًا إلكترونيًا ، ووجود وسائل التواصل الاجتماعي ، والإعلانات ، والمدونات ، ومقاطع الفيديو ، والرسوم الدقيقة ، والرسوم البيانية ، والكتب الإلكترونية ، والمزيد. بشكل جماعي ، تنقل نقاط الاتصال هذه قيمك ومنتجاتك ورسائلك الرئيسية بطريقة تصبح توقيع علامتك التجارية.
لماذا تعتبر الهوية المرئية مهمة؟
تنقل هويتك المرئية على الفور شخصية علامتك التجارية وقيمها إلى جمهورها. تؤدي الهوية المرئية جيدة التنفيذ إلى تقارب فوري مع العملاء والتوقعات. التناقض البصري ، من ناحية أخرى ، ينقل عدم اليقين - أو الأسوأ من ذلك ، السلبية - ويمكن أن يجعل القراء أو العملاء أو العملاء غير متأكدين من علامتك التجارية أو حتى عدم الثقة بها. تدعم الهوية المرئية المتسقة والهادفة صحة علامتك التجارية بشكل عام من خلال ثلاث طرق رئيسية:
إنه ينقل مهمة علامتك التجارية وقيمتها. تعامل المنظمات الأكثر جاذبية وإبداعًا الهوية المرئية على أنها امتداد لشخصية علامتها التجارية. يُظهر المشي والتحدث وارتداء الملابس بشكل هادف كعلامة تجارية أنك واثق من أهدافك ورسالتك المركزية.
يتردد صداها مع جمهورك. تكمن قوة الهوية المرئية في قدرتها على إثارة التقارب مع الجماهير على الفور. سواء كنت تحاول الوصول إلى التركيبة السكانية المحددة (الوالدان الوحيدان الذين تتراوح أعمارهم بين 20 و 30 عامًا ويعيشون في دنفر ، على سبيل المثال) أو المزيد من الشخصيات المجردة (مثل نخبة الرياضيين الذين يرغبون في تحقيق أقصى استفادة من التدريبات الخاصة بهم) ، فإن هويتك البصرية هي وسيلة لتظهر أنك تفهم الاحتياجات العاطفية لجمهورك وتشاركهم قيمهم.
إنه يعكس أهميتك الثقافية. الصور المرئية ، مثل الكلمات ، هي نتاج سياقنا الاجتماعي والثقافي والتاريخي. إنها أيضًا الطريقة التي تساهم بها العلامات التجارية في السياق الثقافي لجمهورها. تتمتع الهوية المرئية بالقدرة على التطور مع جمهورك ، مما يدل على الأهمية الثقافية لعلامتك التجارية مع تغير العالم من حولها.
إن إنشاء هوية مرئية متسقة وقوية لا يقتصر فقط على استخدام نفس الألوان على موقع الويب الخاص بك وصفحتك على Facebook. يتعلق الأمر بضمان أن الصور والألوان والخطوط والعناصر المرئية الأخرى التي تستخدمها تدعم بعضها البعض عبر الوسائط. بالإضافة إلى ذلك ، من المؤكد أن هذه العناصر تعكس بدقة شخصية علامتك التجارية والقيمة التي تقدمها للجمهور. إذا كان بإمكان زوار موقع الويب الخاص بك تحديد ما هو في صميم عملك بسرعة قبل أن يقرؤوا حتى كلمة واحدة ، فأنت تفعل شيئًا صحيحًا في قسم الهوية المرئية.
متى تحتاج إلى تحليل الهوية المرئية؟
هناك العديد من المواقف التي تتطلب تحليل الهوية المرئية. تتضمن بعض حالات الاستخدام هذه الحالات التالية:
تخضع لتغيير العلامة التجارية
إطلاق موقع جديد
توليف المحتوى عبر منصات / صفحات متعددة
مزامنة مناهج التصميم عبر الوكالات الإبداعية
إطلاق حملة على وسائل التواصل الاجتماعي
استكشاف أنواع المحتوى المرئي الجديدة (الفيديو والرسوم البيانية)
خلق اتساق العلامة التجارية بعد الاندماج
سواء كنت تبدأ من الصفر أو تقوم بتعديل دليل نمط موجود ، فستحتاج إلى الحفاظ على نهج مرئي ديناميكي مع المحتوى الخاص بك للتأكد من أن هويتك المرئية الشاملة موثوقة وقابلة للامتلاك.
في الأقسام التالية ، نقوم بتفصيل عناصر الهوية المرئية حيث قد تحتاج علامتك التجارية إلى تعديل. أثناء مراجعة كل منها ، فكر في خطة عملك وبيان المهمة وبيان الرؤية. بعد ذلك ، قم بتحليل النظام البيئي للوسائط الخاص بك بعناية ، مع التأكد من استخدام كل عنصر بطريقة مدروسة وفعالة تنقل قيمتك. إذا لم يكن الأمر كذلك ، فقد حان الوقت لإجراء بعض التعديلات.
عناصر الهوية المرئية
الهوية المرئية هي كل شيء عن الكائن كله أكبر من مجموع أجزائه. لفهم الهوية المرئية وتحديدها ومعالجتها حقًا ، يجب أن تفكر في كيفية استخدام العلامة التجارية للألوان والطباعة والصور والعلاقات المكانية. هناك عناصر أخرى يمكنك استكشافها كوظائف للهوية المرئية ، ولكنها في صميم كل استراتيجية ذكية للعلامة التجارية.
1. لوحة الألوان
اللون هو العنصر الأساسي للهوية المرئية للعلامة التجارية. إنه الشيء الذي يميل الجمهور إلى تذكره أكثر من غيره حول المنظمة ؛ وعندما يتم استخدامه بشكل فعال ، يمكن أن يصبح رمزًا للعلامة التجارية. مثال على ذلك: عندما تفكر في Coca Cola ، من المحتمل أن يتبادر إلى الذهن لون أحمر مشبع. وعندما تفكر في منافستها Pepsi ، فمن المحتمل أن يظهر لون أزرق غامق في رأسك. على الرغم من أن هذه الشركات الشهيرة تعتمد في الغالب على حفنة من الألوان الصلبة لنقل شخصيات علاماتها التجارية ، يستخدم البعض الآخر لوحات ألوان وتسلسلات هرمية أكثر تعقيدًا لإخبار المستهلكين عن هويتهم.
إسناد الصورة: كليم أونوجيجو في Unsplash
قوة اللون: إثارة المشاعر
نظرًا لأن الألوان تحمل معاني عاطفية قوية ، فإن لها تأثيرًا فوريًا على كيفية معالجتنا لشيء ما وكيف نتفاعل عند رؤيته. قد تختار العلامة التجارية التي تريد أن تظهر على أنها جريئة وقوية وعاطفية اللون الأحمر ، ملاحظات Iconic Fox ، في حين أن العلامة التجارية التي تريد نقل الدفء والتفاؤل قد تستخدم اللون الأصفر كلون أساسي.
دلالات
تعتمد معاني اللون بشكل كامل تقريبًا على السياق الاجتماعي والتاريخي. ما عليك سوى إلقاء نظرة على هذا الرسم البياني من Information Is Beautiful لمعرفة كيف يمكن أن يكون للألوان معاني مختلفة اختلافًا جذريًا اعتمادًا على ثقافتك. على سبيل المثال ، يرتبط الحب باللون الأحمر في الثقافة الأمريكية ، والأخضر في الثقافة الهندوسية ، والأصفر في الثقافة الأمريكية الأصلية. ومع ذلك ، مثلما تتغير المعايير الثقافية باستمرار ، كذلك تتغير دلالات اللون.
حتى داخل نفس الثقافة ، يمكن أن يحمل اللون دلالات متعددة - وأحيانًا متضاربة -. كن حذرًا: ستحتاج إلى استخدام تدرج الألوان والتشبع والتباين الصحيح لنقل رسالة علامتك التجارية بدقة. في الولايات المتحدة ، على سبيل المثال ، ينقل اللون الأرجواني عادةً الحكمة والثروة ، ولكنه يمكن أن يمثل أيضًا الانحطاط. إذا كنت شركة تركز على المساومة وتريد الوصول إلى المدخرين ، فإن استخدام اللون الأرجواني قد يرسل رسالة خاطئة إلى جمهورك ويقوض في النهاية أهداف علامتك التجارية.
وفقًا لـ Iconic Fox ، إليك بعض دلالات الألوان الشائعة الأخرى في الولايات المتحدة:
الأحمر: الشدة ، الشجاعة ، الإثارة ، التحذير ، الخطر
الأزرق: العقل والقوة واليقظة والحكمة والولاء والاعتمادية
البرتقالي: الإبداع والحماس والشجاعة والمخاطرة
الأخضر: صحة ، أمل ، ركود ، انفتاح ، نضارة
الأسود: الأمن ، القوة ، السلطة ، البرودة
الأصفر: الشباب ، السعادة ، المرح ، الاندفاع
الأرجواني: الثروة ، الرقي ، الخيال ، الإفراط
الوردي: خيال ، شغف ، رعاية ، إبداع ، تقلب
الأبيض: النظافة ، النقاء ، البراءة ، البساطة ، المسافة
السياق والتباين
تعتمد دلالات اللون على السياق الذي تقدمه لهم أيضًا. في الولايات المتحدة ، يعني اللون الأخضر "اذهب" وينقل الطبيعة. من ناحية أخرى ، يعني اللون الأحمر التوقف ويرمز إلى الإثارة. عندما يكون للألوان الكثير من المعاني المختلفة ، كيف يمكنك التأكد من أن الألوان التي تختارها تعني في الواقع ما تريد أن تعنيه؟ الجواب هو التحكم في سياقها وتباينها. وجدت دراسة HubSpot أنه عند استخدامه على أزرار الحث على اتخاذ إجراء ، يتفوق اللون الأحمر على اللون الأخضر بنسبة 21 بالمائة. نظرًا لموضع الزر وتباينه مع الألوان المحيطة به ، كان زوار الموقع أكثر ميلًا للنقر على الزر الأحمر لأنهم رأوه أكثر إثارة من الزر الأخضر.
وجدت دراسة أساسية نُشرت في المجلة الأمريكية لعلم النفس أن المشاهدين من المرجح أن يتذكروا ويتفاعلوا مع العناصر التي تبرز بشكل كبير عن أولئك المحيطين بهم. بخلاف ذلك ، يُعرف هذا المبدأ باسم تأثير العزل ، ويثبت هذا المبدأ أن موقع الألوان وتباينها لا يقل أهمية عن الألوان نفسها.
ماذا يعني هذا بالنسبة لك
من بين جميع العناصر المرئية ، يكون اللون هو المسؤول الأكبر عما إذا كان المشاهدون يحبون علامتك التجارية أو لا يحبونها أو يثقون بها أو لا يثقون بها أو يتجاهلونها. وجدت إحدى الدراسات أن فعالية لوحة ألوان العلامة التجارية تعتمد إلى حد كبير على آراء العملاء ، وما إذا كانوا يشعرون أن الألوان مناسبة للمنتج. الدرس هنا؟ لا تستقر فقط على لوحة ألوان جذابة. بدلاً من ذلك ، اختر واحدة تساعدك على تحقيق تطابق العلامة التجارية.
عند اختيار الألوان التي ستمثل علامتك التجارية ، اختر الألوان التي تعكس مهمة مؤسستك ورؤيتها وشخصيتها. أيضًا ، انتبه إلى كيفية ترتيب هذه الألوان بشكل هرمي ؛ يجب أن تستضيف لوحتك مجموعة من الشخصيات ، ولكن ليس كل لون يمكن أن يكون مركز الصدارة. اختر النجمة المناسبة للوحة الألوان الخاصة بك وكن استراتيجيًا حول كيفية استخدامها والألوان الداعمة لها ، مع الأخذ في الاعتبار مدى ملاءمتها لسياق صفحتك العامة وموقعك.
يجب أن تعرف شروط اللون
تباين اللون: اختلاف النغمة بين لون وآخر
التسلسل الهرمي للألوان : هيمنة ألوان معينة على الألوان الأخرى ، بالإشارة إلى الطرق التي تظهر بها الألوان أو لا تبرز بين بعضها البعض
علم نفس اللون: دراسة كيف تجعل الألوان يشعر الناس وكيف يستجيب الناس للألوان
الكود السداسي: قياس اللون بناءً على قيمته السداسية العشرية
لوحة / مخطط: مجموعة مختارة من ألوان التنسيق
عند تقييم استخدام علامتك التجارية للألوان ، ضع في اعتبارك الأسئلة المهمة التالية:
ماذا تخبرك ألوان علامتك التجارية عن شخصية مؤسستك؟ هل يتوافق هذا مع أهدافك الإستراتيجية؟
كيف تقارن لوحة ألوان علامتك التجارية بتلك الخاصة بمنافسيك في الصناعة؟ هل تبرز بشكل كافٍ؟ هل يقف خارجا أكثر من اللازم؟
ما هي السيناريوهات التي ستستخدم فيها الألوان لدفع العمل على موقعك أو في موادك التسويقية؟ هل من المحتمل أن تدعم الألوان التي تستخدمها الإجراءات التي تريد أن يتخذها جمهورك؟
كيف يتحد كل ذلك؟ هل ألوانك متوازنة؟ هل يشبهون علامتك التجارية؟
من يصحح الأمر
صندوق المناخ الأخضر عبارة عن ائتلاف من 194 دولة يعمل بنشاط لمعالجة تغير المناخ - وتعكس علامته التجارية الملونة ذلك تمامًا. يشير شعارها الأخضر والأزرق على الفور إلى اهتماماتها الأساسية: الأرض والمياه. من خلال مقارنة الشعار بعناصر بيضاء صارخة وعناصر سوداء عميقة على موقعه على الإنترنت ، يستخدم Green Climate Fund بشكل استراتيجي تأثير العزلة إلى أقصى حد.
من يحتاج الى بعض العمل
على الرغم من أن اللون الأخضر في لوحة ألوان Masters يعكس بدقة ملعب غولف أصلي ، إلا أن تباينه مع اللون الأصفر ينتقص من هيبة البطولة. في الواقع ، صنف 22 بالمائة من المشاركين اللون الأصفر على أنه لون "رخيص" في دراسة واحدة ، واعتبر 26 بالمائة أن اللون البرتقالي هو أرخص لون لهم جميعًا. يؤدي استخدام اللون الأصفر ، خاصةً مع اللون الأخضر ، إلى تقويض قوة النخبة الرياضية والتطور الذي من المفترض أن تمثله البطولة.
2. الطباعة
يخبرنا النص بشيء ما ، لكنه يظهر لنا أيضًا شيئًا. الحروف في الأبجدية ، والكلمات التي تم إنشاؤها منها ، هي فقط بصرية كما هي نصية. تخبرنا جوانبها المرئية - كيف تظهر على الصفحة أو الشاشة - بشيء عن المعنى الكامن وراءها ، سواء كان ذلك مقصودًا أم لا.
قوة الطباعة: الشخصية والوضوحالخطوط لها شخصيات مميزة. يمكن أن تكون رواقية ، أو روح الدعابة ، أو جادة ، أو حتى غريبة الأطوار. ويمكن أن تتغير شخصياتهم بمرور الوقت. في الواقع ، كانت الخطوط المختلفة شائعة في أوقات مختلفة ، ولكل منها هذا الوزن التاريخي معها اليوم.
في عام 2012 ، أجرى إيرول موريس دراسة غير رسمية في صحيفة نيويورك تايمز التي قاس فيها 45000 رد من القراء على ادعاء مكتوب بستة خطوط مختلفة: Computer Modern ، و Georgia ، و Helvetica ، و Trebuchet ، و Comic Sans ، و Baskerville. طلب موريس من القراء ملاحظة ما إذا كانوا يعتقدون أن الادعاء صحيح أم خطأ. النتيجة؟ كان الناس أكثر عرضة للاعتقاد بأن الادعاء كان صحيحًا عندما كتب في باسكرفيل.
خط Serif المستخدم تاريخيًا في الصحف ، باسكرفيل يتمتع بسمعة الجدية والحقيقة والتطور. من ناحية أخرى ، فإن Comic Sans لا تفعل ذلك. ليس من المستغرب أن الصورة المرئية لادعاء باسكرفيل شجعت القراء على الوثوق بالكلمات الواردة فيه.
تنقل الطباعة شخصية علامتك التجارية ، ولكن لها أيضًا تأثير حاسم على فعالية رسائلك.
فيما يلي تفصيل لبعض الخطوط الشائعة وتاريخها:
محارف Serif:
موضة قديمة
أمثلة: Adobe Jenson ، Goudy Old Style
تتميز بـ: إجهاد قطري على أنحف جزء من الحروف ؛ شائع في الصحف والمجلات
يعود تاريخه إلى القرن الخامس عشر الميلادي. أقدم أساليب الرقيق
الصفات: متطورة ، جادة ، حكيمة
انتقالية
أمثلة: Times New Roman ، Baskerville
تتميز بـ: محور عمودي للتناظر
يعود تاريخه إلى القرن الثامن عشر الميلادي
الصفات: تقليدية ومباشرة
الكلاسيكية الجديدة / الحديثة
أمثلة: ديدوت ، ماركوني
تتميز بـ: الفروق المعنوية بين الضربات السميكة والرقيقة
يعود تاريخه إلى القرن الثامن عشر الميلادي
الصفات: معاصرة ، حديثة ، حكيمة ، واثقة
محارف Sans-serif:
شىء متنافر:
أمثلة: فينوس ، نيوز جوثيك
تتميز بـ: تشابهها مع الرقيق ولكن بدون الرقيق. جيد للعناوين والعناوين
- يعود تاريخه إلى القرن الثامن عشر الميلادي
الصفات: السلطة والجرأة
النيو غروتسك:
أمثلة: Helvetica ، Roboto
تتميز بـ: تشابهها مع البشع ، لكنها أكثر وضوحًا في المظهر
- يعود تاريخه إلى القرن العشرين
الصفات: مباشر ، دقيق ، نظيف ، أساسي
إنساني:
أمثلة: Verdana و Calibri
تتميز بـ: ارتفاعها X المنخفض والتباين المنخفض بين السكتات الدماغية
- يعود تاريخه: إلى القرن الخامس عشر الميلادي
الصفات: ناعم ومباشر
هندسي:
أمثلة: جوثام ، آي تي سي أفانت جارد
وتتميز بـ: شكلها الهندسي وخاصة بالحروف على شكل O
- يعود تاريخه إلى القرن العشرين
الصفات: حديثة ، نظيفة ولكنها مرحة ، كاملة ، غنية
ماذا يعني ذلك بالنسبة لك
يساعد اختيار عائلة الخطوط التي تتناسب مع علامتك التجارية ولوحة الألوان الخاصة بك وشعارك وصورك على نقل شخصية شركتك وتعزيز الشعور الكامن وراء كل رسالة لجمهورك.
لكن ليس الخط فقط هو الذي يؤثر على معنى رسائلك. يساهم موقع الكلمات وحجمها وشكلها ولونها وتباينها في كيفية فهم القراء لها. حتى في هذا المستند التعريفي التمهيدي ، قمنا بتكبير بعض الكلمات ، وجعلنا كلمات أخرى مائلة ، وضبطنا حجم سطور معينة لمساعدتك على التحرك بسهولة أكبر خلال المحتوى وسحب المعلومات في هذه العملية. بدون قراءة النص ، من المحتمل أن تعرف السطور التي تمثل عناوين ، وأي الكلمات هي الأكثر أهمية ، وأي العبارات تشير إلى فواصل المقاطع. لقد جمعت هذه المعلومات بصريًا ، وليس نصيًا فقط. هذه هي قوة الطباعة.
شروط الطباعة التي يجب أن تعرفها
- S erif: أقدام بريد إلكتروني، والتي يمكن أن تكون مدورة أو التربيعية
- Sans serif: خطوط بأحرف بدون أقدام
- الخط: مجموعة من أنماط الكتابة ذات الصفات الأساسية المتشابهة
- السكتة الدماغية: الخطوط داخل الحرف ، لا تشمل الرقيق
- سمك الخط: سمك الحدود داخل الخط
- تصاعدي: أي حدود ترتفع فوق خط الوسط ، مثل النصفين العلويين من الأحرف l و h و f
- خط الأساس: الخط الأفقي الذي يمتد على طول الجزء السفلي من الحروف
- ارتفاع الغطاء: ارتفاع الحرف من خط قاعدته إلى قمة صعوده
- سليل: أي حدود تقع تحت خط الأساس ، مثل النصفين السفليين من الأحرف p و q و y
- خط الوسط : الخط الأفقي الذي يمتد على طول الجزء العلوي من الأحرف الصغيرة
- تقنين الأحرف: عملية الضبط اليدوي للتباعد بين الأحرف الفردية في كلمة ما لسهولة القراءة والنمط
- القيادة: عملية تعديل المسافة بين السطور
- التتبع: عملية الضبط اليدوي للتباعد بين جميع الأحرف في الكلمة بشكل موحد لسهولة القراءة والأسلوب
- التسلسل الهرمي المطبعي: كيف يتم ترتيب أولوية النص على صفحتك للتأكيد على أهميته
- X-height: ارتفاع حرف صغير من خطه الأساسي إلى خطه الوسيط
عند تقييم استخدام علامتك التجارية للطباعة ، ضع هذه الأسئلة في الاعتبار:
كيف اخترت الخطوط لعلامتك التجارية؟ ماذا يقول اختيار الخط الخاص بك عن المحتوى الخاص بك؟
هل تلهم الطباعة الخاصة بك أي مشاعر أو أفكار؟ هل تتوافق مع شخصية علامتك التجارية واستراتيجيتها؟
كيف تقارن اختياراتك المطبعية بخيارات منافسيك؟ هل يساعدون علامتك التجارية في التميز أو الاندماج؟
ماذا يخبر التسلسل الهرمي المطبعي جمهورك عن أولوياتك؟ هل الرسائل الصحيحة بارزة؟
هل تستخدم علامتك التجارية أسلوب الطباعة عن قصد ومدروس؟
من يصحح الأمر
في عام 2012 ، أطلق مؤسسا تويتر إيف ويليامز وبيز ستون ، منصة النشر المشهورة التي تؤمن بأن "الكلمات مهمة". يستخدم موقعهم محرفًا انتقاليًا على العناوين الرئيسية لنقل نغمة ودودة ولكنها جديرة بالثقة ، وخط إنساني بلا رقيق (Freight Sans) كنص فقرة لإضفاء مظهر دافئ وجذاب. كما أنها تستخدم تسلسلاً هرميًا مطبعيًا قويًا - والذي يتضمن خطوطًا بأحجام مختلفة ، وأحرف كبيرة متغيرة وقوة الحد ، وألوان خط مختلفة قليلاً - للإشارة إلى مناطق الصفحة الأكثر أهمية.
من يحتاج الى بعض العمل
على الرغم من أن شعار AutoZone يتميز بتسلسل هرمي مطبعي قوي إلى حد ما ، إلا أن هذه المنظمة مفقودة من بقية صفحتها الرئيسية. تستخدم قائمة الاختيار الخاصة بها ، والعبارة التي تحث المستخدم على اتخاذ إجراء ، وعنوان اللافتة خطوطًا متشابهة الحجم ويتم تنظيمها بالقرب من بعضها مع مساحة صغيرة للتنفس. بالإضافة إلى ذلك ، تستخدم العلامة التجارية Helvetica Neue ، وهو محرف بشع جديد شائع يتميز بمسافاته الضيقة بين الحروف. يفتقر هذا الخط إلى التمييز ، مما يجعل من السهل على القراء إخفاء أجزاء مهمة من الصفحة.
3. الصور
على الرغم من أن الهوية المرئية تتكون من العديد من العناصر ، إلا أن الصور والأيقونات هي التي قد تؤثر على زوار صفحتك أكثر من غيرها. الصور تحكي قصة ، ويجب أن يخلق اختيارك للصور سردًا له صدى لدى الجماهير ومتسق مع بقية رسائلك.
قوة الصور: رواية القصص الفورية
يمكن للبشر معالجة الصور في أقل من 13 مللي ثانية ، وفقًا لدراسة نُشرت في Attention، Perception، & Psychophysics - وهي أسرع بـ 60 ألف مرة من السرعة التي نعالج بها النص. يعد الحصول على الصورة المناسبة في المكان المناسب في الوقت المناسب أمرًا بالغ الأهمية لتوجيه القارئ من خلال تجربة المحتوى.
وجدت دراسة في Journal of Business & Industrial Marketing أن الصور المتعلقة بالخدمة كان لها تأثير إيجابي مباشر على بناء ولاء العملاء ، في حين أن الولاء الذي تبنيه الصور المتعلقة بالسلع يعتمد على رضا العميل عن الصورة. تُظهر هذه الدراسة أن صورك ليست مكملاً لنصك ومنتجاتك ، بل هي طريقة أخرى للتواصل والتفاعل مع جمهورك. إذا تم استخدامها بشكل صحيح ، يمكن أن تساعدك الصور في اكتساب عملهم الأولي والولاء طويل المدى.
ماذا يعني ذلك بالنسبة لك
عندما تفكر في الهوية المرئية ، من المحتمل أن تكون الصور هي الأصل الأول الذي يتبادر إلى الذهن. الصور تدعم وتضفي سياقا على السرد. يمكنهم أيضًا تقديم قصة في حد ذاتها. عند استخدامها بعناية ، يمكن للصور إنشاء اتصال فوري ذي مغزى بين علامتك التجارية وجمهورك. ومع ذلك ، عند استخدامها بشكل تعسفي أو بدون قصد ، يمكن للصور أن تحجب رؤية جمهورك لعلامتك التجارية وترسل رسائل لا تتوافق مع القصة الإجمالية التي تحاول سردها.
عند تحديد الصور ، من المهم مراعاة عناصر المحتوى وعناصر النمط:
- تتضمن عناصر المحتوى الإعدادات والممثلين والموضوعات والبيئات والتفاعلات.
- تتضمن عناصر النمط لوحات الألوان والمرشحات والتوهجات والتحرير والتكوين.
تؤثر هذه المكونات معًا في كيفية إدراك الجماهير لصورك ، وفي النهاية ، علامتك التجارية.
من المهم أن تكمل صورك العناصر المرئية الأخرى الخاصة بك ، ولكن يجب أيضًا أن تكون متسقة مع بعضها البعض. ستحتاج أيضًا إلى التفكير في الأشكال والأشخاص الذين تدرجهم في صورك. هل يعكس التصوير الفوتوغرافي الخاص بك الجمهور الذي تستهدفه؟ هل صورك تمثيل حقيقي لمجالك وعالم جمهورك؟
مصطلحات الصور التي يجب أن تعرفها
التركيب: كيف يتم ترتيب العناصر - النصية أو المرئية أو التجريدية - للصورة داخل إطار
الرمز: تمثيل رسومي لعلامة تجارية أو عنصر
التصفية: عملية تحسين الصورة عن طريق تقليل التشويش ، أو إبراز الميزات ، أو فصل الميزات ، أو الميزات الباهتة
توهج العدسة: عندما يتم توزيع الضوء من خلال العدسة ، مما يتسبب في صورة ساطعة تشبه النجوم
الهامش: المساحة حول حافة الصورة
قاعدة الأثلاث: عند تقسيم الصورة إلى شبكة من تسع لوحات متباعدة بشكل متساوٍ ، يجب أن تكون النقاط التي تلتقي فيها خطوط الشبكة هي النقاط المحورية للصورة
التشبع: شدة الصبغة
الملمس: التأثير الملموس الناتج عن الصورة
عند تقييم حالة مجموعة صور علامتك التجارية (بما في ذلك الصور والأيقونات والشعارات) ، ضع في اعتبارك الأسئلة التالية:
هل صور علامتك التجارية متسقة من حيث الجودة والأسلوب؟
ماذا تخبر أيقونات علامتك التجارية وصورها الجمهور عن شخصية علامتك التجارية؟
ما الذي يتعلمه الجمهور عن علامتك التجارية بناءً على أيقوناتها وصورها؟
هل تدعم صورك السرد العام لعلامتك التجارية؟
من تمثل صورك؟
من يصحح الأمر
تتفوق The North Face في قيادة التناسق السردي بين علامتها التجارية وصورها. في جميع أنحاء موقعها على شبكة الإنترنت ، تمتلئ الصور بإطارات المغامرة ، والأشخاص الذين يتحدون العناصر ، والتركيبات النظيفة والهشة ، والتي تتماشى تمامًا مع شخصية العلامة التجارية وشعارها: "لا تتوقف أبدًا عن الاستكشاف".
من يحتاج الى بعض العمل
يوفر موقع Grand Canyon National Park الكثير من المعلومات المفيدة التي يمكن للسائحين والسكان المحليين استخدامها لتحقيق أقصى استفادة من عطلاتهم ، لكن الصور الموجودة على الموقع تفتقر إلى نفس الدقة والاستمرارية. توجد صور فوتوغرافية وصور فوتوغرافية أصلية بجوار الرسوم التوضيحية والرسوم المتحركة ، وكل ذلك بدون التصفية المتسقة ولوحة الألوان اللازمة لإضفاء مظهر ومظهر متماسك للعلامة التجارية.
4. العلاقات المكانية وتخطيط الصفحة
شعار "مكان لكل شيء وكل شيء في مكانه" هو أكثر من مجرد أدراج منظمة وغرفة نظيفة. عندما يتعلق الأمر بهويتك المرئية ، يمكن أن يكون للعلاقات المكانية وتخطيط الصور والنص تأثير كبير على قدرة جمهورك على التنقل في موقعك والتفاعل مع المحتوى الخاص بك. إذا كانت صفحتك مزدحمة للغاية ، فقد تتسبب في إرباك المستخدم ؛ إذا كان فارغًا جدًا ، فقد يبدو غير مكتمل أو غير مثير للإعجاب.
قوة العلاقات المكانية: توجيه الانتباه
تؤثر الخيارات الجمالية وتخطيطات تصميم الصفحة بشكل مباشر على تفاعل المستخدمين مع علامتك التجارية. يمكن أن تؤثر أيضًا على مدى ثقة الجماهير في علامتك التجارية. وجدت إحدى الدراسات أنه عند عرض موقع الويب الخاص بالعلامة التجارية لأول مرة ، لم يثق 94 في المائة من المشاركين في المنظمة إذا كانت صفحتها بها تصميم إشكالي. تمضي الدراسة لتقول إن التخطيطات المزدحمة والمملة والمشغولة قد تؤدي إلى عدم الثقة والارتباك.
يتطلب فهم كيفية تنقل الجماهير إلى المحتوى معرفة أساسية بمبادئ Gestalt للتجميع. في عشرينيات القرن الماضي ، طور علماء النفس ماكس فيرتهايمر ، وكورت كوفكا ، وولفغانغ كوهلر مبادئ التجمع التي تصف قوانين معينة للإدراك. يقوم البشر بتجميع العناصر المرئية التي تبدو متشابهة ، على سبيل المثال ، أو العناصر القريبة من بعضها البعض. في النهاية ، تشرح هذه المبادئ ثلاثة مبادئ رئيسية للإدراك البشري:
نرى الكل قبل أن نرى الأجزاء.
الكل يختلف عن مجموع الأجزاء.
نصنع بشكل غريزي أنماطًا وتجمعات مع الأجزاء.
فكر في العقيدة الأولى على أنها الانطباع الأول لجمهورك عن موقعك ، والثاني كرحلة جمهورك عبر صفحتك. العقيدة الثالثة هي كيفية معالجة جمهورك للصفحة ككل ، ومن هناك ، تشكيل تصوراتهم عن موقعك.
ماذا يعني ذلك بالنسبة لك
يساعد التدفق المنطقي للنصوص والصور في توجيه جمهورك خلال موقعك على الويب. يميل الجمهور الذي يقرء اللغة الإنجليزية إلى اتباع نمط مسار Z تلقائيًا (من أعلى إلى أسفل ومن اليسار إلى اليمين) عند عرض الصور وصفحات الويب ، مما يحاكي طريقة مسح المحتوى المكتوب ضوئيًا. إذا واجه هؤلاء المستخدمون الكثير من مسار Z في تصميم صفحتك ، فغالبًا ما يلجأون إلى القشط أو التمويه فوق المناطق التي لا تبرز.
يمكن للصفحة جيدة التصميم أن ترشد المستخدمين للخروج من مسار Z وتشجعهم على التفاعل مع عناصر معينة. يمكن أن يساعدك تنظيم عناصر صفحتك بوعي في تسلسل هرمي للحاويات في توجيه الطريقة التي يتفاعل بها الجمهور مع المحتوى الخاص بك.
عندما تقوم بتخطيط موقعك ، من الأهمية بمكان ترك مساحة للمحتوى الخاص بك للتنفس. يمكن تحقيق ذلك من خلال استخدام المساحات البيضاء والمزاريب. تذكر أن التخطيط المدروس هو المفتاح لمساعدة الجماهير على التنقل في موقعك.
شروط التخطيط التي يجب أن تعرفها
الجزء المرئي من الصفحة: الجزء المرئي من صفحة الويب قبل التمرير لأسفل
- القطع الأثرية: رسومات أو عناصر أو عمليات تسويق أخرى ليست جزءًا من المحتوى المؤلف
الحاويات: عناصر الصفحة التي تحتوي على محتوى وتعطي هيكل الصفحة
الحضيض: المسافة بين الحاويات على الصفحة
الشبكة: هيكل الحاويات التي تتكون منها الصفحة
شبكة حديد الوافل: هيكل قياسي من تسعة (أحيانًا أكثر أو أقل) حاويات متساوية الحجم وموضوعة
إطار فرعي / هامش: المسافة حول حافة الصفحة
Multiframe: المساحة حول أصل التصميم بالكامل (وليس مجرد صفحة واحدة من هذا الأصل)
سكة: الحاويات الرأسية التي تمتد على طول الجانب الأيمن أو الأيسر من جسم المحتوى
مساحة بيضاء: مساحة فارغة بين الحاويات وحولها تساعد المحتوى على التنفس
عند تقييم تخطيط صفحاتك ومحتواك ، ضع في اعتبارك الأسئلة التالية:
كيف تحدد أولويات عناصر صفحة علامتك التجارية؟ هل هناك تسلسل هرمي مقصود في تخطيطك؟
- ما الانطباع الذي سيحصل عليه الجمهور من تخطيطك؟ هل يمثل الثقة أم عدم الأمان؟
- هل الصفحة مزدحمة للغاية؟ متناثر جدا؟
كيف يوجه تخطيطك العيون من خلال الصفحة؟ هل هي فعالة؟
هل تتبع صفحتك نمط القراءة Z- المسار؟ أم أنها توجه الجماهير إلى زوايا مختلفة من موقعك؟
من يصحح الأمر
تساعد الحاويات الموضوعة بعناية ذات الأحجام المختلفة على إعطاء الأولوية للمحتوى على مدونة Slack دون إرباك القارئ أو إجباره على التمرير. تحدد العلامة التجارية فئات محتوى مختلفة بنمط عنوان قياسي ، ولكن تكوينات مختلفة للحاويات ، والتي تثير الاهتمام البصري بينما تشير إلى تغيير طفيف في طبيعة المحتوى الذي يشاهده القارئ.
من يحتاج الى بعض العمل
يُعد إعطاء مساحة للتنفس أمرًا مهمًا في تصميم صفحات الويب. ومع ذلك ، فإن الكثير من المساحات البيضاء يمكن أن تجعل موقعك يبدو وكأنه عمل قيد التنفيذ ، كما هو الحال مع الصفحة المقصودة لـ PBS.
بدلاً من ذلك ، يخطئ موقع رولينج ستون في اكتظاظ صفحته. الكثير من الحاويات والإفراط في استخدام مساحة السكك الحديدية يجعل هذه الصفحة تشعر بالفوضى وعدم التنظيم.
أظهر للعالم ما تمثله علامتك التجارية
من لوحة الألوان والطباعة إلى الصور والتخطيط ، تعد الهوية المرئية لعلامتك التجارية أمرًا أساسيًا لكيفية إدراك الجمهور للمحتوى الخاص بك والتفاعل معه ومشاركته. باستخدام أفضل الممارسات والرؤى المقدمة في أصول القيادة الفكرية هذه ، يمكنك البدء في تحسين هويتك المرئية. ومع ذلك ، ضع في اعتبارك أن إنشاء هوية بصرية ليس تمرينًا واحدًا يناسب الجميع ، كما أنه ليس عملية فردية.
ما يصلح لعلامة تجارية واحدة قد لا يصلح لعلامتك التجارية ، وما يبدو أنه هوية بصرية قوية اليوم قد يتوقف تمامًا بعد عام من الآن. ليس من المهم فقط تحقيق التوازن بين اتساق العلامة التجارية وأفضل ممارسات التصميم عند تشكيل هويتك المرئية ، ولكنك ستحتاج أيضًا إلى التأكد من أن اختياراتك الجمالية تمثل بدقة مهمتك الحالية وقيمك ورؤيتك.
أنت خبير في علامتك التجارية ، والأمر متروك لك للتأكد من أن شخصيتها تبدو حقيقية في كل ما تفعله ، من تصميم موقع الويب الخاص بك إلى الخطوط التي تستخدمها في المحتوى الخاص بك. ستحتاج أيضًا إلى اختيار الصور التي تمثل علامتك التجارية وجمهورها. بعد كل شيء ، كما يقول المثل القديم ، "الرؤية إيمان". إذا كان جمهورك يحب ما يرونه ويشعرون أنه قد تم رؤيته ، فمن المحتمل أن يدعموا علامتك التجارية ويتطلعون إلى كل ما سيفعله بعد ذلك.
إحالة الصور المميزة: ماهر أويسال على Unsplash