تایپوگرافی در طراحی وب کاربردهای متعددی داراست. تایپوگرافی (Typography) نوعی هنر و دسته تکنیک هایی میباشد که جهت خوانا طراحی سایت در مشهد و زیباتر شدن نوشته ها و متن های سایت های اینترنتی بکار می رود. تایپوگرافی به ما یاری می نماید که وب سایت هایی خوشگل و جالب داشته باشیم که یوزرها هنگام بازدید از سایت و قرائت متن‌ها و نوشته ها، تشویق به ادامه قرائت آنان شوند و مطالب به طور کامل خوانا و قشنگ بنظر بیایند.
خوشبختانه امروزه ابزارها، نرم افزار ها و قابل انعطاف افزارهای زیادی (مانند: Google Fonts، Font Awesome،Adobe Typeface، Apple Typeface و...) در دست طراحان وب سایت قرار گرفته که موجب گردیده قواعد تایپوگرافی هر چه خوب در وب سایت های اینترنتی طراحی گردیده و جذابیت بصری آنان برای یوزرها بیشتر گردد.
تایپوگرافی چیست؟
همان طور که اشاره کردیم تایپوگرافی در واقع مرتبط با ظواهر نوشته ها میباشد. چه آن نوشته در وبسایت باشد و چه در خبر نامه، خبرنامه، کتاب و ... در واقع کاربرد هنر تایپوگرافی امروزه بسیار کلان میباشد البته یکی‌از مهم ترین کاربردهای این هنر در طراحی وب ها است. تکنیک های تایپوگرافی مشتمل بر مفاد متعددی میشوند به عنوان مثال:
· تایپ صورت (typefaces)
· سریف و سانزسریف (serif and sans serif)
· مسافت ها
· جهت ها
· کنتراست (تضاد و مغایرت)
· رنگ ها
به‌دنبال هرکدام از این مورد ها را به توجه رسیدگی و به کاربردهای آن ها در دنیای اینترنت می‌پردازیم:
- تایپ صورت (typefaces) :
تایپ صورت تیم ای از یک یا این که یکسری نوع فونت میباشد که صورت ظاهری کارکترهای الفبای گزینه به کار گیری را تشکیل می‌دهند. در واقعیت انتخاب نوع فونت بکار رفته در متن های یک تارنما در‌این تیم قرار میگیرد و یک کدام از مهم‌ترین اصول تایپوگرافی به‌حساب می‌آید. تا حدی که بخش اعظمی از کارشناسان و متخصصین بهینه سازی وب سایت (که عبارتست از seo وبسایت های اینترنتی جهت چشم شدن هر چه خوب در موتورهای کاوش مانند گوگل و یا این که بینگ) هم التفات این مورد را گوشزد می نمایند.
این قضیه برای ساخت سایت در دنیای امروز عنایت متعددی دارااست و به همین جهت تا به امروز تعداد متعددی از اشکال فونت ها جهت به کار گیری در اینترنت پیاده سازی و عرضه گردیده‌است. با یاری این فونت ها می اقتدار متن‌ها را به زیبایی هر چه بیشتر در سایتها نوشت و جذابیت تارنما را برای یوزرها دوچندان کرد.
- سریف و سانس سریف (serif and sans serif) :
نوع خودکار ها در تایپوگرافی به دو مجموعه تقسیم می گردند:
· سریف (حروفی که انتهای آن ها دارنده کشیدگی میباشد)
· سانس سریف (حروفی که کتابت آن‌ها معمولی خیس میباشد و انتهای آن ها سوای کشیدگی میباشد)
هیچ قاعده و ضابطه کلی جهت اینکه می بایست در کجا از فونت های سریف و کجا سانس سریف بهره برد، نیست. ولی معمولا از متن های سریف در بعضی از تیترهای اساسی و یا این که نوشته های نسبتا وقت گیر و متن نشریات استعمال میگردد و از سانس سریف بیشتر در متن های اینترنتی و کامپیوتری کوتاه و یا این که میانگین اکثر وقت ها به کارگیری می گردد.
در تگ های Html با به کار گیری از تگ font-family نوع فونت را می قدرت انتخاب کرد.
- مسافت ها:
یکی‌از نکات اصلی دیگر در تایپوگرافی یک تارنما مسافت ها میباشد. فواصل در میان لغت ها و حتی حروف یک کلمه و واژه التفات متعددی دارا‌هستند و در دستورها Html با یاری تگ هایی مانند line height، word-spacing و letter-spacing می اقتدار این فواصل را تهیه کرد.
این مسافت ها گاهی اثر متعددی در جذابیت بصری متن‌ها از نگاه یوزرها وبسایت ها دارا هستند و در شکل تهیه و تنظیم صحیح می‌توانند به زیبایی هر چه بیشتر وبسایت ها امداد متعددی نمایند.
- جهت ها:
در اوامر لهجه Html با به کارگیری از تگ هایی مانند text align، margin و padding براحتی می اقتدار عبارات، جملا‌ت و تیترها را جابجا کرد و در سمت راست، میانه و یا این که چپ متن قرار بخشید. این نکته به خصوص جهت قرار دادن برخی از متون در اواسط یک خط مداقه متعددی دارااست.
- کنتراست (تضادومغایرت) :
یکی‌از زیباترین قسمت های تایپوگرافی سایت های اینترنتی، ساخت مغایرت (contrast) رنگ فونت ها و همینطور پیش قضیه میباشد. فکر کنید که عکسی در متن گذارده میگردد و یا این که تیتری که دربرگیرنده یکسری واژه میباشد در بالای متن قرار داده میشود که نصفه سمت راست آن دارنده حروف قرمز با رنگ پیش مورد آبی‌رنگ باشد و نصفه سمت چپ برعکس حروف آبی‌رنگ و رنگ پیش مورد قرمز‌رنگ.
به‌این تکنیک ناهمخوانی یا این که کنتراست گفته میشود که در شکل به کار گیری بجا در وبسایت ها میتواند به ارتقا جذابیت بصری یک تارنما یاری دهد. این تکنیک آنقدر میتواند موثر باشد که در اکثری از وب سایت های آموزشی، خبری، خدماتی و حتی هنگام پیاده سازی یک سایت فروشگاهی میتواند گزینه به کارگیری قرار گیرد.
تایپوگرافی در طراحی وب کاربردهای متعددی داراست. تایپوگرافی (Typography) نوعی هنر و دسته تکنیک هایی میباشد که جهت خوانا طراحی سایت در مشهد و زیباتر شدن نوشته ها و متن های سایت های اینترنتی بکار می رود. تایپوگرافی به ما یاری می نماید که وب سایت هایی خوشگل و جالب داشته باشیم که یوزرها هنگام بازدید از سایت و قرائت متن‌ها و نوشته ها، تشویق به ادامه قرائت آنان شوند و مطالب به طور کامل خوانا و قشنگ بنظر بیایند.
خوشبختانه امروزه ابزارها، نرم افزار ها و قابل انعطاف افزارهای زیادی (مانند: Google Fonts، Font Awesome،Adobe Typeface، Apple Typeface و...) در دست طراحان وب سایت قرار گرفته که موجب گردیده قواعد تایپوگرافی هر چه خوب در وب سایت های اینترنتی طراحی گردیده و جذابیت بصری آنان برای یوزرها بیشتر گردد.
تایپوگرافی چیست؟
همان طور که اشاره کردیم تایپوگرافی در واقع مرتبط با ظواهر نوشته ها میباشد. چه آن نوشته در وبسایت باشد و چه در خبر نامه، خبرنامه، کتاب و ... در واقع کاربرد هنر تایپوگرافی امروزه بسیار کلان میباشد البته یکی‌از مهم ترین کاربردهای این هنر در طراحی وب ها است. تکنیک های تایپوگرافی مشتمل بر مفاد متعددی میشوند به عنوان مثال:
· تایپ صورت (typefaces)
· سریف و سانزسریف (serif and sans serif)
· مسافت ها
· جهت ها
· کنتراست (تضاد و مغایرت)
· رنگ ها
به‌دنبال هرکدام از این مورد ها را به توجه رسیدگی و به کاربردهای آن ها در دنیای اینترنت می‌پردازیم:
- تایپ صورت (typefaces) :
تایپ صورت تیم ای از یک یا این که یکسری نوع فونت میباشد که صورت ظاهری کارکترهای الفبای گزینه به کار گیری را تشکیل می‌دهند. در واقعیت انتخاب نوع فونت بکار رفته در متن های یک تارنما در‌این تیم قرار میگیرد و یک کدام از مهم‌ترین اصول تایپوگرافی به‌حساب می‌آید. تا حدی که بخش اعظمی از کارشناسان و متخصصین بهینه سازی وب سایت (که عبارتست از seo وبسایت های اینترنتی جهت چشم شدن هر چه خوب در موتورهای کاوش مانند گوگل و یا این که بینگ) هم التفات این مورد را گوشزد می نمایند.
این قضیه برای ساخت سایت در دنیای امروز عنایت متعددی دارااست و به همین جهت تا به امروز تعداد متعددی از اشکال فونت ها جهت به کار گیری در اینترنت پیاده سازی و عرضه گردیده‌است. با یاری این فونت ها می اقتدار متن‌ها را به زیبایی هر چه بیشتر در سایتها نوشت و جذابیت تارنما را برای یوزرها دوچندان کرد.
- سریف و سانس سریف (serif and sans serif) :
نوع خودکار ها در تایپوگرافی به دو مجموعه تقسیم می گردند:
· سریف (حروفی که انتهای آن ها دارنده کشیدگی میباشد)
· سانس سریف (حروفی که کتابت آن‌ها معمولی خیس میباشد و انتهای آن ها سوای کشیدگی میباشد)
هیچ قاعده و ضابطه کلی جهت اینکه می بایست در کجا از فونت های سریف و کجا سانس سریف بهره برد، نیست. ولی معمولا از متن های سریف در بعضی از تیترهای اساسی و یا این که نوشته های نسبتا وقت گیر و متن نشریات استعمال میگردد و از سانس سریف بیشتر در متن های اینترنتی و کامپیوتری کوتاه و یا این که میانگین اکثر وقت ها به کارگیری می گردد.
در تگ های Html با به کار گیری از تگ font-family نوع فونت را می قدرت انتخاب کرد.
- مسافت ها:
یکی‌از نکات اصلی دیگر در تایپوگرافی یک تارنما مسافت ها میباشد. فواصل در میان لغت ها و حتی حروف یک کلمه و واژه التفات متعددی دارا‌هستند و در دستورها Html با یاری تگ هایی مانند line height، word-spacing و letter-spacing می اقتدار این فواصل را تهیه کرد.
این مسافت ها گاهی اثر متعددی در جذابیت بصری متن‌ها از نگاه یوزرها وبسایت ها دارا هستند و در شکل تهیه و تنظیم صحیح می‌توانند به زیبایی هر چه بیشتر وبسایت ها امداد متعددی نمایند.
- جهت ها:
در اوامر لهجه Html با به کارگیری از تگ هایی مانند text align، margin و padding براحتی می اقتدار عبارات، جملا‌ت و تیترها را جابجا کرد و در سمت راست، میانه و یا این که چپ متن قرار بخشید. این نکته به خصوص جهت قرار دادن برخی از متون در اواسط یک خط مداقه متعددی دارااست.
- کنتراست (تضادومغایرت) :
یکی‌از زیباترین قسمت های تایپوگرافی سایت های اینترنتی، ساخت مغایرت (contrast) رنگ فونت ها و همینطور پیش قضیه میباشد. فکر کنید که عکسی در متن گذارده میگردد و یا این که تیتری که دربرگیرنده یکسری واژه میباشد در بالای متن قرار داده میشود که نصفه سمت راست آن دارنده حروف قرمز با رنگ پیش مورد آبی‌رنگ باشد و نصفه سمت چپ برعکس حروف آبی‌رنگ و رنگ پیش مورد قرمز‌رنگ.
به‌این تکنیک ناهمخوانی یا این که کنتراست گفته میشود که در شکل به کار گیری بجا در وبسایت ها میتواند به ارتقا جذابیت بصری یک تارنما یاری دهد. این تکنیک آنقدر میتواند موثر باشد که در اکثری از وب سایت های آموزشی، خبری، خدماتی و حتی هنگام پیاده سازی یک سایت فروشگاهی میتواند گزینه به کارگیری قرار گیرد.
در طراحی فوتر سایت خود قرار دادن آیکون های شبکه های اجتماعی را فراموش نکنید