خوشخوانی صفحات وب

امروزه فن نشر یکی از مفاهیم بسیار مهم طراحی وب مدرن است بویژه در سال‌های اخیر که تعداد افرادی که از ویژگی @font ـ face در CSS یا سرویس‌هایی مثل Typekit که آنها را قادر می‌سازد فونت دلخواه خودشان و نه فقط فونت‌های خاص و امن، برای وب‌سایت‌هایشان به‌کار ببرند، روز به روز افزایش می‌یابد.

البته اگر برخی راهنمایی‌های اولیه را دنبال نکنید، حتی زیباترین آرایش‌های صفحه نیز نمی‌توانند به شما کمکی کنند. سعی کنید اغلب از یک مقیاس فن نشر معتبر استفاده کنید. می‌توانید این مقیاس را خودتان به‌وجود بیاورید یا از مقیاس‌های موجود استفاده کنید. اگر با پیکسل‌ها کار می‌کنید، یک مورد ساده مثل 60، 48، 36، 24، 21، 18، 16، 14، 12 به‌سادگی به شما کمک می‌کنند تا بتوانید سلسه‌ مراتب محتوای متن خود را تعریف کنید. سعی کنید از اندازه‌های فونت خوانا و مشخص استفاده کنید.

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

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

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

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

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

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

البته که شما می‌توانید با کنتراست رنگ‌ها بازی کنید. اگر سایت‌تان دارای پس زمینه سفید است، برای جلب توجه به عناصر مهم‌تر می‌توانید آنها را پر رنگ‌تر و تیره‌تر ساخته و بقیه عناصر را روشن‌تر کنید تا عناصر مهم‌تر بیشتر به چشم بیایند. مطمئن شوید که بین کنتراست عناصر و رنگ پس‌زمینه و رنگ خطوط متن تعادل برقرار است. در این شرایط می‌توانید از ابزارهایی نظیر Colour Contrast Check (بررسی کنتراست رنگ) برای آزمایش کنتراست رنگ‌ها و بازی کردن با آنها استفاده کنید. همان‌طور که قبلا هم گفته شد، آدمی‌زاد متن را مو به مو نمی‌خواند، بلکه برای خواندن متن آن را با چشم پیمایش می‌کند؛ پس با کوتاه‌سازی نسخ متن و اختصار از کاربرد عوامل فرعی غیرضروری، خوانایی متن را بهبود بخشید. جدای از اینها شما در حال نوشتن یک رمان که نیستید، بلکه دارید مثلا یک مقاله ساده می‌نویسید. اغلب طراحان مدت‌هاست از ایده استفاده از بلوک‌های بزرگ متن که هیچ وقت هم تا پایان خوانده نمی‌شوند، کنار کشیده‌اند. متن خود را به پاراگراف‌های ساده و فهرست‌های جداگانه بشکنید. از نقاط جداکننده برای بهبود نسخه خود استفاده کرده و کلمات و جملات غیرضروری را از آن حذف کنید.

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

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

منبع: spyrestudios.com