تایپوگرافی در طراحی سایت

تایپوگرافی در طراحی سایت : الیوت جی استاکس نکات مهمی را جهت ارتقاء کیفیت تایپوگرافی در طراحی سایت آشکار می کند !

در سال های اخیر تایپوگرافی در طراحی وب سایت جهش عظیمی داشته است ، طوری که به طراحان اجازه واقعی تر کردن طرحشان را با کنترلی پرینت مانند می دهد . به هر حال جزئیاتی که این کنترل را احاطه کرده اند همچنان به چالش کشیده می شوند و فناوری هایی مانند پشتیبانی اُپن تایپ همچنان در جریان هستند .

تایپوگرافی در طراحی سایت

در صحبت هایش با جنریت لاندن ، استاکس ، طراح خلاق ادوب تایپکیت (adobe typekit) و موسس مجله تایپوگرافی 8 چهره (8 faces) ، برخی از پیشرفت های هیجان انگیز ارتقاء سطح کیفیت تایپوگرافی طراحی سایت را به شرکت کنندگان نشان داد . در این مقاله شش نکته از نکات استاکس مطرح شده است …

استفاده از تنظیمات مربوط به فونت برای تایپوگرافی در طراحی سایت :

لیگاچرها (ligature حروف بهم چسبیده که تبدیل به یک علامت خاص می شود ؛ مثلا : et = &) کاملا مورد پشتیبانی قرار گرفته اند ، در مرورگر فایرفاکس به طور پیش فرض فعال می باشد و فعال کردن آن کار راحتی است . برخی افراد از اینگونه لیگاچرها و عده ای دیگر خصوصیات اُپن تایپ را فعال می کنند : رندرینگ متن (text-rendering) و بهینه سازی محتوای متن (optimize legibility) .

نمونه ای از لیگاچرها ligature

به هر حال راه بسیار قدرتمندتری برای اینکار هست : تنظیمات فونت .

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

توجه به طرح حروف در تایپوگرافی در طراحی سایت :

طرح حروف (typeface) در واقع طرحی است که در درون قالبی که طراح ایجاد نموده است وجود دارد . ایا در طرح اصلی سواش ها (swash تکنیک نوشتاری برای طراحی لوگو) و لیگاچرها موجود هستند ؟

نمونه ای از کاراکترهای سواش swash

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

توجه به فهرست فونت برای تایپوگرافی در طراحی سایت :

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

تروتایپ truetype

توجه به مرورگر اینترنت در تایپوگرافی در طراحی سایت :

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

توجه به کاربران و مخاطبان در تایپوگرافی در طراحی سایت برای برند سازی :

نمونه ای از یک برند تجاری

آیا طرح با شکست مواجه می شود اگر لیگاچرها موجود نباشند ؟ شاید نه ؛ اما قطعا اینچنین می شود اگر کاراکترهای سواش موجود نباشند ، در حالی که شما قصد طراحی سایت برای برند سازی  یک شرکت در صفحات وب را دارید . به هر حال در آن صورت باید راه دیگری برای انجام اینکار پیدا کنید .

استفاده از تایپوگرافی در طراحی سایت ریسپانسیو :

طراحی سایت ریسپانسیو responsive

طراحی سایت ریسپانسیو (طراحی سایت سازگار با موبایل) چیزیست که ذهن ما را به خود درگیر کرده است . استفاده از این همه امکانات که نوشته و طرح ما را زیباتر می کند نیازمند ذهنی خلاق و متفکر می باشد . انتخاب گزینه درست در مکان درست . امروزه کار با وب سایت بسیار هیجان انگیز است چرا که اساسا می توانیم کارهایی که با پرینت انجام می دادیم را با تایپوگرافی در طراحی سایت  انجام دهیم .

با اینتن بروز باشید !