logo designApril 28, 202616 min read

بناء شبكة الشعار: أنظمة الشبكة الأربعة ومتى تستخدم كل واحدة

هناك أربع شبكات للشعار، وليست واحدة: Base وConstruction وLockup وClearspace. ما تفعله كل واحدة، ومتى تحدث، وأشكال الشبكة الأساسية الأربعة بما في ذلك النسبة الذهبية، وتفكيك شعارات Apple وTwitter وMastercard وNBC وFedEx، وأين تكسر الشعارات الجيدة الشبكة عن قصد.

By Boone
XLinkedIn
A handwritten sheet in blue ink, triangle nudge right, circle draw taller, crossbar thin it, spacing by eye

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

لا أحد تقريبًا يسمّيها. التسمية المستخدمة هنا مأخوذة من تحليل استوديو Akrivi لأنظمة شبكة الشعار الأربعة، وهو أوضح نسخة مكتوبة لذلك: Base وConstruction وLockup وClearspace. بمجرد أن تمتلك هذه الأسماء الأربعة، ينحل معظم الجدل حول ما إذا كانت الشبكات حرفة حقيقية أم مسرحية، لأن الأمر عادة يكون شخصين يتحدثان عن شبكتين مختلفتين.

ما هي شبكة الشعار فعليًا

شبكة الشعار هي مجموعة من أدلة الإنشاء، تُرسم بخطوط زرقاء فاتحة أو مرجانية تحت العلامة، تحدد الهندسة التي تجلس داخلها العلامة. مربعات، دوائر، مستطيلات بنِسَب، خطوط زاوية. تؤدي هذه الأدلة ثلاث وظائف:

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

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

أنظمة شبكة الشعار الأربعة، ومتى تحدث كل واحدة

#الشبكةمتى تستخدمهاوظيفتها
1Baseقبل التصميمالبنية والاتساق، السقالة التي ترسم فوقها
2Constructionبعد التصميمالفحص، يكشف نقاط الارتكاز والمقابض والخطوط والأخطاء في المحاذاة
3Lockupعند اقتران العلامة والخطالانسجام والتراتبية، المسافة بين الاثنين
4Clearspaceعندما يكون الشعار نهائيًامنطقة الاستبعاد، مقدار المساحة التي يحتاجها الشعار حوله

الأربعة ليست متغيرات عن بعضها البعض وليست قابلة للتبديل. شبكة Base هي سقالة تبني عليها. شبكة Construction هي فحص تجريه لاحقًا. شبكة Lockup تتعلق بالعلاقة بين شيئين. شبكة Clearspace هي قاعدة تسلّمها لمن سيستخدم الشعار بعدك.

شخص صغير مرسوم بالحبر ينظر إلى عدسة مكبرة تمشي، شبكة البناء تفحص العلامة
شخص صغير مرسوم بالحبر ينظر إلى عدسة مكبرة تمشي، شبكة البناء تفحص العلامة

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

1. شبكات Base: السقالة التي ترسم عليها

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

بوصلة رسم بوجه، مرسومة بالحبر، تمسح أول قوس لعلامة
بوصلة رسم بوجه، مرسومة بالحبر، تمسح أول قوس لعلامة
الشكلالبنيةالأنسب لـ
مربع (شبكة 8 نقاط)حقل بلاطات مربعة متساوية، الوحدة الأساسية عادة 8 بكسل على قماش 1024 بكسل، يتحكم في عرض الخط ونصف قطر الزاوية والمسافاتالحروف الأحادية، العلامات الحرفية، الشعارات الخطية الهندسية sans، الشارات على أُطر مستطيلة
متساوي القياس (Isometric)حقل مثلثي بزاوية 30 درجةالعلامات ذات العمق الضمني أو هندسة الأوجه الثلاثة الظاهرة
سداسيحقل خلية نحلالعلامات الشعاعية والخلوية حيث يقوم التناظر السداسي بالعمل
النسبة الذهبيةدوائر ومستطيلات محددة الحجم بعلاقة 1.618العلامات التي يهيمن عليها المنحنى

شبكة الـ8 نقاط هي الافتراضية في تصميم واجهة المستخدم الحديث. فمقاييس التباعد في Material وiOS وTailwind كلها تفترض قاعدة 8 أو 4 نقاط، لذا فإن الشعار المبني على واحدة منها يندمج في واجهة مستخدم مبنية على 8 نقاط دون تعارض بمستوى البكسل الفرعي. العلامة الحرفية لـ IBM تجلس على شبكة نمطية محكمة تتحكم في مسافات الشرائح وخطوطها الأفقية الثمانية.

النسبة الذهبية، ولماذا "الشبكة الدائرية" ليست شيئًا حقيقيًا

"الشبكة الدائرية" ليست نظام شبكة مُسمّى. عندما يقول أحدهم ذلك، فهو يقصد أحد أمرين حقيقيين: شبكة Base بالنسبة الذهبية، أو شبكة Construction، التي تُرسم عادة كدوائر فوق علامة منتهية. دمج هذين هو حيث يبدأ معظم الالتباس حول شبكات الشعار.

شبكات النسبة الذهبية تبدأ بدائرة ارتكاز واحدة، ثم تضيف دوائر ترتبط أنصاف أقطارها بالأولى بنسبة ثابتة، 1:1.618 (ذهبية)، أو 1:1.414 (فضية)، أو 1:2. كل دائرة جديدة تتداخل مع الأولى، أو تتقاطع معها بزاوية معروفة، أو تمتد للخارج بإزاحة معروفة، وتُرسم العلامة على طول الأقواس والتقاطعات.

  • تويتر (طائر 2012): مبني من أربعة عشر دائرة متداخلة بثلاثة أنصاف أقطار. كل منحنى، الرأس، الجناح، الصدر، المنقار، يتبع قوس إحداها.
  • Mastercard: دائرتان متساويتا نصف القطر، بإزاحة معروفة، مع تداخل يحدد كتلة اللون.
  • طاووس NBC: شعاعي، أحد عشر ريشة، كل واحدة قطرة دمعة مبنية من أقواس مرتبة بزيادات زاوية ثابتة.

تحذير صادق واحد: النسبة الذهبية أكثر فائدة كفحص عقلاني منها كمولّد. المصممون الذين يقولون إنهم "صمموا الشعار على النسبة الذهبية" غالبًا ما رسموا العلامة أولًا ولاحظوا النسبة لاحقًا. استخدام فاي (phi) للتحقق أمر معقول كحرفة. استخدامه كمحرك حرفي لكل قياس هو إفراط في الهندسة، وموجز Pepsi 2008 المسرَّب، بشد جاذبيته والمجال المغناطيسي للأرض، هو النصب التذكاري لكيفية بدو ذلك.

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

2. شبكات Construction: تلك التي ينشرها الجميع

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

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

3. شبكات Lockup: العلامة والخط

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

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

4. شبكات Clearspace: القاعدة التي تسلّمها

استخدمها عندما يكون الشعار نهائيًا. الغرض: حماية الشعار من كل من يستخدمه بعدك. شبكة Clearspace تحدد منطقة الاستبعاد، وهي المساحة العازلة حول الشعار حيث لا يُسمح بأي شيء آخر. تُعبَّر عادةً بوحدة مشتقة من العلامة نفسها، تُرمز عادة بـX، بحيث تتوسع القاعدة مع الشعار بدلًا من أن تكون عدد بكسلات ثابتًا يتوقف عن المنطقية عند حجم لوحة إعلانية.

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

تفكيك شعارات مشهورة

سبعة شعارات، وأي شبكة تقوم بالعمل في كل منها.

الشعارشبكة Baseما تتحكم فيه الشبكةما لا تتحكم فيه
Appleدوائر بنسب مع محاذاة نمطيةاستمرارية المنحنى للجسم والورقة والعضةالحجم الدقيق للعضة، وهو ذوق
تويتر (طائر 2012)دوائر بنسب (14 دائرة، 3 أنصاف أقطار)كل منحنى في جسم الطائرالوضعية، الموقف المتطلع للأعلى
Mastercardدائرتان متساويتانأنصاف أقطار الأقراص ومسافة التداخلدرجة ألوان العلامة التجارية
طاووس NBCشعاعي (11 ريشة، زوايا ثابتة)قوس الريشة والتباعد الدورانيخيارات الألوان العشرة للعلامة التجارية
FedExنمطي مربع مع طبقات نسبيةارتفاع الحرف الكبير، وزن الخط، الكيرننغ البصري، السهمأشكال الحروف المخصصة
Pepsi 2008دوائر بالنسبة الذهبية، محاذاة نمطيةزاوية الابتسامة، نسب الأشرطةقرار شحن ابتسامة
Toyotaقاعدة نمطية، ثلاث بيضاويات متقاطعةتقاطعات البيضاويات ونسبهاالاستعارة التصميمية اليابانية

FedEx يستحق أن يُفرد. السهم الخفي بين الـE والـx ليس حادثة سعيدة. إنه النتيجة المرئية لشبكة طالبت بأن تصبح المساحة السلبية بين حرفين شكلًا قابلًا للاستخدام. هذا لا يحدث في الكيرننغ الحر، ولا يحدث في دوائر النسب وحدها أيضًا. النمط عبر الشعارات السبعة جميعًا: كل شبكة تتعامل مع الهندسة، ولا واحدة منها تولّد المفهوم. المفهوم يأتي من التموضع والتسمية وبصيرة الفئة؛ الشبكة تأتي بعد ذلك، لجعله قابلًا للاستنساخ.

التصحيحات البصرية التي تكسر الشبكة عن قصد

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

التصحيحالمشكلةالحل
المثلثات تنحرف يسارًامثلث زر تشغيل مُمركز رياضيًا داخل مربع يميل بصريًا نحو اليسار، لأن الكتلة البصرية تتركز نحو الحافة اليمنىأزحه 1 إلى 3 بالمئة إلى يمين المركز الرياضي. Apple Music، YouTube، كل زر تشغيل في كل خدمة بث لديه هذا مدمجًا
الدوائر تُقرأ أصغر من المربعات عند نفس الارتفاعدائرة تطابق ارتفاع الحرف الكبير للحروف المحيطة تبدو أصغر قليلًاكبّرها بنسبة 2 إلى 5 بالمئة. حرف "O" في معظم الخطوط الاحترافية أطول من حرف "H" بهذه النسبة بالضبط
الخطوط الأفقية تُقرأ أثقل من العموديةخط عرضي مرسوم بنفس وزن الأعمدة على جانبيه يبدو سمينًا، ويجعل الحرف يشعر بثقل في الأسفلارسمه أنحف بنسبة 10 إلى 15 بالمئة. افتح أي خط وانظر إلى حرف "H" كبير: الخط العرضي لم يطابق الأعمدة قط. نفس الشيء لأذرع حرف "E" أو "F"
التباعد بصري، لا يُقاس أبدًاالفجوات المتساوية المقاسة بين الحروف تبدو غير متساوية، لأن "A" بجانب "V" تحيط بمساحة بيضاء أكبر بكثير من "H" بجانب "I"باعد بالعين، مُوازِنًا مساحة البياض بين الحروف بدلًا من المسافة. لهذا السبب يوجد الكيرننغ أصلًا، ولهذا لم يُباعد أي شعار بمسطرة قط

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

زر تشغيل مرسوم بالحبر، المثلث يجلس داخل دائرته بوجه قلق وسهم يدفعه نحو اليمين
زر تشغيل مرسوم بالحبر، المثلث يجلس داخل دائرته بوجه قلق وسهم يدفعه نحو اليمين

تحتاج شعارًا مبنيًا على شبكة إنشاء حقيقية، مع التصحيحات البصرية والنظام النمطي والقواعد التي تصمد عبر كل سطح؟ استعن بـBrainy. نحن نشحن أنظمة شعارات عبر LogoBrainy وهويات علامة تجارية كاملة للفرق التي تريد الاستراتيجية والإنشاء والطباعة في تسليم واحد.

متى تساعد الشبكة ومتى تُفرط في هندسة الشعار

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

كتلة متشابكة من الدوائر المتداخلة وخطوط الإنشاء مرسومة بالحبر مع علامة صغيرة قلقة مدفونة في الوسط
كتلة متشابكة من الدوائر المتداخلة وخطوط الإنشاء مرسومة بالحبر مع علامة صغيرة قلقة مدفونة في الوسط
  • شبكات Base تستحق وجودها في: الحروف الأحادية الهندسية والعلامات الحرفية (IBM، NASA، HBO، GE)، العلامات التصويرية المُنشأة (Apple، Twitter، Mastercard، BMW، Toyota)، الشارات النمطية المبنية على دوائر أو سداسيات أو مربعات ذات هندسة داخلية، والشعارات الخطية الهندسية sans (FedEx، Visa، Google ما بعد 2015).
  • شبكات Base تُفرط في الهندسة في: خطوط الشعار المخطوطة المخصصة (Coca-Cola، Disney، Tiffany) حيث الإيماءة هي الأصل، العلامات المرسومة يدويًا أو التوضيحية، العلامات الخطية والتاريخية الطراز حيث تعيش الشخصية في عدم الكمال، وأي علامة تجارية استراتيجيتها الدفء أو سهولة التقرب، لأن شبكة إنشاء صارمة تشير إلى الدقة والهندسة، مما يتعارض مع الاستراتيجية.

قاعدة القرار: إذا كانت العلامة هندسية أو نمطية أو مبنية من أشكال قابلة للاستنساخ، ابنِ شبكة Base. إذا كانت إيمائية أو توضيحية أو مدفوعة بالشخصية، ارسم أولًا واستخدم شبكة Base خفيفة للاتساق النسبي فقط. في كلتا الحالتين، شغّل شبكة Construction قبل العرض، وابنِ شبكة Lockup، واشحن قاعدة Clearspace.

كيفية إعداد شبكة شعار من الصفر

خمس خطوات تحوّل ملف Figma فارغًا إلى شبكة Base عاملة، ثم ثلاث خطوات أخرى تُنهي المهمة.

  1. اختر حجم القماش الرئيسي. 1024 في 1024 بكسل للعلامات ذات الأولوية الرقمية، 1200 في 1200 للعلامات التحريرية أو الميّالة للطباعة. يجب أن ينقسم الرقم بسلاسة على وحدتك الأساسية.
  2. اختر الوحدة الأساسية. 8 بكسل لمعظم الحالات، 4 للعمل الطباعي الدقيق، 16 للعلامات كبيرة الحجم أو البسيطة. أعد شبكة تخطيط (Layout Grid) في Figma بتلك الوحدة.
  3. حدد المساحة الحية. المنطقة الداخلية حيث تجلس العلامة. الافتراضي المعقول هو 75 بالمئة المركزية من القماش، تاركًا حشوًا 12.5 بالمئة لكل جانب، ويجب أن يكون الحشو مضاعفًا نظيفًا للوحدة الأساسية.
  4. اختر شكل شبكة Base. مربع للعلامات النمطية والطباعية، متساوي القياس للعمق الضمني، سداسي للهندسة الشعاعية والخلوية، دوائر النسبة الذهبية للعلامات التي يهيمن عليها المنحنى. معظم العلامات تنتهي بمزج حقل مربع مع دوائر بنسب فوقه.
  5. ابنِ العلامة على الأدلة. كل بُعد قابل للقياس يلتصق بالشبكة. حيث يلزم التصحيح البصري، اكسر الشبكة عن قصد ودوّن الكسر.
  6. شغّل شبكة Construction فوق العلامة المنتهية وأصلح ما تكشفه.
  7. ابنِ شبكة Lockup لكل ترتيب تشحنه: أفقي، مكدس، العلامة وحدها.
  8. حدد Clearspace بوحدة مشتقة من العلامة، وضعها في الدليل.
شخصية دائرية مرسومة بالحبر تحدّق في المسطرة التي تعانقها، العين والرياضيات في خلاف
شخصية دائرية مرسومة بالحبر تحدّق في المسطرة التي تعانقها، العين والرياضيات في خلاف

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

الأسئلة الشائعة

ما هي الأنواع الأربعة لشبكة الشعار؟

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

هل هناك شيء اسمه شبكة شعار دائرية؟

ليس كنظام شبكة مُسمّى. ما يقصده الناس عادة هو شبكة Base بالنسبة الذهبية، مبنية من دوائر ترتبط أنصاف أقطارها بنسبة 1.618، أسلوب البناء الخاص بطائر تويتر وMastercard. قد يقصدون أيضًا شبكة Construction، لأن هذه تُرسم عادة كدوائر فوق علامة منتهية. تسميتها "شبكة دائرية" يدمج شكل شبكة Base مع نوع الشبكة، وهذا حيث يبدأ معظم الالتباس.

ما هي شبكة الـ8 نقاط في تصميم الشعار؟

شبكة Base مربعة حيث كل بُعد قابل للقياس في الشعار، عرض الخط، نصف قطر الزاوية، الحشو، ارتفاع الحرف الكبير، التباعد، هو مضاعف لـ8 بكسل. إنها شبكة Base المهيمنة في تصميم واجهة المستخدم والشعار الحديث لأنها تتماشى بسلاسة مع iOS وAndroid ومعظم أنظمة تصميم الويب. شبكة الـ4 نقاط هي نفس الفكرة بدقة أعلى. تناسب الحروف الأحادية الهندسية والعلامات الحرفية والشارات النمطية.

كيف تستخدم النسبة الذهبية في تصميم الشعار؟

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

هل تحتاج كل الشعارات إلى شبكة؟

كل شعار يحتاج قاعدة Clearspace، وإذا كان له علامة وخط شعار معًا، يحتاج شبكة Lockup. ليست كل الشعارات بحاجة إلى شبكة Base صارمة. العلامات المُنشأة، الحروف الأحادية الهندسية، الشارات، العلامات التصويرية النمطية مثل Apple وTwitter وMastercard، تحتاجها لأن الهندسة يجب أن تكون متسقة. العلامات الإيمائية، خطوط الشعار المخصصة المخطوطة مثل Coca-Cola أو Disney، الرسم التوضيحي اليدوي، شخصيات التميمة، غالبًا ما تعاني عندما تُفرض عليها واحدة.

الشبكة أداة، لا فضيلة

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

يعكس المصممون في المرحلة المبكرة من علامة مُنشأة أحيانًا الترتيب: يفتحون Figma، يعدّون شبكة Base متقنة، يبنون شعارًا عليها، ثم يرفعون رؤوسهم بعد ست ساعات متسائلين لماذا النتيجة عامة. الشبكة أنتجت الاتساق، لا المفهوم. المفهوم يجب أن يأتي من مكان آخر، قرار الخط الشعاري مقابل العلامة الحرفية، استراتيجية العلامة التجارية، تموضع الفئة.

الخطأ المعاكس يكلّف بنفس القدر: تخطّي الشبكة تمامًا، الرسم بحرية، عدم إعداد نظام حقيقي أبدًا، والنتيجة تنحرف في النسب في كل مرة يُعاد بناؤها وتتفكك في الأحجام الصغيرة. الحل ليس فرض كل رسمة على شبكة Base. بل معرفة أي من الشبكات الأربعة تحتاجها علامة معينة فعليًا، ومتى. إذا كانت العلامة التجارية تتطلب علامة هندسية مُنشأة، ابنِ شبكة Base، وشغّل التصحيحات البصرية، ودوّن الكسور. إذا كانت تتطلب علامة إيمائية، ارسم أولًا واستخدم شبكة خفيفة. في كلتا الحالتين، افحصها بشبكة Construction، ورتّب الترتيبات، واشحن قاعدة Clearspace.

إذا لم تكن متأكدًا من أي منها تحتاجه العلامة التجارية، فتلك مشكلة استراتيجية، لا مشكلة شعار، ولن يصلحها أي قدر من عمل شبكة Construction. إذا أردت نظام شعار مبني على حرفة إنشاء حقيقية، مع شبكة Base والتصحيحات البصرية والنِسَب التناسبية وترتيبات Lockup والتوثيق الذي يُبقي العلامة متماسكة للعقد القادم، استعن بـ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

More from Brainy Papers

Keep reading