تصاميم الشعارات سريعة الاستجابة - الدليل النهائي لعام 2018

نشرت: 2018-02-07

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

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

nike responsive logo designs

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

وقد تم نسيان العلامات التجارية بأقل من ذلك بكثير.

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

فيما يلي بعض النصائح الأساسية التي يجب وضعها في الاعتبار عند إنشاء شعار شركتك أو تعديله - لأن تصميمات الشعار سريعة الاستجابة موجودة ، ولا تريد أن تُستبعد.

audi logo design

بساطة

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

أنت لا تريدهم أن يحدقوا أو يخدشوا رؤوسهم.

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

لست بحاجة إلى جعل جمهورك يعمل من أجله - فهم يعملون بشكل كافٍ كما هو.

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

الحداثة

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

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

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

kate spade logo

شيوع

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

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

القدرة على التكيف

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

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

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

هل تريد المزيد من النصائح حول تصميم الشعار؟ سجل للحصول على اخر اخبارنا!

ما الذي يمكنك فعله أيضًا لتحسين تصميمات الشعارات سريعة الاستجابة في تصميمات الويب سريعة الاستجابة؟

اعتمادًا على حجم الشاشة ، قد يحتاج شعارك إلى أن يتحول إلى شيء جديد تمامًا.

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

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

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

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

دومينوز يفعل هذا. يبدو شعارهم الرئيسي كما يلي:

dominos logo

عندما يتقلص ، يبدو كالتالي:

dominos responsive logo

ما زلت تعرف أن الصورة الأخيرة تتعلق بـ Domino's ، فهي تناسب الشاشات الأصغر بسهولة أكبر.

العلامات التجارية التي حصلت عليها بشكل صحيح

بدأت العديد من العلامات التجارية بالفعل في تعديل شعاراتها لتلائم تصميمات الويب سريعة الاستجابة. لقد قاموا بقصها وتبسيطها وجعلها أضيق الحدود وجعلت شعاراتهم تعمل من أجلهم - وللمستخدمين.

Twitter هو مجرد شركة واحدة غيرت شعارها على مر السنين - كل تكرار جديد أفضل من السابق.

twitter logo old

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

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

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

new twitter responsive logo

الآن هذا تصميم شعار سريع الاستجابة!

لكن Twitter ليس الشركة الوحيدة التي لعبت الشعارات. شركة أخرى قامت بعمل رائع في التكيف هي Spotify.

old spotify logo

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

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

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

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

new spotify responsive logo

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

تم تغيير شعار ناجح آخر إلى Mastercard ، التي تغير شعارها بشكل طفيف فقط ، ولكن كان لها تأثير دائم.

كان هذا شعارهم القديم.

mastercard logo

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

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

new mastercard responsive logo

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

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

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

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

تحقق من بعض عمليات إعادة تصميم الشعار التي قتلت ذلك.

العلامات التجارية التي أخطأت في ذلك

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

london olympics logo

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

british telecom logo

هذا يشبه الشعار مباشرة من التسعينيات.

ما يمكنك القيام به في المستقبل

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

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

يجب أن تكون تصميمات الشعار سريعة الاستجابة:

  • بسيط
  • عصري
  • أضيق الحدود
  • قابل للتكيف

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

  • قم بإسقاط العلامة النصية
  • تخلص من الشعارات والعبارات
  • أعد محاذاة أو توسيط تصميم شعارك
  • اختر رمزًا واحدًا

تصميمات الشعارات سريعة الاستجابة هي المستقبل - لا تترك في الماضي.

ما هي بعض تصميمات الشعار التي تعجبك؟ أخبرنا على وسائل التواصل الاجتماعي!

هل تريد المزيد من رؤى اتجاه التصميم؟ سجل للحصول على اخر اخبارنا!