آموزش تایپوگرافی برای برنامه نویسان و طراحان

در این دوره آموزشی مبانی تایپوگرافی را به صورت کاربردی یاد می گیرید. 

عنوان اصلی : Typography for Designers and Developers

سرفصل ها :

مقدمه ای بر تایپوگرافی:
نحوه ارائه این دوره ← فیلم Headshot
فونت ها، خانواده فونت ها و سبک های فونت چیست؟
اصطلاحات و آناتومی تایپوگرافی
طبقه بندی نوع - قدیمی و انتقالی
طبقه بندی نوع - مدرن، بدون سری، اسکریپت
طول خط بهینه برای وب و موبایل
کدام تراز متن برای چه هدفی؟
ارتفاع خط (پیشرو)
فاصله حروف (کرنینگ)
ردیابی در تایپوگرافی
تمرین: طراحی صفحه مقاله عالی در فتوشاپ
اطلاعات بیشتر در مورد تایپوگرافی:
استفاده از خط فاصله، en و em → سخنرانی درخواست دانشجو
استفاده صحیح از علامت نقل قول ← سخنرانی درخواست دانشجو
مقیاس ها و شبکه های تایپوگرافی:
نقش های تایپ فیس
ابزار آنلاین برای مقیاس های تایپوگرافی
ابزار آنلاین برای مقیاس های تایپوگرافی
سوال دانشجو ← نحوه گسترش مقیاس مدولار برای اعمال در طراحی واکنشگرا
به چند سطح از سلسله مراتب تایپوگرافیک نیاز دارم؟
ریتم عمودی و فاصله
ریتم عمودی در Adobe Photoshop
تمرین طراحی: مقیاس های تایپوگرافی، ساخت و شکستن ریتم عمودی
استفاده از گرید مدولار برای طراحی وب، چیدمان موبایل
تمرینات: مدولار + طراحی شبکه پایه تمرین نهایی:
آماده سازی گرید مدولار و پایه در فتوشاپ
طراحی وبلاگ: اولین طراحی با شبکه مدولار
طراحی وبلاگ: دومین تکرار طراحی با شبکه مدولار
طراحی وبلاگ: اصلاحات طراحی دوم
طراحی وبلاگ: طرح سوم طراحی با شبکه مدولار
چگونه فونت ها را انتخاب کنیم؟ :
چند فونت انتخاب کنیم؟
آموزش چشمان خود برای حالت ها یا صدای حروف تایپ
تاثیر رنگ بر حالت تایپ فیس (صدا)
چگونه فونت ها را جفت کنیم؟ :
اصول اولیه جفت کردن فونت
جفت کردن فونت ها از Same Designer + استفاده از Mega Font Families
تطبیق فونت ها با X-Height
استفاده از کنتراست برای جفت کردن فونت ها
در حین جفت کردن فونت به دنبال ویژگی های مشابه باشید
از شباهت زیاد بین فونت ها خودداری کنید
ابزارهای آنلاین برای جفت کردن فونت
نحوه دریافت تنوع در متن برای طرح های عالی:
استفاده از پررنگ، کج و بزرگ برای تنوع در نوع
تغییر با استفاده از ارتفاع خط و فاصله حروف
تنوع با استفاده از رنگ ها در نوع
تنوع با استفاده از رنگ های معکوس در نوع
تمرینات: طرح های سطح دریبل:
طراحی وب شرکت فناوری (آماده سازی)
طراحی وب شرکت فناوری (بخش اول)
طراحی وب شرکت فناوری (قسمت 2)
معرفی طراحی وب قابل استفاده (آماده سازی)
طراحی وب قابل استفاده (قسمت 1) → تغییر فونت برای تغییر تم
طراحی وب قابل استفاده (بخش 2) → تنظیم دقیق فاصله و فضای سفید
تمرین: طراحی تبلیغات رسانه های اجتماعی با 3 فونت مختلف:
تمرین: تبلیغ رسانه های اجتماعی → جمع آوری منابع
تمرین: طراحی تبلیغات رسانه های اجتماعی → قسمت 1
تمرین: طراحی تبلیغات رسانه های اجتماعی → قسمت 2
تمرین: طراحی تبلیغات رسانه های اجتماعی → لمس نهایی
تمرینات تایپوگرافی با موضوع سلامتی طبیعت:
تمرین طراحی تازه و شاداب - آماده سازی
تمرین طراحی تازه و شاداب - قسمت 1
تمرین طراحی تازه و شاداب - قسمت 2
تایپوگرافی برای طراحی اپلیکیشن آیفون و اندروید (تایپوگرافی اپلیکیشن موبایل):
درک اندازه صفحه نمایش IOS و اندازه نقطه برای تایپوگرافی
اندازه و مشخصات فونت IOS
تمرین: طراحی پست وبلاگ برای صفحه نمایش آیفون 1x، 2x و 3x در فتوشاپ
سوال دانشجو: مشکلات اندازه فونت IOS با وضوح 1X و 2X
اتصال (Mirroring) فتوشاپ به صفحه آیفون در حین طراحی
مشخصات تایپوگرافی اندروید - اندازه فونت SP و DPI چیست؟
تمرین: طراحی پست وبلاگ ساده برای چندین اندازه صفحه نمایش اندروید
تایپوگرافی برای توسعه دهندگان وب:
استفاده از فونت های گوگل: مزایا و معایب
استفاده از فونت های ممتاز: مزایا و معایب همراه با راهنمای خرید آنها
مقدمه ای بر واحدهای اندازه فونت CSS
واحد اندازه فونت "em" چیست؟
اندازه قلم "% درصد" چیست؟
اندازه فونت "VW" چیست؟
اندازه فونت "rem" چیست؟
ریتم عمودی در CSS چگونه کار می کند؟
تمرین CODE: استفاده از ریتم عمودی با ابزار Gridlover
مقیاس های ریتم عمودی و تایپوگرافی با بوستراپ
از ابزار TypeScale Online استفاده نکنید (به جای آن از gridlover استفاده کنید)
تایپوگرافی پاسخگو برای توسعه دهندگان:
معرفی تایپوگرافی پاسخگو
درصد اندازه قلم برای تایپوگرافی پاسخگو
مقیاس های مختلف تایپوگرافی برای تایپوگرافی پاسخگو
جدید و جدیدترین در تایپوگرافی:
فونت های رنگی چیست؟
فونت های متغیر چیست؟