وب یک مکان است که ایده ها به اشتراک گذاشته می شوند. گاهی اوقات این ایده ها بصری یا شنوایی هستند و با استفاده از تصاویر، فیلم ها و یا صوتی انتقال می یابند. با این حال، اغلب نه، محتوای در وب شکل متن نوشته می شود. این به این معنی است که طراحی ارائه بصری متن در وب – تایپوگرافی وب – برای موفقیت هر وبسایتی مهم است. در این آموزش، ما قصد داریم نگاه دقیق به دو موضوع متمایز اما مرتبط:
فونت ها: انتخاب فونت ها و تکنیک ها برای اضافه کردن آنها به یک وب سایت.
تایپوگرافی وب: تکنیک ها و استراتژی های مورد استفاده برای سبک و ترتیب متن در یک صفحه وب.
اولین موضوع مربوط به جنبه های فنی وارد کردن فونت ها به فایل های وب سایت است، به طوری که بازدید کنندگان بازدید از وب سایت دسترسی به فونت هایی که می خواهید آنها را مشاهده کنید. موضوع دوم با هنر و تکنیک استفاده از CSS به سبک فونت برای حداکثر قابلیت خواندن و تاثیر طراحی می پردازد. با این حال، قبل از رفتن به جزئیات پیاده سازی فنی، اهمیت داشتن یک استراتژی فونت و تایپوگرافی در ذهن داشته باشید.
شروع به کار با فونت و تایپوگرافی
هنگامی که شما برای اولین بار موضوع تایپوگرافی وب را دنبال می کنید، می توانید به سرعت سرایت کنید. اگر شما نمی دانید که از کجا شروع کنید، برنامه ای برای پرداختن به انتخاب فونت و ظاهر متن در سراسر سایت خود دارید. این جایی است که این آموزش در می آید. به جای اینکه به جزئیات فنی بروید، ما با توضیح بعضی از ایده های اساسی که نیاز به هدایت انتخاب فونت و طراحی متن خود دارند، شروع می کنیم. 1. زمان برای یادگیری در مورد فونت و تایپوگرافی این چیزی است که شما در حال حاضر انجام می دهید، بنابراین شما را به یک شروع عالی! چندین اصطلاح و مفاهیمی که نیاز دارید تا با خفاش آشنا شوید آشنا شوید:
قلم و فونت: در حالی که برخی از کارشناسان معتقدند که این اصطلاح به دو چیز متفاوت است، در استفاده مدرن آنها مترادف هستند. در چارچوب وب، یک فونت یا یک فونت، مجموعه ای از حروف، نمادها و علائم نقطه گذاری یک طرح مشابه است و بسته به یک فایل کامپیوتری تک بسته می شود.
خانواده فونت: یک خانواده فونت شامل چندین فونت متفاوت است که به جز ضخامت سکته مغزی و استفاده از نشانه ها مشابه هستند. اگر شما قصد استفاده از فونت های طبیعی، جسور و کج را دارید، باید حداقل سه فونت یا نوع فونت را برای هر خانواده فونت ای که قصد استفاده از آن را دارید استفاده کنید.
تایپوگرافی: یک اصطلاح وسیع که شامل انتخاب فونت و همچنین موضوعاتی مانند رنگ، اندازه، فاصله بین کاراکترها، فاصله خطوط و هم ترازی است. تایپوگرافی وب رشته طراحی متن برای ارائه در وب است.
راهنمای سبک: مجموعه ای از استانداردها که طراحی، سبک و نام تجاری را توصیف می کند که در تمامی قسمت های یک وب سایت به صورت پیوسته اجرا می شود. در حال توسعه یک راهنمای سبک کمک می کند تا یک تجربه سازگار برای بازدید کنندگان وب سایت ایجاد کنید و راهنمای سبک شامل مواردی مانند تایپوگرافی، انتخاب رنگ، سبک نوشتن و خیلی بیشتر. انتخاب فونت ها و طراحی تایپوگرافی یکی از جنبه های توسعه یک راهنمای سبک است.
2. محدود کردن وب سایت شما به 4 یا کمتر خانواده های فونت تعداد زیادی از وب سایت ها فقط با دو فونت دریافت می شوند: یکی برای عناصر عنوان و دیگری برای متن بند. خوب است که بیش از دو نفر داشته باشید، اما اگر خودتان را بیش از چهار فونت پیدا کنید، سعی کنید ببینید آیا یک یا چند مورد را می توان حذف کرد. با استفاده از فونت های بیش از حد بسیاری می تواند تاثیر منفی بر تجربه بازدید کننده و اثربخشی نام تجاری سایت شما داشته باشد. لازم به ذکر است که با استفاده از تعداد زیادی فونت می تواند عملکرد وب سایت شما را کاهش دهد و مرورگرهای بازدید کننده را مجبور کند تا چندین فونت را بارگیری کند. 3. استفاده از فونت هایی که متناسب با شخصیت فونت های وب سایت شما باشد وب سایت شما را افزایش می دهد. آنها نباید حواس پرتی و یا تجربه بازدیدکنندگان وب سایت شما را مختل کنند. اگر شما یک وب سایت را برای یک دفتر وکیل طراحی میکنید، نمیخواهید از یک فونت دست نوشتهی غریب استفاده کنید که به عنوان غیر حرفه ای و نامناسب غیررسمی به نظر میرسد. فونت را انتخاب کنید که متن پیام وبسایت شما را در پی دارد. 4. تایپوگرافی در نهایت در مورد افزایش قابلیت خوانایی همانطور که شما شروع به تلاش از فونت های مختلف و تکنیک های یک ظاهر طراحی شده آن را آسان خواهد بود به انجام دور. قبل از حل و فصل بر روی یک فونت یا یک سبک خاص، یک لحظه مطمئن شوید که آنچه که شما ایجاد کرده اید، با هدف نهایی خود برای ارائه بهترین تجربه ممکن برای بازدیدکنندگان وب سایت شما مطابقت دارد. 5. استفاده از Heading Styles برای اضافه کردن حس ساختار، سرفصل های خود را بطور قابل توجهی بزرگتر از خودتان قرار دهید