كيف تعد شعارك لأنظمة التصميم سريعة الاستجابة

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

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

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

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

مزيد من القراءة على SmashingMag:

• تصميم الويب سريع الاستجابة: ما هو وكيفية استخدامه
• كيفية الحصول على شعار مقبول: 8 خطوات لسير عمل تصميم أفضل
• نصائح حيوية لتصميم شعار فعال
• آداب الفوتوشوب لتصميم الويب سريع الاستجابة
  

حقيقة بسيطة

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

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

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

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

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

في العرض الكامل ، يمكنك تحديد عناصر رياضة الكرة على شعار Great Lakes Golf. لكن قلل من حجمه بنسبة 50٪ وبالكاد يمكن قراءته. على اليمين ، يتدرج حجم شعار Skype بشكل جميل. وإذا أصبحت المساحة صغيرة جدًا ، فإن علامة Skype التجارية تتسم بالمرونة الكافية لإسقاط العلامة النصية تمامًا.

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

استجابة صناعة التكنولوجيا

فيسبوك

تعمل العلامات التجارية المحنكة على الويب على تبسيط شعاراتها لتلائم تصميم الويب سريع الاستجابة للهاتف المحمول. قام Facebook بإزالة الخط الأزرق الباهت من أسفل رمزه "f" في عام 2013. وفي يوليو 2015 ، قام بتبسيط العلامة النصية الخاصة به عن طريق إزالة الحرف الصاعد على الحرف الصغير "a" ، واستبداله بإصدار أبسط وأكثر تقريبًا.

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

"هذا في الواقع تغيير ضخم وهو أكثر بكثير من" أ ". إنها مدفوعة بالجوال ". - هوارد بيلك ، الرئيس التنفيذي المشارك والمدير الإبداعي لشركة العلامات التجارية Siegel + Gale.

سبوتيفي

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

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

غوغل

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

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

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

لا كلمات

عندما غير برنس اسمه إلى رمز في عام 1993 ، اعتقد معظمنا أنه مجنون. لكن ربما كان سابقًا لعصره.

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

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

"تويتر هو الطائر ، والطائر هو تويتر. لم تعد هناك حاجة للنص أو الخطوط الفقاعية أو الأحرف الصغيرة "t" لتمثيل Twitter ". - المخرج الإبداعي دوغ بومان

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

تحرك للأمام

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

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

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

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

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

ترقب دليلنا العملي القادم حول تصميم الشعار سريع الاستجابة.