دوره آموزشی تکنیک های تایپوگرافی واکنشگرا
2 ساعت 10 دقیقهمتوسط2014-01-31
مدرسین

Val Head
Web Designer, Consultant
جزئیات دوره
با نحوه ایجاد تایپوگرافی زیبا، کاربردی و مقیاس پذیری آسان در تبلت ها، تلفن ها و رایانه ها در همه نوع و اندازه آشنا شوید. طراح Val Head به شما نشان می دهد که چگونه فونت های وب با کیفیت را انتخاب کنید، مقیاس تایپوگرافی و ریتم را در طول طراحی خود بسازید و دسته فونت ضد گلوله بسازید. به علاوه، نحوه استفاده از پرس و جوهای رسانه ای و قوانین CSS را برای حفظ ظاهر عالی نوع خود در هر اندازه یاد بگیرید. این دوره مجموعه ای از بهترین شیوه ها و تکنیک ها است که به زودی بخشی ضروری از جعبه ابزار انواع حروفچین وب خواهد بود.
اهداف یادگیری
تصمیم گیری بین فونت های وب میزبانی شده و میزبانی شده
اندازه نوع خود را با پیکسل، ems و rems تنظیم کنید
اعمال و انتخاب مقیاس تایپوگرافی
ایجاد پشته فونت
حفظ طول خطوط
استفاده از پرس و جوهای رسانه ای برای تعیین نقاط طبیعی تایپوگرافی
ابزارهای کنترل نوع به صورت پویا با JavaScript و jQuery
اهداف یادگیری
تصمیم گیری بین فونت های وب میزبانی شده و میزبانی شده
اندازه نوع خود را با پیکسل، ems و rems تنظیم کنید
اعمال و انتخاب مقیاس تایپوگرافی
ایجاد پشته فونت
حفظ طول خطوط
استفاده از پرس و جوهای رسانه ای برای تعیین نقاط طبیعی تایپوگرافی
ابزارهای کنترل نوع به صورت پویا با JavaScript و jQuery
مهارت ها
Web TypographyResponsive Web DesignCSSTips, Tricks, & TechniquesWeb DesignWeb DevelopmentOpen Source
سرفصل ها
0. مقدمه
- 01 - خوش آمدید
- 02 - آنچه باید قبل از تماشای این دوره بدانید
- 03 - استفاده از فایلهای تمرین
- 04 - استفاده از چالش ها
1. مقایسه و انتخاب فونتهای وب
- 05 - بررسی اهداف تایپوگرافی و طراحی واکنش گرا
- 06 - شناسایی فونتهای وب با کیفیت
- 07 - تطبیق فونتها با تکههای محتوای متنی
- 08 - تصمیمگیری بین فونتهای خود میزبان و میزبان
- 09 - درک چگونگی تأثیر فونتهای وب بر وزن صفحه
2. ایجاد ریتم در سیستم تایپوگرافی شما
- 10 - بررسی مقیاس تایپوگرافی و ریتم عمودی
- 11 - اجرای مقیاس مدولار برای ایجاد سلسله مراتب تایپوگرافی
- 12 - ریتم عمودی با واحد پایه
- 13 - اندازه کردن نوع خود - پیکسل، ems و rems
- 14 - استفاده از واحدهای نمای (vh و vw) در تایپوگرافی
- 15 - اعمال و انتخاب مقیاس تایپوگرافی ما
- 16 - چالش - یک مقیاس متفاوت را انتخاب و اعمال کنید
- 17 - راه حل - یک مقیاس متفاوت انتخاب و اعمال کنید
3. ایجاد صفحات نمونه اولیه
- 18 - راهاندازی و پر کردن صفحات نمونه اولیه
- 19 - نوع تست در مرورگرها و دستگاه ها
- 20 - ایجاد پشته فونت
- 21 - چالش - یک پشته فونت ایجاد کنید
- 22 - راه حل - یک پشته فونت ایجاد کنید
4. تنظیم نوع برای خوانایی در اندازههای صفحه
- 23 - حفظ طول خطوط برای خواندن راحت در اندازههای صفحه نمایش
- 24 - استفاده از کوئریهای رسانهای برای تنظیم نقاط شکست تایپوگرافی طبیعی
- 25 - کنترل خطوط شکست برای سرفصل ها
- 26 - مدیریت فلش متن بدون استایل (FOUT) با استفاده از رویدادهای فونت وب
- 27 - چالش - مدیریت رویدادهای فونت وب خود
- 28 - راه حل - مدیریت رویدادهای فونت وب خود
5. ابزارها و اسکریپتهای آنلاین مفید
- 29 - پیش نمایش انتخابهای نوع وب با برنامه Typecast
- 30 - ابزارهایی برای پیش نمایش کوئریهای نوع و رسانه - ish.، Edge Inspect و موارد دیگر
- 31 - ابزارهایی برای کنترل تایپ به صورت پویا با جاوا اسکریپت و جی کوئری
نتیجه
- 32 - مراحل بعدی - آینده تایپوگرافی پاسخگو