تایپوگرافی وب، هنر چیدمان حروف و متن بصورت خوانا، واضح، و لذت بخش است.
اما تایپوگرافی وب با تایپوگرافی چاپ تفاوت دارد. در طراحی چاپی، متغیرهای کمی برای سروکله زدن با آن وجود دارد. طرح چاپی بوسیله کسی که از آن استفاده میکند (user) تغییر نمیکند، رنگ ها کاملا ثابت هستند، و حروف تغییر نمیکند. اما زمانی که تایپوگرافی وب روی صفحه نمایش کاربر قرار میگیرد، فاکتورهای خیلی زیادی را باید مد نظر داشت، مانند:
اندازه تصویر: پیش بینی آن غیر ممکن است. با اینکه طراحی ریسپانسیو سعی دارد خود را با آن تطبیق دهد اما بعضی وقتها واقعا نشدنی است.
رزولوشن تصویر: تراکم پیکسل نقش مهمی در خوانایی متن دارد. هرچند پیشرفتهای تکنولوژی باعث شده کاربران زیادی به تصاویر باکیفیت دسترسی داشته باشند، اما طراحان باید تکنولوژی قدیمی تر را مد نظر داشته باشند.
کالیبراسیون صفحه: سطح شفافیت تصویر نقش تعیین کننده ای در نمایش رنگ ها دارد. طراحان وب مجبور هستند رنگهایی انتخاب کنند که در کالیبراسیون های مختلف خیلی تغییر نکند.
طراحی وب با سرعت زیادی درحال تغییر است. خیلی وقت نیست از زمانی که تنها حق انتخاب چند فونت خاص را داشتیم نمیگذرد. اما امروزه در انتخاب فونت دستمان کاملا باز است. هرچند در تایپوگرافی وب، انتخاب فونت مناسب تازه شروع کار است.
در تایپوگرافی موارد بسیار زیادی را باید در نظر داشته باشید تا فونتی که انتخاب میکنید مناسب و خوانا باشد. در ادامه به چند مورد از آن اشاره میکنم:
1. تعداد فونت های استفاده شده در سایت زیاد نباشد. استفاده بیش از سه فونت باعث میشود سایت به هم ریخته بنظر برسد.
2. فونت های استاندارد استفاده کنید. کاربران با فونت های استاندارد آشنایی بیشتری دارند و میتوانند مطالب سایت شما را سریعتر بخوانند.
3. طول خطوط را محدود کنید. اینکار باعث خوانایی بیشتر میشود. اگر میخواهید تجربه خواندن سایت بهتر شود هر خط نباید بیش از 60 کاراکتر داشته باشد.
4. از حروفی استفاده کنید که در سایزهای مختلف به خوبی نمایش داده شود. وب سایت شما قرار است در صفحه نمایش با سایزهای مختلف دیده شود. لازم است برخی المان های سایت در سایزهای متفاوت نمایش داده شود مانند دکمه ها یا عناوین. مطمئن شوید فونتی که استفاده کرده اید در صفحه نمایش کوچک خوانا باشد.
5. فونتهایی استفاده کنید که حروف آن از هم متمایز باشند. بعضی فونتها ممکن است باعث شوند حروف از یکدیگر متمایز نباشند. مثل حرف "چ" و "ج"، "د" و "ر"، "فا" و "نا"، "نیم" و "لیم"، ...
6. ارتفاع خطوط نه خیلی زیاد باشد و نه خیلی کم. اینکار کمک به خوانایی متن میکند.
7. مطمئن شوید تضاد رنگی بین متن و پس زمینه وجود داشته باشد.
8. از نوشتن متن هایی با رنگ قرمز و سبز خودداری کنیم. زیرا کسانی که کوررنگی دارند (حدود 8% از انسان ها) نمیتوانند این رنگ ها را ببینند. برای مثال برای نشان دادن پیام خطا بجای اینکه بنویسیم "تمام فیلدهایی که به رنگ قرمز مشخص شده اند اجباری هستند" بنویسیم "تمام فیلدهایی که به رنگ قرمز و با * مشخص شده اند اجباری هستند".
9. از متنهای چشمک زن اجتناب کنید. زیرا متنهای چشمک زن میتواند در برخی افراد ایجاد تشنج کند. علاوه بر این، متن های چشمک زن درکل برای کاربران آزاردهنده است.
مطالعه بیشتر:
