فضای منفی در طراحی؛ چرا خالی‌گذاشتن صفحه قدرتمند است
صفحه‌های شلوغ، خسته می‌کنند؛ فضای خالی، همان چیزی است که سوژه را سوژه می‌کند و پیام را می‌رساند.
فضای منفی چیست
فضای منفی (Whitespace)، فضای خالیِ اطراف و میانِ عناصر است: حاشیهٔ صفحه، فاصلهٔ میانِ پاراگراف‌ها، هوایِ اطرافِ یک دکمه. اسمِ دومش گمراه‌کننده است؛ این فضا «منفی» نیست، فعال است: تعیین می‌کند چه چیزی به چه چیزی تعلق دارد، چه چیزی مهم‌تر است و چشم از کجا شروع کند. صفحه‌ای که همه‌اش پر است، هیچ‌چیزش مهم نیست؛ شلوغی، پیام را هم‌سطح می‌کند.
- فضای منفی، عنصرِ طراحی است؛ نه چیزِ باقی‌مانده از طراحی.
- دو نوع: فضای درون‌عنصری (فاصلهٔ سطرها و حروف) و فضای میان‌عنصری (فاصلهٔ بخش‌ها).
- بیشترِ صفحاتی که «به‌هم‌ریخته» به‌نظر می‌رسند، مشکلِ ساختار ندارند؛ مشکلِ نفس‌کشیدن دارند.
چرا شلوغی حسِ بد می‌دهد
ذهنِ مخاطب، هر عنصرِ صفحه را پردازش می‌کند؛ هر دکمهٔ اضافه، هر رنگِ اضافه و هر متنِ اضافه، سهمی از توجه را می‌خواهد. وقتی عناصر از ظرفیتِ پردازشِ لحظه‌ای بیشتر شوند، مخاطب دو کار می‌کند: خسته می‌شود یا فرار می‌کند. در حافظهٔ کاری چیست توضیح داده شده که ظرفیتِ نگه‌داشتِ هم‌زمانِ ذهن، محدود است؛ طراحیِ خوب، همین محدودیت را می‌شناسد و به‌احترامش، کم می‌گذارد.
-
قاعدهٔ تجربی: اگر نمی‌دانید چه چیزی را حذف کنید، از تکرارها شروع کنید؛ سه دکمهٔ «ثبت» در یک صفحه، دو تایش حذف‌شدنی است.
-
فاصله، مرز می‌سازد: دو گروهِ چسبیده با یک فاصلهٔ درست، از دو گروهِ جدا‌شده با یک خط، تمیزتر دیده می‌شوند.
کاربرد در محتوای روزمره
-
پست‌های شبکه‌های اجتماعی: دورِ سوژه، هوای بگذارید؛ تصویری که لبه‌به‌لبه پر شده، در فید، نفس ندارد.
-
کاور و تیتر: متنِ روی تصویر، به حاشیهٔ امن نیاز دارد؛ متنِ چسبیده به لبهٔ تصویر، حسِ موقت‌بودن می‌دهد.
-
لندینگ و صفحهٔ محصول: هر بخش، حاشیهٔ عمودیِ سخاوتمندانه؛ اسکرولِ راحت‌تر، ماندگاریِ بیشتر می‌سازد.
-
سلسله‌مراتب، با فاصله ساخته می‌شود، نه فقط با اندازه؛ در سلسله‌مراتب بصری ترکیبِ اندازه، رنگ و فاصله کامل توضیح داده شده است.
فضای منفی و متن فارسی
-
طول خط: خطوطِ بلند در فارسی، خواندن را به‌زحمت می‌اندازند؛ حدودِ درست در تایپوگرافی فارسی برای وب آمده است و رعایتش، از هر ترفندِ ظاهری بیشتر به چشم می‌آید.
-
فاصلهٔ سطر: سطرهای چسبیده در متنِ فارسی، به‌خصوص در صفحه‌های موبایل، خوانایی را چند قدم عقب می‌برند.
-
پاراگراف‌های کوتاه: در وب، پاراگرافِ سه‌چهارخطی، خودش فضای منفیِ افقی است؛ متنِ بزرگِ بی‌شکست، دیوار است.
-
برای چیدمانِ کلی، شبکه به فضا معنا می‌دهد؛ در سیستم شبکه در طراحی آمده است که ستون‌ها چطور جای خالی را از بی‌نظمی جدا می‌کنند.
تمرین‌های ساده
-
تمرینِ حذف: یک صفحهٔ آمادهٔ خودتان را بردارید و بدون تغییرِ هیچ متن و رنگی، فقط با حذف و فاصله‌گذاری، دو بار بهترش کنید؛ این تمرین، ماهِ اولِ شما در طراحیِ حرفه‌ای است.
-
تمرینِ چشم: صفحه‌هایی را که دوست دارید، از دور نگاه کنید؛ جایِ خالی‌ها را با مداد علامت بزنید. بعد از ده صفحه، الگو را می‌بینید.
-
قاعدهٔ نهایی: به هر عنصرِ تازه‌ای که اضافه می‌کنید، بگویید چرا جایِ خالیِ فعلی را نمی‌گیرد؛ اگر جوابِ روشنی نداشت، عنصرِ تازه، مهم نیست.
فضای منفی، وقتیِ حرفه‌ای‌هاست؛ تازه‌کار می‌افزاید تا چیزی کم نماند و حرفه‌ای حذف می‌کند تا چیزی اضافه نماند. صفحهٔ شما، همین امروز، از کدام طرفِ این جمله ایستاده است؟
مطالب مرتبط
برای عمیق‌تر شدن در این موضوع، پیشنهاد می‌کنیم این مطالب را هم بخوانید:
این مطلب برایتان مفید بود؟
با پسندیدن، به ما کمک می‌کنید مطالب بهتری منتشر کنیم.
