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

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

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

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

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

برخی افراد از اینگونه لیگاچرها و عده ای دیگر خصوصیات اُپن تایپ را فعال می کنند : رندرینگ متن (text-rendering) و بهینه سازی محتوای متن (optimize legibility) .

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

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

همچنین بهینه سازی محتوای متن استاندارد نبوده و اشکالاتی دارد ، بنابراین عموما توصیه نمی شود – مخصوصا برای بدنه متن .

طرح حروف (typeface) در واقع طرحی است که در درون قالبی که طراح ایجاد نموده است وجود دارد .

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

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

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

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

تروتایپ truetype بعضی مرورگرها از بعضی ویژگی ها پشتیبانی می کنند و بعضی دیگر اینکار را نمی کنند و در هر سیستم عاملی این موضوع متفاوت است .

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

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

به هر حال در آن صورت باید راه دیگری برای انجام اینکار پیدا کنید .

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

استفاده از این همه امکانات که نوشته و طرح ما را زیباتر می کند نیازمند ذهنی خلاق و متفکر می باشد .

انتخاب گزینه درست در مکان درست .

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

با سیماگر بروز باشید ! نشانی ایمیل شما منتشر نخواهد شد.

بخش‌های موردنیاز علامت‌گذاری شده‌اند * نام ایمیل وبسایت ذخیره نام، ایمیل و وبسایت من در مرورگر برای زمانی که دوباره دیدگاهی می‌نویسم.