اهمیت فضای خالی در وب

نفسی تازه کنید

با استفاده از افکت‌هایی همچون خط زیر، کج کردن نوشته یا بولدکردن آن‌ها که در متون وب‌سایت خود می‌دهید، می‌توانید تاکید سایت را برخی از جاها زیاد و یا کم کنید، ولی یادتان باشد زیاده‌روی نکنید. برای اینکه توجه را به کل یک خط جلب کنید، می‌توانید از یک زمینه رنگی زیر آن استفاده کنید یا ‌آن را کلفت کنید که از گذاشتن زیرخط یا کج کردن نوشته ضرر کمتری دارد. کلفت کردن، کنتراست را بالا می‌برد و کنتراست بالا فقط وقتی جواب می‌دهد که کنتراست متضاد نیز وجود داشته باشد. زیاده‌روی در استفاده از فونت‌های کلفت نه‌تنها جلب توجه نمی‌کند، بلکه کاملا توجه را بر می‌گرداند و خوانایی را پایین می‌آورد.
کد خبر: ۳۰۰۲۵۹

اریب کردن فونت برای کلمات تاکیدی یا عبارات کوتاه موثر است. این شیوه نسبت به کلفت کردن نوشته، اثر تاکیدی کمتری دارد. برای وب‌سایت‌هایی که متون زیاد دارند نباید فونت را اریب کرد، زیرا در اندازه‌های کوچک با فونت serif اشتباه گرفته می‌شود و خوانایی را کم می‌کند. فونت‌های sans-serif که برای صفحه مفید هستند، می‌توانند خوانایی پایینی در شکل اریب خود، داشته باشند.

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

تنظیم

متن‌هایی که در سمت چپ نوشته می‌شوند برای خواندن آسان‌تر هستند. (البته قاعدتا برای ما فارسی زبان‌ها این مساله کمی نامانوس است که در وب چیزی را در سمت چپ یک وب‌سایت بخوانیم.)

تنها توجیه این مساله این است که این نوع متن‌ها برای خطوط متنی بالای 40 کاراکتر موثرتر عمل می‌کنند. خواندن متن‌هایی که روی صفحه قرار دارند، بسیار ساده‌تر از متن‌هایی است که در ستون‌های محدود قرار داده شده‌اند که البته توجیه آن سخت است!

کنتراست در متن

خیلی مهم است که بتوانید بین خود نوشته و زمینه آن، کنتراست مناسب ایجاد کنید. برای این‌کار شما می‌توانید از چند روش ساده استفاده کنید:

جایی که متن شما سیاه است، از زمینه سفید استفاده کنید یا ترکیب متن سیاه روی زمینه روشن‌تر را به‌کار ببرید. روش دیگر این‌ است که نوشته‌های سفید یا روشن‌ را روی زمینه سیاه یا خیلی تیره قرار دهید. این روش‌ها، ساده‌ترین روش‌ها هستند. می‌توانید انواع ترکیب‌ها را امتحان کنید تا به ترکیب مورد نظر خود برسید? فقط باید این شرط را در نظر داشته باشید که کنتراست مناسب را رعایت کنید.
 
حروف بزرگ

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

فضا‌سازی با متن

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

اندازه بلاک‌های متن

بلاک‌های متن نباید خیلی بزرگ یا خیلی عریض باشند.

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

به دلیل مشابه، خط‌های طولانی (پاراگراف‌های عریض)، عملیات خواندن را نسبت به انواع محدوتر خود، کندتر و سخت‌تر می‌کنند.

محمدحسین کردونی

newsQrCode
ارسال نظرات در انتظار بررسی: ۰ انتشار یافته: ۰

نیازمندی ها