بناء شبكة الشعار: كيف يقوم المصممون فعلياً ببناء الشعارات الهندسية
دليل عملي للمصممين لبناء الشعارات باستخدام الشبكة. دوائر النسبة الذهبية، وشبكة النقاط الثمانية، والبناء المعياري، وتحليلات واقعية لشعارات Apple، وتويتر، وماستركارد، وإن بي سي، وفيديكس، وبيبسي، وقاعدة متى تكون الشبكات مفيدة ومتى تكون مُبالغًا فيها.
شبكة الشعار هي نظام من الخطوط الهندسية التي تحدد نسب وزوايا ومسافات العلامة. إنها ليست نظامًا سحريًا يُنتج شعارات جيدة، بل هي منهجية تحافظ على تماسك الشعار الجيد. استخدمها عندما يحتاج الشعار إلى اتساق رياضي، وتجاهلها عندما يحتاج الشعار إلى شخصية مميزة قد تُفقدها الشبكة.
يتعامل معظم المصممين مع الشبكات إما كأمر مُسلّم به أو يتجاهلونها تمامًا، وفي كلتا الحالتين، ينتج عن ذلك شعارات أقل جودة. تُعد الشبكات أداة لحل مشكلات هندسية محددة في تصميم الشعار. على سبيل المثال، شعار Apple، وشعار طائر تويتر القديم، وماستركارد، وطاووس NBC، وفيديكس، وبيبسي 2008، جميع هذه الشعارات كانت مُصممة داخل شبكة عند إطلاقها. وكذلك العديد من الشعارات الأخرى التي لم يكن من المفترض أن تكون كذلك. يُقدم هذا المقال إطار العمل: أنواع الشبكات الموجودة، ومتى يكون لكل منها فائدة، ومواضع خروج الشعارات الرائعة عن الشبكة عمدًا، وكيفية تصميم شبكة من الصفر.
ما هي شبكة الشعار
شبكة الشعار عبارة عن مجموعة من الخطوط الإرشادية، مرسومة بخطوط زرقاء فاتحة أو مرجانية أسفل الشعار، تُحدد الشكل الهندسي الذي يقع داخله الشعار. مربعات، دوائر، مستطيلات نسبية، خطوط زاوية. يُبنى الشعار وفقًا لهذه الخطوط الإرشادية، وليس بشكل عشوائي ثم يُضاف إليها لاحقًا. تؤدي هذه الخطوط الإرشادية ثلاث وظائف:
أولًا، تُعزز التناسق. الشعار الدائري المبني على نصف قطر واحد يُقرأ كشكل واحد. أما الشعار نفسه المرسوم يدويًا فيحتوي على ثلاثة منحنيات مختلفة قليلاً ويبدو غير متناسق، حتى لو كان الفرق بكسلين فقط. تُحدد الشبكة هذين البكسلين.
ثانيًا، تُعزز التناسب. تُحدد الشبكة النسبة بين العناصر: سُمك الخط إلى ارتفاع الحرف، والشكل الداخلي إلى الشكل الخارجي، والحشو إلى المساحة الفعلية. بمجرد تحديد هذه النسب، يتغير حجم الشعار دون انحراف.
ثالثًا، تجعل الشبكة الشعار واضحًا للمصمم التالي. الشعار الذي يحتوي على شبكة مُعتمدة قابل للتكرار. يعتمد تصميم الشعار بدون شبكة على الملف الأصلي والتقييم الأولي، مما يعني أنه يتدهور في كل مرة يُفتح فيها قبل الموعد النهائي.
لا تُصمم الشبكة الشعار نيابةً عنك، فهي تُقيّد الإبداع لا تُبدعه. لن تُضفي الشبكة جاذبية على شكلٍ ممل، بل ستُحافظ فقط على اتساق شكلٍ قوي.
عائلات الشبكات الثلاث التي يستخدمها المصممون
يندرج كل شعار مُصمم تقريبًا ضمن إحدى عائلات الشبكات الثلاث: المربعة المعيارية، والدائرية، والنسبة الذهبية، أو الهجينة. معرفة عائلة الشبكة التي ينتمي إليها الشعار قبل إنشاء الشبكة هو الفرق بين نظامٍ يُساعدك ونظامٍ يُعيقك.
تستخدم الشبكات المربعة المعيارية مربعات متساوية، غالبًا ما تكون شبكة 8 أو 4 نقاط، وتُعامل كل بُعد كمضاعفٍ لهذه الوحدة الأساسية. وهي الخيار الأمثل للعلامات الطباعية، والشعارات، وأي شكل هندسي مبني على زوايا قائمة وتباعد معياري.
تستخدم الشبكات الدائرية دوائر متداخلة، غالبًا ما تكون أحجامها وفقًا للنسبة الذهبية، أو مضاعفات بسيطة مثل 1x، 2x، 3x، أو النسبة الفضية. وهي الخيار الأمثل للشعارات التي تهيمن عليها المنحنيات والرموز، حيث يقرأها العين كنظام من الأقواس.
تجمع الشبكات الهجينة بين النوعين. وحدة أساسية مربعة تتحكم في التباعد المعياري، والخطوط، وأي عناصر مستقيمة، بينما تتحكم طبقة من الأدلة الدائرية في المنحنيات والتصحيحات البصرية. تستخدم معظم الشعارات الفعلية المنشورة شبكة هجينة. أما الشبكات المربعة أو الدائرية البحتة فهي نادرة خارج نطاق الأمثلة التعليمية.
يكمن الخطأ في اختيار نوع الشبكة بناءً على التفضيل الجمالي بدلًا من هندسة الشعار. فالشعار الذي يغلب عليه المنحنيات لا يتناسب مع الشبكة المربعة فقط. والشعار الأحادي المعياري لا يتناسب مع الشبكة الدائرية فقط. لذا، يجب مطابقة الشبكة مع الشكل، لا العكس.
الشبكات المعيارية المربعة ونظام النقاط الثماني
الشبكة المعيارية المربعة عبارة عن حقل من مربعات متساوية الحجم، تتحكم في عرض الخط، ونصف قطر الزاوية، والتباعد. وتُعد شبكة النقاط الثماني الشكل الأكثر شيوعًا لها. اختر وحدة أساسية (8 بكسل على لوحة رئيسية بحجم 1024 بكسل هو الإعداد الافتراضي المتعارف عليه)، واجعل كل بُعد قابل للقياس من مضاعفات تلك الوحدة.
عرض الخط: 8، 16، 24. لا يُستخدم أبدًا 11 أو 17. نصف قطر الزاوية: 4، 8، 16. ارتفاع الأحرف الكبيرة: 64، 80، 96، بزيادات قدرها 8 بكسل. الحشو من المربع الخارجي: 8 أو 16.
تُعد شبكة النقاط الثماني هي الإعداد الافتراضي في تصميم واجهات المستخدم الحديثة. يفترض كل من Material وiOS ومقياس التباعد في Tailwind استخدام وحدة أساسية من 8 أو 4 نقاط، وتُعد هذه المواءمة مهمة عند وضع الشعار بجوار واجهة مستخدم مبنية على نفس المقياس. يندمج الشعار المصمم على شبكة من 8 نقاط بسلاسة في واجهة مستخدم من 8 نقاط دون أي تباين في البكسلات الفرعية.
تُعدّ الشبكات المربعة المعيارية مثاليةً للشعارات، والشعارات الحرفية، والشعارات الهندسية بدون خطوط، وأي شعار مبني على إطار مستطيل. يستند شعار IBM الحرفي على شبكة معيارية دقيقة تتحكم في تباعد المربعات والخطوط الأفقية الثمانية. يتميز شعار تويوتا بشبكة معيارية أساسية صارمة تحافظ على نسب الأشكال البيضاوية الثلاثة المتقاطعة. يُعدّ شعار مايكروسوفت القديم ذو المربعات الأربعة مثالًا تعليميًا رائعًا على شبكة النقاط الثمانية.
القاعدة: اختر أصغر وحدة أساسية تحتاجها فعليًا، ثم التزم بها. لا تعمل الشبكة إلا إذا التزمت بها جميع القياسات.
الشبكات الدائرية والنسبة الذهبية
تُساعدك الشبكات الدائرية على الحصول على المنحنيات بدقة. النسبة الذهبية (1.618) هي إحدى قواعد التناسب التي يستخدمها المصممون لجعل هذه المنحنيات تبدو طبيعية.
تعتمد الشبكات الدائرية على البدء بدائرة أساسية، ثم رسم دوائر إضافية ترتبط أنصاف أقطارها بالدائرة الأولى بنسبة ثابتة. النسب الشائعة: ١:١.٦١٨ (الذهبية)، ١:١.٤١٤ (الفضية)، ١:٢ (الثنائية البسيطة). تقع كل دائرة جديدة داخل الدائرة الأولى، أو تتقاطع معها بزاوية معلومة، أو تمتد منها بإزاحة معلومة. ثم يُرسم الشعار على طول الأقواس ونقاط التقاطع.
يُعدّ شعار طائر تويتر لعام ٢٠١٢ أشهر مثال على تفكيك الشبكة الدائرية في تصميم الشعارات الحديثة. يتكون الطائر من أربعة عشر دائرة متداخلة بثلاثة أنصاف أقطار. كل منحنى في الطائر، الرأس، الجناح، الصدر، المنقار، يتبع قوس إحدى هذه الدوائر. والنتيجة شكل انسيابي واحد لأن كل منحنى مرتبط رياضياً بكل منحنى آخر.
يُعدّ قرصا ماستركارد المتشابكان أبسط مثال: دائرتان متساويتان في نصف القطر، تفصل بينهما مسافة معلومة، ويُحدّد التداخل بينهما لون العلامة التجارية. الشبكة عبارة عن دائرتين. لا يوجد أي عنصر ارتجالي في تصميم الشعار.
أما طاووس NBC، فهو مبنيّ على الهندسة الشعاعية. أحد عشر بتلة، كل منها على شكل دمعة، مُكوّنة من أقواس دوائر مُرتبة بزوايا ثابتة حول نقطة مركزية. الشعار بأكمله متناظر دورانيًا على شبكة دائرية.
تُعدّ النسبة الذهبية أكثر فائدة كأداة للتحقق من صحة التصميم من كونها أداة لتوليده. المصممون الذين يدّعون أنهم "صمموا الشعار بناءً على النسبة الذهبية" عادةً ما يرسمون الشعار أولًا ثم يلاحظون النسبة لاحقًا. وهذا مقبول. استخدام النسبة الذهبية كأداة للتحقق ("هل تقترب نسبة المقياس هذه من 1.618؟") يُعدّ مهارة معقولة. أما استخدامها كمعيار أساسي لكل قياس فهو مبالغة في التصميم.
يُعدّ ملخص إعادة تصميم شعار بيبسي لعام ٢٠٠٨، الذي سُرّب وتحوّل إلى مادة ساخرة، مثالًا تحذيريًا. حاول الملخص دمج مفاهيم غامضة كالنسبة الذهبية، وقوة الجاذبية، والمجال المغناطيسي للأرض، في تحديث للشعار كان، من الناحية التقنية، مجرد ميل طفيف وابتسامة. كانت الشبكة حقيقية، لكنّ التفسيرات المُحيطة بها كانت محض هراء. العبرة: ابنِ الشبكة، لا تتظاهر بأنها ميتافيزيقا.
الشبكات الهجينة، حيث توجد معظم الشعارات الحقيقية
نادرًا ما نجد شبكات مربعة أو دائرية خالصة في الشعارات المُستخدمة. تستخدم معظم العلامات التجارية الحقيقية نظامًا هجينًا يجمع بينهما، لأنّ الأشكال الحقيقية تحتاج إلى كليهما.
يُعدّ الشكل الظلي أحادي اللون لعلامة Apple مثالًا على تفكيك الشبكات الهجينة التي تُتداول في كليات التصميم. يتكون شكل التفاحة من دوائر متداخلة بأقطار مختلفة، مع وجود عضة خلف دائرة أخرى. أما الورقة، فتتكون من دائرتين متقاطعتين. حتى الآن، جميعها دائرية. لكن محاذاة الورقة مع الجسم، والنسبة بين العرض والارتفاع، وموضع العضة، كلها ترتكز على شبكة مربعة معيارية تُثبّت المنحنيات في مكانها. إذا شددت الدوائر، يفقد شكل التفاحة. وإذا شددت التباعد المعياري، يفقد توازنها.
فيديكس علامة تجارية لفظية، وليست علامة مُصممة، لكنها تستخدم شبكة هجينة في تباعد حروفها. ترتكز أشكال الحروف المُخصصة على شبكة معيارية تتحكم في ارتفاع الأحرف الكبيرة، وسُمك الخط، والتباعد البصري بين الأحرف. السهم الخفي بين حرفي E و x ليس وليد الصدفة، بل هو نتيجة مرئية لشبكة فرضت تحويل المساحة الفارغة بين حرفين إلى شكل قابل للاستخدام. هذا النوع من التصميم لا يحدث عند التباعد اليدوي، ولا عند استخدام شبكة دائرية خالصة.
شعار بي إم دبليو الدائري مثال آخر على التصميم الهجين. ترتكز الدائرة الخارجية ودوائر الربع الداخلية على شبكة دائرية ذات تقسيمات شعاعية بسيطة. أما الكتابة حول الحافة فترتكز على شبكة مربعة معيارية تتحكم في ارتفاع الأحرف الكبيرة والتباعد بينها. تتبع الأرباع الزرقاء والبيضاء بنيةً زاويةً دقيقةً لا يمكن تحقيقها إلا من خلال شبكة هجينة.
الخطوة الافتراضية لأي شعار مُصمّم بعناصر مستقيمة ومنحنية هي البدء بالوحدة الأساسية المعيارية، ثم وضع الخطوط الدائرية فوقها، وترك النظامين يتنافسان على كل قياس حتى يتفقا. هذا التنافس هو جوهر التصميم.
تحليل شبكات شعارات شهيرة
سبعة شعارات، سبعة أنظمة شبكية، نمط واحد.
| الشعار | عائلة الشبكة | ما تتحكم به الشبكة | ما لا تتحكم به |
|------|-------------|------------------------|-------------------|
| Apple | هجين (هيمنة دائرية، محاذاة معيارية) | استمرارية المنحنى في الجسم والورقة والعضّة | الحجم الدقيق للعضّة، وهو المذاق |
| تويتر (طائر 2012) | دائري (14 دائرة، 3 أنصاف أقطار) | كل منحنى في جسم الطائر | الوضعية، النظرة المرفوعة |
| ماستركارد | دائري (قرصان متساويان) | أنصاف أقطار القرصين ومسافة التداخل | درجة ألوان العلامة التجارية |
| طاووس إن بي سي | دائري شعاعي (11 بتلة، زوايا ثابتة) | قوس البتلة والمسافة الدورانية | خيارات ألوان العلامة التجارية الإحدى عشر |
| فيديكس | معياري مع طبقات تباعد دائرية | ارتفاع الحرف الكبير، سمك الخط، التباعد البصري، السهم | أشكال الحروف المخصصة |
| بيبسي 2008 | هجين (دوائر النسبة الذهبية، محاذاة معيارية) | زاوية الابتسامة، نسب الشريط | قرار إرسال ابتسامة |
| تويوتا | هجين (قاعدة معيارية، ثلاثة أشكال بيضاوية متقاطعة) | تقاطعات الأشكال البيضاوية ونسبها | استعارة التصميم الياباني |
النمط. كل شبكة تتعامل مع الهندسة. لا أحد منها يولد المفهوم. ينبع المفهوم من تحديد الموقع، والتسمية، وفهم الفئة. ويأتي تصميم الشبكة لاحقًا لضمان إمكانية تكرار المفهوم.
تصحيحات بصرية تُخالف الشبكة عمدًا
كل شعار شبكي رائع يُخالف الشبكة في ثلاثة مواضع على الأقل، لأن العين لا تتفق مع الحسابات الرياضية.
التصحيح البصري هو ممارسة تُخالف الشبكة بمقدار صغير ومتعمد لتصحيح مشكلة إدراكية تُسببها الشبكة. فالحسابات الرياضية تُشير إلى شيء، والعين تُشير إلى شيء آخر، والعين هي التي تُرجّح كفة الإدراك.
تظهر ثلاثة تصحيحات في كل شعار مُصمم تقريبًا. المثلثات تميل إلى اليسار. زر التشغيل المثلث الموجود داخل مربع، والمُتمركز حسابيًا، سيميل بصريًا إلى اليسار لأن الكتلة البصرية تتركز نحو الحافة اليمنى. الحل هو تحريك المثلث من 1 إلى 3 بالمئة إلى يمين المركز الحسابي. Apple Music، YouTube، كل زر تشغيل في كل خدمة بث موسيقي مُدمج فيه هذا التصحيح.
الدوائر تبدو أصغر من المربعات على نفس الارتفاع. ستبدو الدائرة التي تتطابق مع ارتفاع الأحرف المحيطة بها صغيرة بعض الشيء. الحل هو تكبير حجم الدائرة بنسبة تتراوح بين 2 و5% حتى تبدو متساوية بصريًا. حرف "O" في معظم الخطوط الاحترافية أطول من حرف "H" بهذه النسبة تحديدًا.
تحتاج الخطوط المائلة إلى سماكة أكبر من الخطوط الرأسية. حرف "A" كبير بنفس سماكة حرف "I" كبير سيبدو أنحف. الحل هو إضافة سماكة تتراوح بين 5 و10% إلى سماكة الخطوط المائلة. كل خط sans serif متوازن الوزن يتضمن هذا التصحيح.
شبكة الشعار التي لا تسمح بهذه التصحيحات جامدة جدًا بحيث لا يمكن استخدامها. الشبكة هي نقطة انطلاق، وليست التزامًا نهائيًا. يكمن السر في تتبع كل تصحيح، وتحديده على الشبكة، وتوثيق سببه. سيميل المصمم التالي الذي يفتح الملف إلى "إصلاح" الإزاحة مرة أخرى وفقًا للشبكة، مما يُخل بالتوازن البصري، ما لم يتم توضيح هذا التعديل.
هل تحتاج إلى شعار مصمم على شبكة هندسية حقيقية، مع تصحيحات بصرية، ونظام معياري، وقواعد ثابتة على جميع الأسطح؟ استئجار Brainy. نوفر أنظمة شعارات متكاملة عبر LogoBrainy، وهويات علامات تجارية شاملة للفرق التي ترغب في الحصول على الاستراتيجية والتصميم والطباعة في عملية تسليم واحدة.
متى تُفيد الشبكة ومتى تُعقّد الشعار
تُفيد الشبكات عندما يكون الشعار هندسيًا ومعياريًا. لكنها تُعيق عندما يحتاج الشعار إلى طابع مميز، أو إيماءة، أو دفء لا تُوفره الشبكة.
تُثبت الشبكات جدواها في الشعارات الهندسية أحادية الأحرف (مثل IBM، وNASA، وHBO، وGE)، والشعارات التصويرية المُصممة (مثل Apple، وTwitter، وMastercard، وBMW، وToyota)، وشعارات الشارات المعيارية المبنية على دوائر، أو سداسيات، أو مربعات ذات هندسة داخلية، والشعارات اللفظية الهندسية بدون خطوط (مثل FedEx، وVisa، وGoogle بعد عام 2015) حيث تتحكم الشبكة في ارتفاع الأحرف الكبيرة، وسُمك الخط، والتباعد بين الأحرف.
تُبالغ الشبكات في تصميم الشعارات النصية المخصصة (مثل كوكاكولا، ديزني، تيفاني)، حيث تُعدّ الحركة هي العنصر الأساسي وتُخفيها الشبكة، وكذلك الشعارات المرسومة يدويًا أو التوضيحية حيث يكون الشعار هو الحركة، والشعارات الخطية والتاريخية حيث يكمن جوهر الشخصية في عدم الكمال، وأي علامة تجارية تقوم استراتيجيتها على "الدفء، والإنسانية، وسهولة الوصول"، لأن شبكة التصميم الصارمة تُوحي بالدقة والهندسة، مما يُناقض هذه الاستراتيجية.
قاعدة القرار: إذا كان الشعار هندسيًا، أو معياريًا، أو مُكوّنًا من أشكال قابلة للتكرار، فأنشئ شبكة. أما إذا كان الشعار حركيًا، أو توضيحيًا، أو قائمًا على الشخصية، فارسمه أولًا، ثم أضف شبكة خفيفة فقط للحفاظ على التناسق النسبي، وليس للتصميم.
كيفية إنشاء شبكة شعار من الصفر
خمس خطوات، بالترتيب، لتحويل ملف Figma فارغ إلى شبكة تصميم جاهزة.
- اختر حجم اللوحة الرئيسية. ١٠٢٤ × ١٠٢٤ بكسل للعلامات الرقمية، و١٢٠٠ × ١٢٠٠ للعلامات التحريرية أو المطبوعة. يجب أن يكون هذا الرقم قابلاً للقسمة على وحدة القياس الأساسية.
٢. اختر وحدة القياس الأساسية. ٨ بكسل لمعظم الحالات، ٤ بكسل للأعمال الطباعية الدقيقة، ١٦ بكسل للعلامات الكبيرة أو البسيطة. اضبط الشبكة في Figma باستخدام "تخطيط الشبكة" مع تحديد وحدة القياس الأساسية كحجم للأعمدة والصفوف.
٣. حدد منطقة العرض. وهي المنطقة الداخلية التي يقع فيها الشعار. يُفضل أن تكون ٧٥٪ من مساحة الرسم المركزية، مع ترك مسافة ١٢.٥٪ من كل جانب. يجب أن تكون هذه المسافة من مضاعفات وحدة القياس الأساسية.
٤. رتب أدلة التصميم. أضف خطوطًا إرشادية دائرية إذا كان الشعار يحتوي على منحنيات، وخطوطًا إرشادية نسبية (ذهبية، فضية، أو مضاعفات بسيطة) إذا كان الشعار يعتمد على علاقات شكلية متناسبة، وخطوطًا إرشادية زاوية (15، 30، 45، 60 درجة) إذا كان الشعار يحتوي على خطوط قطرية. ضع جميع الخطوط الإرشادية على طبقة منفصلة، بشفافية منخفضة، وخطوط زرقاء فاتحة أو مرجانية.
- أنشئ الشعار على الخطوط الإرشادية. كل بُعد قابل للقياس يُحاذى مع الشبكة أو الخطوط الإرشادية. عند الحاجة إلى تصحيح بصري، اكسر الشبكة عمدًا وحدد موضع الكسر.
يستغرق هذا الإعداد ثلاثين دقيقة في المرة الأولى، وعشر دقائق بعد ذلك. الناتج هو ملف Figma يمكن لأي مصمم آخر فتحه ومتابعة العمل دون الحاجة إلى تخمين النسب. هذا هو الهدف الأساسي. Figma هو الإعداد الافتراضي لمعظم تصميمات الشعارات الحديثة، بينما يوفر Illustrator تحكمًا أدق في منحنيات بيزير لتنظيف المتجهات النهائي. توجد شبكة التصميم في كلا الأداتين، والوحدة الأساسية نفسها التي تُشكّل الشعار تُشكّل أيضًا الرابط تصميم نظام الأيقونات والإيقاع الطباعي للرابط أسعار تصميم هوية العلامة التجارية الأوسع.
الأسئلة الشائعة
ما هي شبكة تصميم الشعار؟
شبكة تصميم الشعار هي مجموعة من الخطوط الهندسية الإرشادية (مربعات، دوائر، خطوط نسب، علامات زوايا) تُرسَم أسفل الشعار للتحكم في النسب والزوايا وسماكة الخطوط والمسافات بين عناصره. وهي ما يجعل الشعار قابلاً للتكرار، ومتسقًا رياضيًا، وثابتًا مهما كان حجمه. إنها ليست نظامًا توليديًا، فهي لا تُصمّم الشعار نيابةً عنك، بل تُعزّز فقط الانضباط الذي يُحافظ على تماسك الفكرة القوية بعد تحديدها.
ما هي شبكة النقاط الثماني في تصميم الشعار؟
شبكة النقاط الثمانية هي نظام شبكي معياري، حيث يكون كل بُعد قابل للقياس في الشعار (عرض الخط، نصف قطر الزاوية، الحشو، ارتفاع الحرف الكبير، التباعد) من مضاعفات 8 بكسل. وهو النظام الشبكي السائد في تصميم واجهات المستخدم والشعارات الحديثة، لأنه يتوافق بسلاسة مع أنظمة iOS وAndroid ومعظم أنظمة تصميم مواقع الويب. أما شبكة النقاط الأربع، فهي تُطبّق نفس الفكرة ولكن بدقة أعلى. تُناسب شبكة النقاط الثمانية الشعارات الهندسية، والشعارات الحرفية، وشعارات العلامات المعيارية.
كيف تستخدم النسبة الذهبية في تصميم الشعارات؟
تُعدّ النسبة الذهبية (1.618) مفيدةً للغاية للتحقق من صحة النسب، وليست أداةً حرفيةً لتوليدها. عادةً ما يرسم المصممون الشعار أولًا، ثم يتحققون من أن العلاقات النسبية الرئيسية (عرض الشعار الكلي إلى ارتفاعه، والشكل الداخلي إلى الشكل الخارجي، والورقة إلى الجسم في شعار مثل Apple) قريبة من النسبة الذهبية (فاي). عندما تقترب النسب بشكل طبيعي من 1.618، يبدو الشعار متوازنًا. إنّ إجبار كل قياس على الالتزام بنسبة التصميم الذهبية يُعدّ إفراطًا في التصميم، وعادةً ما يُنتج نتائج جامدة.
هل تحتاج جميع الشعارات إلى شبكة؟
لا. تحتاج العلامات المُصممة هندسيًا (مثل الشعارات الهندسية، وشعارات الشارات، والعلامات التصويرية المعيارية مثل Apple، وتويتر، وماستركارد) إلى شبكة لأنّ الهندسة يجب أن تكون متناسقة. أما العلامات التعبيرية (مثل الخطوط المخصصة مثل كوكاكولا أو ديزني، والرسومات اليدوية، والشخصيات الكرتونية) فلا تحتاج إلى شبكة صارمة، وغالبًا ما تتأثر سلبًا عند فرضها عليها. القاعدة الأساسية: إذا كان الشعار مُصممًا من أشكال هندسية قابلة للتكرار، فأنشئ شبكة؛ أما إذا كان مُصممًا من تعبير أو شخصية أو يد، فلا داعي للشبكة الصارمة.
الشبكة أداة وليست ميزة
المصممون الذين يخلطون بين الشبكة والهدف، ينتهي بهم الأمر بشعارات صحيحة تقنيًا ولكنها تفتقر إلى العمق العاطفي.
الشبكة أداة لحل المشكلات الهندسية في الشعار. لا يُغني هذا عن امتلاك شعار يستحق الاهتمام. Apple، طائر تويتر، أقراص ماستركارد، طاووس إن بي سي، سهم فيديكس. جميع هذه العلامات كانت مُصممة ضمن شبكة عند طرحها في الأسواق، لكن لم يبدأ أي منها كشبكة. بل بدأت كفكرة، ورؤية لتحديد الموقع، وقرار رائد في فئة العلامة التجارية حول هويتها. جاءت الشبكة لاحقًا، لجعل الفكرة قابلة للتكرار بأي حجم وعلى أي سطح.
أحيانًا يعكس المصممون في المراحل الأولى لتصميم العلامة الترتيب. يفتحون Figma، ويُنشئون نظام شبكة مُعقد، ويبنون شعارًا على الشبكة، ثم ينظرون بعد ست ساعات متسائلين عن سبب كون النتيجة عامة. الشبكة هي التي تُنتج الاتساق، لكنها لا تُنتج فكرة. يجب أن تأتي الفكرة من مكان آخر، من قرار العلامة اللفظية مقابل العلامة الحرفية، أو استراتيجية العلامة التجارية، أو تحديد موقعها في الفئة. الشبكة هي طبقة التكرار التي تُحافظ على تماسك الفكرة بمجرد وجودها.
الخطأ المعاكس شائع أيضاً. يتجاهل المصممون المبتدئون الشبكة تماماً، ويرسمون الشعار يدوياً دون وضع نظام بناء حقيقي. والنتيجة هي شعار غير متناسق النسب كلما أُعيد بناؤه، ويتفكك عند الأحجام الصغيرة. الحل ليس في إجبار كل رسمة على التوافق مع الشبكة، بل في معرفة الشعارات التي تحتاج إلى شبكة وتلك التي لا تحتاجها.
إذا كانت العلامة التجارية تتطلب شعاراً هندسياً مُصمماً، فأنشئ شبكة، وأجرِ التعديلات البصرية، ووثّق نقاط الضعف. أما إذا كانت تتطلب شعاراً تعبيرياً، فارسم أولاً، ثم أنشئ الشبكة ثانياً، بشكل خفيف. إذا لم تكن متأكداً من نوع الشعار الذي تحتاجه العلامة التجارية، فهذه مشكلة استراتيجية وليست مشكلة في الشعار نفسه، ولن يُجدي معها أي قدر من العمل على شبكة البناء.
إذا كنت ترغب في نظام شعار مبني على أسس متينة، مع شبكة معيارية، وتعديلات بصرية، ونسب متناسقة، وتوثيق يُحافظ على تماسك الشعار لعقد قادم، استئجار Brainy. نقوم بشحن أنظمة الشعارات من خلال LogoBrainy وهويات العلامات التجارية الكاملة للفرق التي تريد الاستراتيجية والبنية والقواعد في عملية تسليم واحدة.
Need a logo built on a real construction grid, with the optical corrections, the modular system, and the rules that hold up across every surface? Brainy ships logo systems through the LogoBrainy product, and full brand identities for teams that want the strategy, the construction, and the typography in one handoff.
Get Started
