تکنیک های تایپوگرافی پاسخگو

مدرس Val Head

انتشار 2014/01/31

مدت زمان 2h 9m

سطح متوسط

فایل تمرینی دارد

آموزش Responsive Typography Techniques

بیاموزید که چگونه تایپوگرافی زیبا، کاربردی و به راحتی در تبلت ها، تلفن ها و رایانه ها در هر نوع و اندازه ایجاد کنید. طراح Val Head به شما نشان می دهد که چگونه فونت های وب با کیفیت را انتخاب کنید، مقیاس و ریتم تایپوگرافی را در سراسر طراحی خود ایجاد کنید، و پشته های فونت ضد گلوله بسازید. به علاوه، نحوه استفاده از پرس و جوهای رسانه ای و قوانین CSS را بیاموزید تا نوع خود را در هر اندازه ای عالی نگه دارید. این دوره مجموعه ای از بهترین روش ها و تکنیک ها است که به زودی بخشی ضروری از جعبه ابزار هر نوع تایپ وب خواهد بود.

Responsive Web Design Web Typography

Introduction

Welcome ()

What you should know before watching this course ()

Using the exercise files ()

Using challenges ()

1. Comparing and Choosing Web Fonts

Exploring the goals of typography and responsive design ()

Identifying quality web fonts ()

Matching fonts to chunks of text content ()

Deciding between self-hosted and hosted fonts ()

Understanding how web fonts affect page weight ()

2. Establishing Rhythm in Your Typographic System

Exploring typography scale and vertical rhythm ()

Implementing a modular scale to create typographic hierarchy ()

Vertical rhythm with a base unit ()

Sizing your type: Pixels, ems, and rems ()

Applying viewport units (vh and vw) to typography ()

Applying and choosing our typographic scale ()

Challenge: Select and apply a different scale ()

Solution: Select and apply a different scale ()

3. Creating Type Prototype Pages

Setting up and populating prototype pages ()

Testing type across browsers and devices ()

Establishing the font stack ()

Challenge: Create a font stack ()

Solution: Create a font stack ()

4. Setting Type for Readability Across Screen Sizes

Maintaining line lengths for comfortable reading across screen sizes ()

Using media queries to set natural typographic breakpoints ()

Controlling line breaks for headings ()

Managing flashes of unstyled text (FOUT) using web font events ()

Challenge: Handling your own web font events ()

Solution: Handling your own web font events ()

5. Helpful Online Tools and Scripts

Previewing web type choices with the Typecast app ()

Tools for previewing type and media queries: ish., Edge Inspect, and more ()

Tools for controlling type dynamically with JavaScript and jQuery ()

Conclusion

Next steps: The future of responsive typography ()

Ex_Files_RespTypTech.zip (164 KB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.