۱۰ نکته ی مفید برای بهبود تایپوگرافی وبسایتتان

نویسنده: بابک حبیبی
تاریخ: ۱۳۹۱ - ۰۴ - ۲۸
دسته بندی: CSS طراحی سایت

اگر بخواهیم توضیح مختصری در مورد تایپوگرافی بدهیم به این صورت می شود : تایپوگرافی در طراحی وب به زبان ساده کار با حروف و کلمه ها است بطوری که ماهیت و معنی های خود را از دست ندهند و خوانا بمانند که معمولا مدیران سایت ها از تایپوگرافی غافل می شوند و باعث می شوند هم به طراحی سایت و هم خوانا بودن سایت صدمه بزنند.در زیر ۱۰ نکته ی مفید برای بهبود تایپوگرافی در سایت رو توضیح داده ایم.

تایپوگرافی

Typography

۱  – ارتفاع خط مناسب

باید همیشه مراقب باشید که خط ها و سایز فونت ها با هم تداخل پیدا نکنند ، برای این کار یک راه حل ساده استفاده می کنیم به این صورت که سایز فونت شما هر چقدر بود ۷px بهش اضافه می کنید و آن را Line-Height قرار می دهید.

بطور مثال:


body{
 font-size:14px;
 line-height:21px; /* 14px + 7px */
}

۲ – حاشیه ی عنوان ها را درست انتخاب کنید

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

برای اینکه وبسایتتان خوانا و حرفه ای باشد شما نباید بیشتر از ۳ فونت در سایتتان استفاده کنید.هر چقدر تعداد فونت های کمتر باشد سایت شما خواناتر می شود برای کاربر.بطور مثال می توانید از یک فونت برای heading ها و یک فونت برای متن محتوا و یک فونت برای لوگو استفاده کنید.
۴ – از فونت های تک فاصله ای برای قطعه کد ها استفاده کنید

فونت تک فاصله ای چیست ؟ به فونتی گفته می شود که فضای افقی اشغال شده ی لغات و کاراکتر های آن یکی باشد.بهترین فونت برای استفاده در قطعه کد ها در حال حاضر Courier هست ولی شما می توانید از اینجا فونت های دیگری را نیز مشاهده کنید.
۵ – به کنتراست اهمیت دهید

حتا اگر سایت شما تایپوگرافی بسیار خوبی هم داشته باشد باز باید به کنتراست اهمیت دهید. بطور مثال اگر رنگ پشت زمینه ی ویساتتان خاکستری (#۹۹۹۹۹۹) می باشد پس از رنگ خاکستری تیره (#۳۳۳۳۳۳) برای متن استفاده نکنید زیرا قابلیت خواندن آن خیلی سخت می شود مخصوصا برای آن هایی که مسن هستند و یا مشکل بیناییدارند.پس از رنگ روشن برای پس زمینه و رنگ تیره برای متن استفاده کنید.

typography website

نمونه ی یک وب سایت با رعایت تایپوگرافی و خلاقانه

۶ – Underline را برای لینک فقط استفاده کنید

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

بهتره برای صفحات خاص استایل های خاص درست کنید مثلا برای صفحه ی ۴۰۴ یا صفحه های مشابه استایل های بخصوص درست کنید.
۸ – برای عناوین و متن هایتان مقدمه چینی بزارید

برای اینکه به خوانا بودن وبسایتتان کمک کنید می توانید مقدمه ای از مطلب خود را بیان کنید که کاربر راحت تر بتواند به مطلب مورد نظر خود در سایتتان برسد.
۹ – از فضای خالی نترسید

فضای خالی فضای غیر قابل استفاده نیست بلکه می تواند به خوانا بودن و مرتب و ساده بودن سایت شما کمک کند خیلی ها سایت Apple.Com را به همین دلیل دوست دارند.
۱۰ – از علائم درست استفاده کنید

از علائم نگارشی بدرستی استفاده کنید مثلا برای زیبایی وب سایتتان برای نقل قول کردن می توانید از “Hello„ (یا همون نقل قول در وردپرس) بجای “Hello” استفاده کنید.

منبع

برچسب: - - - - - -

درباره ی

بابک حبیبی،دانشجوی لیسانس نرم افزار،برنامه نویس پی اچ پی،طراح وب،یه سری تخصص هم در شبکه و مباحث امنیتی دارم.

۲ نظر به “۱۰ نکته ی مفید برای بهبود تایپوگرافی وبسایتتان” ثبت شده است

  1. حسین گفت:

    کلا خوب بود. مرسی