کلمه تایپوگرافی از دو کلمه تایپ و گرافی تشکیل شده است و به معنای مطالعه و شناسایی متن و نحوه نوشتار است. تایپوگرافی در اصل به شکل و فونت کلمات، فاصله آنها از همدیگر، رنگ و ... مربوط هست. تایپوگرافی از قدیم وجود داشته و در زمان های گذشته، در حوزه چاپ به شدت کاربرد داشت. این هنر در تمامی حوزه هایی که به نحوی با نوشته و نوشتار سر و کار دارند، کاربرد دارد و با رعایت اصول درست آن، می توان نتایج عالی را خلق کرد. در ادامه به بررسی تایپوگرافی در طراحی سایت می پردازیم و این هنر را در فضای وب مورد بررسی قرار می دهیم. همراهمان باشید.
تایپوگرافی چیست و شامل چه مواردی می شود؟
امروزه به دلیل گسترده شدن فضای دیجیتال، هنر تایپوگرافی به فضای وب هم نفوذ کرده و کاربرد های بسیار مهمی را در این فضا برای خود پیدا کرده است. منظور از تایپوگرافی سایت، استایل و ظاهر کلمات در یک سایت می باشد. در ادامه معیار های مختلف تایپوگرافی را با هم بررسی می کنیم تا دقیق تر بتوانید منظورمان از تایپوگرافی سایت را درک کنید.
فونت، یکی از معیارهای تایپوگرافی است. برای هر سایت می توان فونت های مختلفی را انتخاب نمود که بر اساس نوع مخاطب هدف و موضوعات ارائه شده در سایت، می توانند متفاوت باشند. فاصله بین کلمات و یا حتی حروف کلمات هم در تایپوگرافی مهم است؛ این موضع به قدری مهم است که فاصله بین کلمات، دارای تگ های جداگانه ای در HTML می باشد. جهت متن هم از موارد مهم دیگر در اصول تایپوگرافی است که بسته به زبان مورد استفاده، متفاوت می باشد. serif به معنای وجود تزئیناتی در انتهای حروف کلمات هست؛ مثلا کشیدگی آخر کلمات، نمونه ای از سریف به شمار می رود. سانس سریف(sans serif)، یعنی عدم وجود کشیدگی و تزئینات، که حالت معمولی تر و رسمی تری را به متن می دهد. کنتراست یا تضاد رنگ ها، یکی از جذاب ترین معیار های تایپوگرافی سایت است که تاثیر زیادی را در جذب مخاطبان و افزایش زیبایی سایت دارد. رنگ ها، آخرین مورد پر اهمیت در تایپوگرافی هستند. رنگ متن، رنگ لینک، رنگ پس زمینه و ... همگی در این دسته قرار می گیرند.
چرا رعایت تایپوگرافی در طراحی سایت مهم است؟
خب تصور کنید که در حال خواندن کتابی هستید که هر صفحه از آن یک فونت دارد و رنگ حروف در خطوط مختلف باهم همخوانی ندارند و فاصله برخی از کلمات از هم زیاد و برخی دیگر، کم است؛ چه کار می کنید؟ کتاب را می بندید و دیگر هیچ وقت سراغ آن نمی روید. این دقیقا کاری است که یک تایپوگرافی غیر اصولی با سایت شما انجام می دهد و منجر به نابود کردن سئوی سایت شما می شود. حالا تصور کنید یک سایت با فونت متناسب، فاصله استاندارد کلمات، هم خوانی رنگ عناصر مختلف سایت و نوشته ها دارید. مشخص است که کاربر پس از ورود به سایت به دلیل منسجم بودن و مرتب بودن سایت، تمایل بیشتری به گشت و گذار در سایت شما خواهد داشت؛ درست مثل زمانی که وارد یک فروشگاه مرتب و تمیز با چینش استاندارد و اصولی می شوید.
از طرفی دیگر وجود تایپوگرافی خوب، به سایت شما اعتبار می بخشد و منجر به جلب اعتماد کاربران می شود و در صورتی که سایت شما یک سایت فروشگاهی باشد، به خرید کاربر، منجر خواهد شد.
وجود سلسله مراتب در تایپوگرافی، یعنی قسمت های پررنگ، تگ های H1 ,H2 ,H3 ,h4. این موضوع باعث می شود تا مخاطب بعد از ورود به سایت خیلی سریع متوجه موارد مهم و دارای اهمیت بشود و اطلاعات لازم را کسب کند.
همه این ها در نهایت نشان دهنده این موضوع هستند که تایپوگرافی اصولی در جذب مخاطب، افزایش بازدید سایت و در نهایت، بهبود رتبه سایت در گوگل موثر است و منجر به سئوی سایت شما خواهد شد.
نکات مهم تایپوگرافی سایت
خب در اینجا می خواهیم تا چند مورد از نکات مهم تایپوگرافی سایت را خدمتتان بگوییم تا با رعایت آنها، سایتی زیبا و جذاب طراحی کنید.
در وهله اول همیشه یادتان باشد که حده اکثر از 3 نوع فونت در سایت استفاده کنید. استفاده از فونت های متعدد باعث می شود تا جلوه سایت پیچیده شود و این موضوع برای کاربر چندان خوشایند نیست. علاوه بر این سعی کنید تا از فونت های سانس سریف مثل Arial استفاده کنید که جلوه ای تمیز تر و رسمی تر به وبسایت تان می دهند. همچنین حواستان باشد که زیاد به سمت فونت های غیر معمول و عجیب غریب نروید؛ چون برخی از فونت های غیر رایج، ممکن است برای مرورگر همه کاربران قابل نمایش نباشند؛ پس تا جایی که امکان دارد از فونت های معمول استفاده کنید.
مورد بعد، اندازه فونت است. خودتان تصور کنید که وارد وبسایتی می شوید که اندازه فونت آن بسیار کوچک یا بسیار بزرگ است. احتمالا چند دقیقه بیشتر در آن دوام نمی آورید و سریع آن را ترک خواهید کرد؛ بنابراین دقت کنید تا اندازه فونت تان متعادل باشد.
سعی کنید تا از رنگ هایی استفاده کنید که با پس زمینه تطابق دارند و مشکلی در خوانایی متن ایجاد نمی کنند. همچنین می توانید قسمت هایی از متن را که نیاز به تاکید دارند با رنگ هایی که هارمونی متناسبی با سایر قسمت های وبسایت دارند، نشان دهید.
اگر خطوط شما طولانی باشند، کاربر از خواندن آنها خسته و در وسط متن، وبسایت شما را ترک خواهد کرد. پس سعی کنید تا هر خط بیش از 80 کارکتر در درون خودش جای ندهد. ارتفاع بین خطوط هم از اهمیت بالایی برخوردار است و در خوانایی متن موثر است. استاندارد این ارتفاع، حدود 1.5 می باشد.
از استفاده بیش از حد از انیمیشن های متن، اکیدا خودداری فرمایید! چون که فایده ای جز خستگی چشم کاربر و پرت شدن حواس او ندارند. انمیشن های متن باید به صورت محدود و تنها در مکان هایی که نیاز به جلب توجه دارند، استفاده شوند.
ختم کلام
در نهایت در این مقاله متوجه شدیم که در زمینه طراحی سایت، علاوه بر اصول اولیه و مهمی که مرتبط با برنامه نویسی سایت و ... هستند، نکات ظریف دیگری اعم از تایپوگرافی یا همان نحوه نگارش و ظاهر متن سایت هم از اهمیت بالایی برخوردارهستند. سایت هایی با فونت های متعدد، فونت بسیار بزرگ یا کوچک، فاصله زیاد خطوط، عدم رعایت سلسله مراتب و ... ابدا نمی توانند نرخ بالای بازدید را کسب کنند.
اگر تمایل دارید تا در رابطه با طراحی سایت و نکات مرتبط اطلاعات بیشتری کسب کنید و با استفاده از آن سایتتان را ارتقا دهید، می توانید به وبسایت وبکده مراجعه فرمایید و از خدمات مختلف مقالات شان استفاده کنید.
امیدواریم این مطلب برای شما مفید بوده باشد.