تاثیر تایپوگرافی در طراحی سایت

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

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

در دانشنامه ویکی پدیا تایپوگرافی به این صورت تعریف شده است :

هنر و تکنیک چیدن حروف به منظور نشان دادن یک زبان.

تایپوگرافی شامل موارد زیر است :

Typefaces (سبک حروف) : معمولا با فونت اشتباه گرفته می شود. اما این دو با هم فرق دارند. فونت به یک عضو خاص از یک خانواده فونت باز می گردد، در صورتی که یک سبک حرف به شکل و سبک ظاهری یا بصری یک فونت اطلاق می شود. Typeface به دو دسته اصلی تقسیم می شود، Serif Font و Sans Serif Font.

Point size : واحد معمول برای اندازه گیری سایز فونت

Line length : طول یک خط از متن

Leading : مقدار فاصله بین خطوط متن

Tracking : تنظیم فاصله بین همه حروف به طور همزمان

Kerning : شامل کم کردن فضا و فاصله بین دو حرف در حالی که فاصله بین حروف باعث افزایش فواصل بین دو حرف شود می باشد.

توجه : به این نکته دقت کنید که محتوای سایت مهم ترین قسمت سایت است و تمرکز اصلی بازدیدکنندگان سایت روی تایپوگرافی آن است.

تفاوت Legibility و Readability

این دو اصطلاح خیلی با هم اشتباه گرفته می شوند.

Legible بودن یک متن یعنی هر کاراکتر متن از سایر کاراکتر ها مجزا باشد. اگر می خواهید مطمئن شوید که متنتان Legible است نکات زیر را در نظر بگیرید :

ترکیب صحیح حروف کوچک و بزرگ . کل حروف را بصورت بزرگ استفاده نکنید.
فونت ها را بشکل regular یا همان نرمالشان بکار ببرید و از حالت ایتالیک (italic) استفاده نکنید.

Readability یعنی اینکه متن به گونه ای باشد که خواننده بتواند به راحتی در قسمت های مختلف آن وارد شده و اطلاعات را مشاهده کند. اگر می خواهید مطمئن شوید که متنتان readable است نکات زیر را در نظر بگیرید :

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

خانواده فونت ها

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

Serif Fonts

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

Sans Serif Fonts

در ضمن، یک San Serif از یک serif استفاده نمی کند. این فونت ها اغلب در عناوین مجلات و در وب سایت ها استفاده می شوند چون روی صفحات نمایشگر راحت تر خوانده می شوند.