طراحی سایت

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

خوشبختانه امروزه ابزارها، نرم افزار ها و قابل انعطاف افزارهای زیادی (مانند: Google Fonts، Font Awesome،Adobe Typeface، Apple Typeface و...) در چنگ طراحان تارنما قرار گرفته که موجب گردیده قواعد تایپوگرافی هر چه عالی در تارنما های اینترنتی طراحی گردیده و جذابیت بصری آنان برای یوزرها بیشتر گردد.

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

· تایپ صورت (typefaces)

· سریف و سانزسریف (serif and sans serif)

· مسافت ها

· جهت ها

· کنتراست (ناهم خوانی)

· رنگ ها

در‌پی هر کدام از این مفاد را به توجه نظارت و به کاربردهای آن ها در دنیای اینترنت میپردازیم:

- تایپ صورت (typefaces) :
تایپ رخ دسته ای از یک یا این که چندین نوع فونت میباشد که صورت ظاهری کارکترهای الفبای آیتم به کارگیری را تشکیل میدهند. در واقعیت انتخاب نوع فونت بکار رفته در متن های یک وبسایت درین گروه قرار می‌گیرد و یکی‌از مهم‌ترین اصول تایپوگرافی به‌حساب می‌آید. تا حدی که اکثری از کارشناسان و متخصصین بهینه سازی وبسایت (که عبارتست از سئو سایت های اینترنتی جهت چشم شدن هر چه خوب در موتورهای کاوش مانند گوگل و یا این که بینگ) هم عنایت این زمینه را گوشزد می نمایند.

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

سریف و سانس سریف (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) :
تایپ رخ دسته ای از یک یا این که چندین نوع فونت میباشد که صورت ظاهری کارکترهای الفبای آیتم به کارگیری را تشکیل میدهند. در واقعیت انتخاب نوع فونت بکار رفته در متن های یک وبسایت درین گروه قرار می‌گیرد و یکی‌از مهم‌ترین اصول تایپوگرافی به‌حساب می‌آید. تا حدی که اکثری از کارشناسان و متخصصین بهینه سازی وبسایت (که عبارتست از سئو سایت های اینترنتی جهت چشم شدن هر چه خوب در موتورهای کاوش مانند گوگل و یا این که بینگ) هم عنایت این زمینه را گوشزد می نمایند.

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

سریف و سانس سریف (serif and sans serif) :
نوع مداد ها در تایپوگرافی به دو مجموعه تقسیم میگردند:

· سریف (حروفی که انتهای آن ها دارنده کشیدگی میباشد)

· سانس سریف (حروفی که کتابت آن‌ها بی آلایش خیس میباشد و انتهای آنان فارغ از کشیدگی میباشد)

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

در تگ های Html با به کارگیری از تگ font-family نوع فونت را می قدرت انتخاب کرد.

- مسافت ها:
یکی نکات اصلی دیگر در تایپوگرافی یک سایت مسافت ها میباشد. فواصل فی مابین کلمه ها و حتی حروف یک کلمه و واژه مداقه متعددی دارا‌هستند و در دستورها Html با یاری تگ هایی مانند line height، word-spacing و letter-spacing می اقتدار این فواصل را تهیه کرد.

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

جهت ها:
در اوامر گویش Html با به کار گیری از تگ هایی مانند text align، margin و padding براحتی می قدرت لغت ها، جملا‌ت و تیترها را جابجا کرد و در سمت راست، اواسط و یا این که چپ متن قرار بخشید. این نکته به خصوص جهت قرار دادن بعضی از متون در میانه یک خط عنایت متعددی دارااست.

کنتراست (مغایرت) :
یکی زیباترین قسمت های تایپوگرافی سایت های اینترنتی، ساخت و ساز تضادومغایرت (contrast) رنگ فونت ها و همینطور پیش مسئله میباشد. فکر کنید که عکسی در متن گذارده می‌گردد و یا این که تیتری که دربرگیرنده یک‌سری کلمه و واژه میباشد در بالای متن قرار داده میگردد که نصفه سمت راست آن دارنده حروف قرمز با رنگ پیش مورد آبی‌رنگ باشد و نصفه سمت چپ برعکس حروف آبی‌رنگ و رنگ پیش قضیه قرمز رنگ.

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