3 نکته برای جلوگیری از وب تایپوگرافی اشتباه

گردآوری و تالیف : ارسطو عباسی
تاریخ انتشار : 25 فروردین 1397
دسته بندی ها : تجربه کاربری , رابط کاربری

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

تایپوگرافی

۱. لطفا دسترسی‌پذیری را در نظر بگیرید

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

برای رسیدن به سطح WCAG 2.0 که یک سطح استاندارد و مورد تایید W3C است، نیاز است که کنتراست را برای متن‌های معمولی به 4.5:1 و برای متن‌های بزرگ به 3:1 برسانید. 

این را نیز در نظر بگیرید که متن‌هایی با کنتراست بالا نیز می‌توانند قابلیت خوانایی خوبی را ارائه ندهند و خواندن را مشکل کنند. برای مثال استفاده از متن روشن در مقابل پس زمینه تاریک.

۲. کاهش حواس‌پرتی‌ها

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

استفاده از دو یا سه فونت روی وبسایت تا حدی قابل قبول است اما استفاده کردن از تعداد بیشتر باعث می‌شود که وبسایت‌تان ناخوانا و بی‌نظم باشد.

۳. طول خط‌ها را بهینه کنید

میانگین طول خطوط در وبسایت‌ها معمولا به صورت بهینه بین ۸ تا ۱۲ کلمه در هر خط است. این میزان به صورت کلمه‌ای نیز معادل با ۵۰ الی ۶۰ کلمه در هر خط است. این کار باعث می‌شود که کاربران به صورت مداوم از ابتدای خط به انتها پرش نکنند و همچنین با علاقه و اشتیاق خواندن را ادامه دهند. 

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

در پایان

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

منبع

برچسب : ,

مقالات پیشنهادی

تایپوگرافی وبسایت های فارسی

در پست 25 وبسایت با تایپوگرافی های زیبا تعدادی از دوستان درمورد تایپوگرافی در ایران سوال کردن و از من خواستن کمی در موردش توضیح بدم و مثال های بزنم ....

۱۰ اشتباه که وبسایت شما را حرفه‌ای نشان نمی‌دهد

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

25 وبسایت با تایپوگرافی های زیبا

فونت های وب به طراحان گزینه های بیشتری برای ساخت تایپوگرافی های مختلف داده . از این رو در این پست من 25 نمونه از وبسایت های که به نحوه احسنت از فونت ه...

13 نکته و تکنیک سریع برای طراحی واکنشگرا در سال 2018

طراحی واکنشگرا را امروزه می‌توانید همه جا مشاهده کنید. دلیل آن هم بسیار ساده‌ است. تعداد بسیار زیادی از مردم امروزی از دستگاه‌هایی با اندازه کوچک‌تر ا...

دیدگاه های ارزشمند شما

برای ارسال نظر لازم است ابتدا وارد سایت شوید
هیچ دیدگاهی تا به این لحظه برای این موضوع ثبت نشده است