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

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

ما هي المساحة البيضاء في التصميم؟

نفس العناصر الثلاثة مرتين: على اليسار محشورة من الحافة للحافة، وعلى اليمين بمساحة بيضاء واسعة حولها فيتضح كل عنصر

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

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

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

أهم النقاط

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

المساحة الموجبة والمساحة السالبة: الشكل والأرضية

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

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

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

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

المساحة البيضاء الإيجابية والسلبية

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

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

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

وأهمية هذا الفرق أنه يغير السؤال الذي تسأله. فبدلاً من «كيف أملأ هذه المساحة؟» اسأل «ماذا تفعل هذه المساحة؟». كل مساحة فارغة يجب إما أن تساعد القراءة (سلبية) أو توجه الانتباه والإحساس (إيجابية). والمساحة الفارغة التي لا تفعل هذا ولا ذاك تكون غالباً مجرد بقايا، والبقايا تجعل التصميم يبدو غير مكتمل.

المساحة البيضاء الكبرى والدقيقة

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

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

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

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

لماذا تهم المساحة البيضاء

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

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

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

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

مساحة التنفس: الهوامش والحشو الداخلي والفواصل

تخطيط صفحة عليه أسماء الهوامش حول الحواف، والفواصل بين الأعمدة، والحشو الداخلي داخل كارت وزر

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

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

ومن العادات المفيدة أن تستخدم مقياس مسافات: مجموعة صغيرة من المسافات، مثل 4 و8 و16 و24 و32 و48 و64 بكسل (أو ما يعادلها بالمليمتر في الطباعة)، ولا تستخدم غيرها. فالمسافات الثابتة تصنع إيقاعاً وتجعل التصميم يبدو مخططاً. وأشرح كيف يمكن للشبكات والنسب مثل النسبة الذهبية أن تحدد هذه المسافات في مقالاتها.

المساحة الدقيقة في التايبوجرافي: تباعد الأسطر والحروف والفقرات

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

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

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

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

المساحة البيضاء تصنع التركيز والتسلسل

على اليسار اثنا عشر عنصراً متساوياً بمسافات متساوية بلا نقطة تركيز. وعلى اليمين نفس الصفحة مع عنصر واحد معزول في مساحة فارغة كبيرة فيصبح فوراً نقطة التركيز

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

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

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

المساحة البيضاء تجمّع العناصر: التقارب والجشطالت

على اليسار ست عشرة نقطة بمسافات متساوية تُقرأ كشبكة واحدة. وعلى اليمين نفس النقاط مع مساحة إضافية بين كل عمودين فتُقرأ كمجموعتين

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

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

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

سيكولوجية المساحة البيضاء: الهدوء والفخامة والثقة

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

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

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

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

ما: الفن الياباني للفراغ ذي المعنى

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

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

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

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

علاقة الشكل بالأرضية: ثابتة ومتبادلة وغامضة

ثلاثة أمثلة للشكل والأرضية: شكل ثابت على أرضية واضحة، ومزهرية روبن التي هي أيضاً وجهان، ورقعة غامضة من أشكال متداخلة

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

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

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

لوجوهات المساحة السالبة: فيديكس وإن بي سي وتوبليرون وفورمولا 1

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

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

وطاووس NBC، الذي أعاد تصميمه مكتب Chermayeff & Geismar (شتيف جايسبولر) سنة 1986، مكون من ست ريشات ملونة؛ ورأس الطاووس وجسمه هما المساحة البيضاء بينها. وجبل توبليرون يخفي دباً واقفاً، وهو رمز مدينة برن التي صُنعت فيها الشوكولاتة. ولوجو فورمولا 1 القديم (من 1994 إلى 2017) استخدم المساحة البيضاء بين حرف F الأسود وخطوط السرعة الحمراء ليصنع الرقم 1.

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

المساحة السالبة في الرسم والبوسترات

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

يستخدم الرسامون ومصممو البوسترات المساحة السالبة ليحكوا قصتين في صورة واحدة. والرسام المقيم في لندن نوما بار هو أستاذ هذا الأسلوب اليوم؛ وكتابه Negative Space (2009) مليء بالبورتريهات والأشياء التي تصنع فيها المساحة الفارغة معنى ثانياً: وجه هو أيضاً خريطة، وبروفايل هو أيضاً سلاح. صوره بسيطة، غالباً بلونين أو ثلاثة فقط، والفكرة تعيش في المساحة بين الأشكال.

والفنان الهولندي إم. سي. إيشر وصل بالشكل والأرضية إلى أقصى حد في أعمال حفر خشبي مثل Sky and Water I (1938)، حيث تتحول الطيور البيضاء في الأعلى تدريجياً إلى خلفية لأسماك سوداء في الأسفل. وفي المنتصف، كل حافة تنتمي لطائر وسمكة معاً. والمصمم الياباني شيجيو فوكودا، الذي حللت بوستره Victory 1945 في مقال الشكل، بنى مسيرته كلها على هذه الحيل البصرية.

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

مثال حقيقي: أبيض على أبيض لماليفيتش (1918)

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

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

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

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

مثال حقيقي: غرف هامرشوي الفارغة

اسكتش لبنية لوحة داخلية لهامرشوي: غرفة رمادية بنافذة طويلة وباب أبيض وامرأة تُرى من الخلف على اليسار وبقعة ضوء شمس على الأرض العارية، ومعظم الغرفة فارغ
لوحة داخل بيت ستراندجاده، ضوء الشمس على الأرض لفيلهلم هامرشوي، 1901، غرفة رمادية بنافذة وباب أبيض وامرأة تُرى من الخلف وضوء شمس على الأرض الفارغة
فيلهلم هامرشوي، داخل بيت ستراندجاده، ضوء الشمس على الأرض، 1901، ألوان زيتية على قماش، المتحف الوطني الدنماركي (SMK)، كوبنهاجن. ملكية عامة، والصورة من ويكيميديا كومنز.

رسم الفنان الدنماركي فيلهلم هامرشوي (1864 إلى 1916) غرف شقته في شارع ستراندجاده 30 في كوبنهاجن مرة بعد مرة: جدران رمادية وأبواب بيضاء ونافذة، وأحياناً زوجته إيدا تُرى من الخلف، وكثيراً لا أحد على الإطلاق. وفي لوحة داخل بيت ستراندجاده، ضوء الشمس على الأرض (1901، المتحف الوطني الدنماركي) يكاد الموضوع الرئيسي يكون لا شيء: ضوء من النافذة يسقط على أرض فارغة.

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

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

مثال حقيقي: إعلان فولكس فاجن «فكّر صغيراً» (1959)

اسكتش لبنية إعلان فولكس فاجن فكّر صغيراً: سيارة صغيرة جداً قرب أعلى صفحة بيضاء فارغة كبيرة، مع عنوان قصير وثلاثة أعمدة نص في الأسفل

في سنة 1959 صممت وكالة دويل داين برنباك (DDB) إعلان «Think Small» أي «فكّر صغيراً» لسيارة فولكس فاجن بيتل، مع المدير الفني هيلموت كرون وكاتب الإعلانات جوليان كونيج. وفي وقت كانت فيه إعلانات السيارات الأمريكية تعرض سيارات ضخمة في مشاهد ملونة مزدحمة، عرض هذا الإعلان سيارة صغيرة جداً بالأبيض والأسود في أعلى صفحة شبه فارغة تماماً. وفي الأسفل عنوان قصير وثلاثة أعمدة من نص صادق وذكي. وفي سنة 1999 اختارت مجلة Advertising Age الحملة كأفضل حملة إعلانية في القرن العشرين.

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

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

مثال حقيقي: يوزف مولر بروكمان والبوستر السويسري

اسكتش لبنية بوستر بالأسلوب السويسري: شبكة صارمة ومساحات سوداء فارغة كبيرة وتايبوجرافي أبيض موضوع بشكل غير متماثل على خطوط الشبكة

كان المصمم السويسري يوزف مولر بروكمان (1914 إلى 1996) من قادة الأسلوب الطباعي الدولي، المعروف أيضاً بالأسلوب السويسري. وبوستراته لحفلات قاعة تونهاله في زيورخ وبوستر معرض Der Film (1960، متحف الفنون التطبيقية في زيورخ) مبنية على شبكة صارمة وخط بسيط بلا زوائد ومساحات فارغة كبيرة محسوبة بعناية.

في البوستر السويسري تكون المساحة البيضاء غير متماثلة ومنظمة. فالنص ليس في المنتصف، بل يقف على خطوط الشبكة، غالباً في منطقة واحدة من البوستر، تاركاً مساحة فارغة كبيرة تمنحه طاقة واتجاهاً. والفراغ ليس عشوائياً: كل مسافة من مضاعفات وحدة الشبكة. وهذا المزيج من النظام والمساحة هو سبب أن هذه البوسترات ما زالت تبدو حديثة بعد أكثر من ستين سنة. وقد شرح مولر بروكمان النظام في كتابه Grid Systems in Graphic Design (1981).

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

مثال حقيقي: أبل وتصميم المنتجات الفاخرة

اسكتش لبنية صفحة منتج فاخر: منتج واحد مصور على خلفية سادة كبيرة، وعنوان قصير واحد، وسطر نص صغير، وزر واحد

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

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

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

مثال حقيقي: الصفحة الرئيسية لجوجل

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

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

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

وبالنسبة لمصممي الواجهات، هذا أوضح دليل على أن المساحة البيضاء قرار يخص المنتج. فكل رابط تضيفه للصفحة ينافس الإجراء الرئيسي. وعندما تصمم صفحة هبوط أو شاشة تطبيق أو نموذجاً، اسأل سؤال جوجل: ما الشيء الواحد الذي يأتي الناس هنا لفعله؟ أعطِ هذا الشيء المساحة، وأبعد كل ما عداه. (لوجو جوجل علامة تجارية، والصورة اسكتش من عملي.)

المساحة البيضاء في تصميم المواقع والواجهات

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

في الواجهات، المساحة البيضاء جزء من سهولة الاستخدام. فالمساحة تفصل الأقسام ليتصفحها المستخدم، وتجمع أدوات التحكم المترابطة، وتعطي الأصابع مكاناً كافياً للضغط على الزر الصحيح. وتوصي إرشادات أبل للواجهات بأن تكون منطقة اللمس 44 في 44 نقطة على الأقل، وتوصي إرشادات Material Design من جوجل بـ48 في 48 dp؛ فالمساحة حول الأيقونة الصغيرة هي ما يجعلها قابلة للاستخدام.

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

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

المساحة البيضاء في الطباعة: الكتب والمجلات والتغليف

صفحتا كتاب كلاسيكي بهوامش خارجية وسفلية واسعة، وصفحة مجلة بمساحة فارغة كبيرة حول صورة، وعبوة بسيطة عليها لوجو واحد

درس مصممو الطباعة المساحة البيضاء لقرون. فتصميم الكتاب الكلاسيكي يستخدم هوامش غير متساوية: الهامش الداخلي (قرب الكعب) هو الأصغر، ثم العلوي، ثم الخارجي، والهامش السفلي هو الأكبر. ومن النسب المعروفة التي استخدمها يان تشيكولد وغيره أن تكون الهوامش الداخلية والعلوية والخارجية والسفلية بنسبة 2 : 3 : 4 : 6 في صفحة نسبتها 2:3. والهامش السفلي الواسع يعطي كتلة النص موضعاً ثابتاً أنيقاً ومكاناً للإبهام.

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

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

المساحة البيضاء في اللوجو والهوية البصرية

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

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

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

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

متى تكون المساحة الأقل هي الاختيار الصحيح

ثلاثة تصميمات كثيفة ناجحة: صفحة أولى لجريدة، ولوحة بيانات، وبوستر تخفيضات حيوي، ولكل منها بنية واضحة رغم قلة المساحة الفارغة

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

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

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

المساحة البيضاء في تصميمات السوشيال ميديا: ستة أمثلة

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

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

3. اقتباس بهوامش واسعة: اقتباس قصير في عمود ضيق بمساحة واسعة حوله؛ يبدو عميقاً ويسهل قراءته على الموبايل. 4. شكل خفي بالمساحة السالبة: شكل يخفي صورة ثانية، مثل سهم أو وجه مخفي؛ يتوقف الناس ليكتشفوه ويشاركوه. 5. شخص صغير ومساحة كبيرة: شخص أو شيء صغير جداً في مساحة لونية فارغة ضخمة، بروح هامرشوي؛ يبدو سينمائياً ومؤثراً.

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

كاروسيل بالمساحة البيضاء لإنستجرام ولينكدإن

كاروسيل من خمس شرائح تتحرك فيه دائرة صغيرة واحدة عبر الشرائح في مساحة فارغة كبيرة، والمساحة البيضاء بين الشرائح توجه السحب

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

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

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

أخطاء شائعة في المساحة البيضاء

أربعة أخطاء شائعة في المساحة البيضاء: محتوى محشور بلا هوامش، ومساحة بيضاء محبوسة بين العناصر، ومسافات متساوية في كل مكان فتختفي المجموعات، وعناصر مبعثرة تطفو في الفراغ

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

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

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

كيف تستخدم المساحة البيضاء في تصميمك القادم: قائمة عملية

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

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

4. استخدم مقياس مسافات (مثلاً 8 و16 و24 و32 و48 و64) ولا تستخدم غيره. 5. جمّع بالتقارب: مسافات صغيرة داخل المجموعات، وأكبر بين المجموعات، ومساحة فوق العناوين أكبر من تحتها. 6. افحص الأشكال السالبة: املأ المساحات الفارغة في ذهنك (أو فعلياً) وانظر هل هي متوازنة وبلا جيوب محبوسة. واضبط تباعد أسطر مريحاً، خصوصاً للعربي.

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

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

المساحة البيضاء في التصميم: أسئلة شائعة

ما هي المساحة البيضاء في التصميم؟

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

ما الفرق بين المساحة الموجبة والمساحة السالبة؟

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

ما الفرق بين المساحة البيضاء والمساحة السالبة؟

في التصميم يُستخدم المصطلحان عادة بنفس المعنى: المساحة الفارغة في التكوين. وبعض المصممين يستخدمون «المساحة البيضاء» أكثر للتخطيط والتايبوجرافي (الهوامش وتباعد الأسطر والحشو الداخلي)، و«المساحة السالبة» أكثر للأشكال التي تصنعها المساحات الفارغة، خصوصاً في اللوجوهات والرسوم.

ما هي المساحة البيضاء الكبرى والدقيقة؟

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

ما هي أشهر أمثلة المساحة السالبة؟

من أشهر الأمثلة السهم المخفي في لوجو فيديكس، وطاووس إن بي سي، والدب في جبل توبليرون، ورقم 1 المخفي في لوجو فورمولا 1 القديم، ومزهرية روبن (1915)، وعمل إيشر Sky and Water I، ورسوم نوما بار، وستائر أشجار الصنوبر لهاسيجاوا توهاكو، ولوحة أبيض على أبيض لماليفيتش.

كم مساحة بيضاء يجب أن يحتوي التصميم؟

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

شارك المقال

اترك تعليقاً

لن يتم نشر بريدك الإلكتروني. الحقول المطلوبة عليها علامة *