فایده فضای خالی در طراحی سایت
فایده فضای خالی در طراحی سایت این وسوسه انگیز است که فکر کنیم هر اینچ از فضا در یک سایت یک املاک و مستغلات ارزشمند است. و هنگامی که چنین احساسی دارید، ممکن است تمایل داشته باشید که تا حد امکان اطلاعات بیشتری را در هر صفحه جمع آوری کنید. با این حال، فضای خالی می تواند به اندازه متن روی یک صفحه ارزشمند باشد.
اصول طراحی وب سایت برای افراد غیر طراح
فضای سفید که گاهی اوقات فضای منفی نیز نامیده می شود، به قسمت های خالی اشاره دارد که متن، تصاویر، عناوین و سایر عناصر سایت را محدود می کند. و این فضای ظاهراً تلف شده برای فایده فضای خالی در طراحی سایت بسیار مهم است. بنابراین، چرا تکه های خالی یک بوم صفحه سایت بسیار مهم هستند؟ در اینجا نحوه استفاده صحیح از فضای خالی می تواند به طور قابل توجهی یک سایت را بهبود بخشد.
فهرست مطالب
- خوانایی بهبود یافته
- تعادل ایجاد می کند
- جریان محتوا را ایجاد می کند
- عناصر قاب
- Skim-Reading را می دهد
- از اضافه بار اطلاعات جلوگیری می کند
- لحن برند را تعریف می کند
- جلب توجه می کند
نتیجه
خوانایی بهبود یافته
فایده فضای خالی در طراحی سایت خیلی کم باعث می شود متن متراکم و خواندنی چالش برانگیز به نظر برسد. بنابراین، بهترین کار این است که متن را به بخش های خواناتر تقسیم کنید که با فضاهای خالی از هم جدا شده اند. این جداسازی را میتوان با فاصله بین پاراگرافها، بخشهای جداگانه با عنوانهای فرعی و فهرستهای نقطهای به دست آورد. همچنین توصیه می شود فونتی را انتخاب کنید که بین حروف فاصله داشته باشد.
تعادل ایجاد می کند
یک صفحه سایت با طراحی خوب از نظر بصری جذاب خواهد بود. بنابراین، عناصر در یک صفحه باید متناسب با یکدیگر باشند. برای مثال فرض کنید در یک صفحه یک ردیف از کادرهای فراخوانی دارید. در این صورت، اگر همه جعبههای آن ردیف به یک اندازه باشند، مرتبتر به نظر میرسد.
با این حال، همیشه نمی توان عناصر را به یک اندازه ساخت. برای مثال، طول توضیحات زیر کادرهای فوق الذکر ممکن است متفاوت باشد. اما میتوانید از فضای خالی برای جدا کردن ردیف کادرها استفاده کنید تا مطمئن شوید که محتوای زیر به صورت افقی شروع میشود. بنابراین، فضای خالی می تواند برای ایجاد تعادل در یک صفحه سایت ضروری باشد.
جریان محتوا را ایجاد می کند
همچنین میتوان ازفایده فضای خالی ظراحی سایت برای هدایت خواننده به قسمت بعدی محتوای مرتبط استفاده کرد. و این فضای خالی طراحی سایت است که محتوای مرتبط را با هم گروه بندی می کند. برای مثال فاصله بین پاراگراف ها به خواننده می گوید که ابتدا این را بخواند و سپس آن را بخواند. و گروههایی از پاراگرافهایی که با فضای خالی از هم جدا شدهاند، بخشهایی از محتوای مرتبط را نشان میدهند.
محتوایی که با فضای خالی از هم جدا نشده است به دیوار متنی تبدیل می شود که خواندن آن دشوار است. و اگر به نظر می رسد که دنبال کردن محتوا دشوار است، بسیاری از مردم حتی سعی نمی کنند کلمات را بخوانند.
عناصر قاب
وقتی به یک عکس آویزان شده روی دیوار نگاه می کنید، اغلب این قاب است که ابتدا توجه شما را به خود جلب می کند. در واقع، این قاب است که نشان می دهد چیزی وجود دارد که ارزش دیدن در آن مرز را دارد. و قاب بندی یک عنصر در سایت با فضای خالی نیز همین تأثیر را دارد.
فریم های فضای خالی نیز اشیا را از یکدیگر جدا می کنند. فرض کنید می خواهید یک تصویر را بدون حاشیه فضای خالی به یک بلوک متن اضافه کنید. در آن صورت، حروف پایانی کلمات در کنار تصویر جمع میشوند و تصویر برجسته نمیشود. بنابراین، خواندن متن دشوار خواهد بود. تصاویر بدون حاشیه نیز می توانند صفحه سایت را نامرتب و غیرحرفه ای نشان دهند.
Skim-Reading را می دهد
اکثر بازدیدکنندگان سایت به ندرت کل صفحات محتوا را می خوانند. درعوض، مردم تمایل دارند محتوا را مرور کنند و به دنبال آنچه نیاز دارند بگردند. و اگر نتوانند اطلاعات مورد نظر خود را پیدا کنند، از سایت خارج می شوند و به دنبال جایگزین می گردند.
استفاده از فایده فضای خالی در طراحی سایت برای تجزیه محتوا، خواندن کوتاه را ممکن می کند. و البته سرفصل ها و زیرعنوان ها نیز در این زمینه کمک خواهند کرد. فضای خالی همچنین به افراد امکان می دهد متن را بهتر درک کنند. مطالعات نشان داده است که استفاده از فضای خالی بین پاراگراف ها و اطراف حاشیه ها درک مطلب را 20 درصد افزایش می دهد.
از اضافه بار اطلاعات جلوگیری می کند
تنها اطلاعات بسیار زیادی وجود دارد که یک فرد می تواند در آن واحد دریافت کند. به عنوان مثال، فرض کنید شخصی بیست واقعیت را با سرعت و بدون مکث صحبت می کند. در آن صورت، احتمالاً چند مورد از این حقایق را در نظر خواهید گرفت. با این حال، اگر آن شخص به آرامی صحبت کند و بین نکات مکث کند، احتمالا اطلاعات بیشتری را حفظ خواهید کرد.
همین امر در مورد محتوای سایت نیز صادق است. شما باید به خواننده فرصت دهید تا مکث کند و مطالبی را که خوانده است دریافت کند. و این فایده فضای خالی در طراحی سایت بین پاراگراف ها و سایر عناصرسایت است که مکث لازم را ایجاد می کند.
لحن برند را تعریف می کند
البته درجات مختلفی از فضای خالی وجود دارد. نواحی بزرگتر فضای خالی را معمولاً فضای سفید ماکرو و مناطق کوچکتر را فضای سفید میکرو می نامند. و از این اندازه های مختلف فضا می توان برای کمک به تعریف لحن یک برند استفاده کرد.
سایتهای خبری معمولاً از فضای خالی بین مقالات استفاده میکنند. این استفاده از فضاهای خالی کوچک منطقی است زیرا هدف اولیه یک سایت خبری انتشار اطلاعات است. بنابراین، این یکی از مواردی است که محتوای نسبتاً متراکم مناسب است.
با این حال، اگر از یک سایت برند طراح بازدید کنید، چیز متفاوتی خواهید دید. برندهای انحصاری و با ارزش بالا تمایل دارند محتوا را با فضای خالی کلان تجزیه کنند. در این حالت از فضا برای برجسته کردن منحصر به فرد بودن و منحصر به فرد بودن یک محصول استفاده می شود.
همچنین میتوان از فضای سفید ماکرو برای استنتاج سادگی یا وضوح استفاده کرد. و هیچ نمونه ای بهتر از یک صفحه سایت ساده با فضای خالی زیاد از صفحه جستجوی گوگل وجود ندارد.
جلب توجه می کند
برخی از جنبه های بیشتر صفحات سایت وجود دارد که می خواهید توجه کاربر را به آنها جلب کنید. و رایج ترین این عناصر حیاتی فراخوانی برای اقدام (CTA) هستند. مثلاً فرض کنید یک CTA را در میان یک صفحه درهم از متن و تصاویر دفن کنید. در این صورت، هر احتمالی وجود دارد که کاربران هرگز CTA را نبینند. با این حال، احاطه کردن دعوت به اقدام با فضای خالی بلافاصله توجه مردم را به خود جلب می کند.
همچنین ممکن است بخواهید از فضای خالی برای برجسته کردن اطلاعات مهم استفاده کنید. به عنوان مثال، اگر یک محصول در قالب نقطه گلوله فهرست شده باشد و با فضای منفی احاطه شده باشد، مزایای یک محصول بیشتر برجسته می شود. توصیهها همچنین اگر با فونت بزرگتر در محدودهای از فضای خالی برجسته شوند، بیشتر برجسته میشوند.
نتیجه
می توانید تمام نکات بالا را با گفتن اینکه فضای خالی تجربه کاربر را بهبود می بخشد، خلاصه کنید. فضای سفید یا فضای منفی، خواندن متن را آسانتر میکند و جریان و تعادل را در صفحه سایت ایجاد میکند. و فضای خالی توجه افراد را به عناصر مهمی مانند فراخوان برای اقدام جلب می کند. بنابراین، فضای خالی چیزی جز هدر دادن فضا است.
پست های مرتبط:
10 اصل اساسی طراحی سایت خوب
10 نکته تایپوگرافی برای طراحی سایت
10 اشتباه رایج در طراحی سایت که کسب و کارهای کوچک مرتکب می شوند