فضاهای خالی در طراحی: تکنیکی برای انتقال بهتر پیام

همه ما کم و بیش با مزایای فضاهای خالی در طراحی وب‌سایت و اپلیکیشن‌ها آشنا هستیم. استفاده از فضا‌های خالی یکی از اصول طراحی است که باعث تمرکز حواس مخاطبان و ایجاد هماهنگی در قسمت‌های مختلف وب‌سایت می‌شود. هنگامی که شما از فضا‌های خالی استفاده می‌کنید، مسیر منظمی برای پیمایش مخاطبان‌تان به وجود می‌آید. دقت کنید که فضاهای خالی به معنای فضاهای سفید رنگ نیستند، بلکه به فضاهایی اطلاق می‌شود که در آن‌ها از عناصر طراحی کمتری استفاده شده باشد.
فضاهای خالی از مهمترین عناصر طراحی هستند و به سادگی نمی‌توان از آن‌ها چشم‌پوشی کرد. در ادامه به معرفی ۱۷ وب‌سایتی که به روش‌های گوناگونی از این تکنیک استفاده کرده‌اند، می‌پردازیم.

Melanie F
Melanie F
با مشاهده صفحه هدف این وب‌سایت، به سادگی متوجه استفاده مناسب از فضاهای خالی در آن خواهید شد. قسمت بالای صفحه هدف این وب‌سایت متشکل از هدری است که در آن از فضاهای خالی بسیاری استفاده شده است. پس‌زمینه رنگارنگ هدر در کنار لوگو بزرگ و خوانای آن، به خوبی پیام ابتدایی این صفحه را به مخاطبانش منتقل می‌کند.

Urban Influence
Urban Influence
این پروژه به یک آژانس تجاری واقع در سیاتل واشنگتون اختصاص دارد. در صفحه کاریابی این وب‌سایت بر خلاف انتظار به جای نمایش لیستی از شغل‌ها و توانمندی‌های موجود، از دو بلوک جداگانه (یکی برای نمایش شغل‌ها و دیگری برای نمایش توانمندی‌ها) استفاده شده است. فضاهای خالی در این صفحه، جست‌و‌جویی آسان را برای کاربران مهیا می‌کند.

Trippeo
Trippeo
Trippeo یک اپلیکیشن برای گوشی‌های موبایل جهت ردیابی هزینه‌ها است. زمانی که شما برای اولین بار وارد صفحه هدف این برنامه می‌شوید، با پیامی ساده از شما استفبال خواهد شد. در طراحی صفحه هدف این برنامه از عناصر بسیار کمی استفاده شده است. اما هرچه بیشتر به پیمایش آن بپردازید، فاصله مناسب بین عناصر را به وضوح مشاهده خواهید کرد.

We Are Adaptable
We Are Adaptable
We Are Adaptable سازمان خلاقی است که تخصص آن در زمینه‌هایی مانند تجربه کاربری و تجارت الکترونیک است. با پیمایش در این وب‌سایت مشاهده خواهید کرد که در طراحی آن برای هریک از چهار تخصص خود به اندازه کافی فضا اختصاص داده شده است. در کنار هر بخش، توضیحی مختصر به همراه تصویر بزرگ مرتبط با آن بخش قرار گرفته است.

Gogoro
Gogoro
Gogoro وب‌سایتی مربوط به اسکوتر‌های طرفدار زیست محیط است. صفحه هدف این پروژه به اندازه‌ای جذاب و دیدنی است که  به سادگی توجه هر مخاطبی را به خود جذب می‌کند. همچنین توضیحات مختصر موجود در این صفحه مانع از ایجاد آشفتگی در آن شده است. استفاده از فضاهای خالی به خوبی حواس بازدیدکنندگان را بر روی محتوای وب‌سایت متمرکز کرده است.

Over
over
این وب‌سایت از حداقل تعداد عناصر به نحو‌احسن استفاده کرده است. در صفحه ابتدایی آن عکس ساده‌ای از یک مدل، به خوبی توجه شما را به خود جلب خواهد کرد. به غیر از این عکس کل محتوای این صفحه متشکل از لوگو و چند لینک مرتبط است. عدم استفاده از عناصر اضافی در این وب‌سایت باعث شده که حواس مخاطبانش از چهارچوب محتوای آن خارج نشود.

Mathais Sterner
Mathais Sterner
این وب‌سایت به جای استفاده از شاخ و برگ‌های تو در تو، پیام خود را به صورت مستقیم و واضح بیان می‌کند. صفحه اصلی این وب‌سایت از سه بخش متنی اصلی و مقدار زیادی از فضاهای خالی جهت خوانایی بهتر آن‌ها تشکیل شده است.

Dog Studio
Dog Studio
این وب‌سایت نیز یکی دیگر از نمونه‌های آژانس‌های دیجیتالی است که صفحه خانگی خود را به سادگی و با بهره‌گیری از تکنیک فضاهای خالی طراحی کرده است. استفاده از فضاهای خالی در این وب‌سایت باعث شده است که کاربران در میان انبوهی از اطلاعات بدون نگرانی و آشفتگی به گشت‌و‌گذار بپردازند.

Thierry Ambraisse
Thierry Ambraisse
تیری آمبرس عکاسی است که به خوبی با راه‌های تحت تاثیر قرار دادن شما آشنایی دارد. هنگام ورود به این‌وبسایت با یکی از آثار این هنرمند مواجه خواهید شد. در صفحه خانگی این پروژه نیز به جز چند عنصر کوچک، از چیز دیگری استفاده نشده است.

While We’re Young
While We’re Young
این وب‌سایت نیز به صورتی دوست‌داشتنی به معرفی فیلمی که در آینده اکران خواهد شد می‌پردازد. عنوان صفحه اصلی این وب‌سایت به معرفی بازیگران این فیلم می‌پردازد. به لطف تکنیک استفاده از فضاهای خالی با وجود سایز بزرگ این بخش، هیچ‌گونه آشفتگی در آن به چشم نمی‌خورد.

Spring Polar
Spring Polar
در این برنامه کاربردی نیز ما با یک صفحه هدف کوتاه سر و کار داریم که در طراحی آن از عناصر کمی استفاده شده است. با وجود اندازه و جایگاه متفاوت عناصر این صفحه، فضاهای خالی نقشی اساسی در خوانا بودن مطالب آن دارد.

Blossom Type
Blossom Type
این پروژه نیز وب‌سایت جالبی است که در طراحی صفحه هدف خود تنها به یک لوگو بزرگ و چند لینک کوچک اکتفا کرده است.

Quentin Morisseau
Quentin Morisseau
طراحی مینیمالیستی این وب‌سایت نمونه بسیار خوبی از تکنیک فضاهای خالی است. با توجه به کاربرد این وب‌سایت، انتظار می‌رود که پروژه‌های مختلف بر روی یکدیگر انباشته شوند اما در عوض استفاده از تکنیک فضاهای خالی، تجربه و محیط کاملا متفاوتی با انتظار ما را فراهم کرده است.

Stupid Studio
Stupid Studio
از این پروژه می‌توان به عنوان یکی از موفق‌ترین نمونه‌های موجود در این لیست نام برد. استفاده فوق‌العاده مناسب و خلاقانه از تکنیک فضاهای خالی، باعث سهولت در درک بصری این وب‌سایت شده است. توجه کنید که بخش‌های مختلف چگونه با فاصله‌های مناسبی از یکدیگر قرار گرفته‌اند.

Urban Walks
Urban Walks
هرچند که در طراحی این وب‌سایت از عناصر طراحی متعددی استفاده شده است، اما استفاده از یک گوشی آیفون در میان صفحه تجربه پیمایش آن را بسیار لذت‌بخش‌تر کرده است. همچنین استفاده از این گوشی آیفون باعث ایجاد فاصله بین عناصر اطراف آن شده و به نحوی نقش فضاهای خالی را ایفا می‌کند.

Fiber Sensing
Fiber Sensing
این وب‌سایت فوق‌العاده حیرت‌آور، از همان ابتدا توجه شما را به خود جلب خواهد کرد. به سادگی می‌توان نتیجه گرفت که وجود هرگونه عنصر اضافی دیگری به زیبایی این صفحه لطمه خواهد زد. زیرا وجود آشفتگی در چنین وب‌سایت‌هایی بسیار غیرقابل تحمل و وحشتناک خواهد بود.

Alexander Engzell
Alexander-Engzell
در هنگام ورود به این وب‌سایت، توسط یکی از نمونه کار‌های مدیری خلاق به نام الکساندر انگزلا با یک تایپوگرافی بی‌نظیر از شما استقبال خواهد شد. شاید به نظر برسد که چنین صفحه‌ای اطلاعات مورد نیاز مخاطبان را فراهم نخواهد کرد، اما پس از گذر از این بخش و در ادامه تمامی اطلاعات مورد نیاز به شما نمایش داده خواهد شد. در چنین مواردی استفاده از فضای خالی راهی هوشمندانه برای تحت تاثیر قرار دادن بازدیدکنندگان است.

نتیجه‌گیری:
تکنیک استفاده از فضاهای خالی به این زودی‌ها به دست فراموشی سپرده نخواهد شد. شما می‌توانید با استفاده از این تکنیک به یک طراحی زیبا با قابلیت انتقال قدرتمند پیام‌تان دست پیدا کنید. وب‌سایت‌هایی که در این مطلب معرفی کردیم، به روش‌های مختلفی استفاده از این تکنیک را در اولویت طراحی خود قرار داده بودند. شما چگونه از این تکنیک بهره خواهید گرفت؟

سعید مداحی

من سعید مداحی، موسس وب سایت پویا نت و مدیر عامل شرکت پویا وب، به همراه تیم دبیر خانه پویا نت روزانه مقاله هایی در زمینه بازاریابی اینترنتی و افزایش فروش از طریق اینترنت، طراحی وب سایت و سئو در این وب سایت قرار میدهیم. امیدواریم که مفید واقع شود.