دوره آموزشی تکنیک های تایپوگرافی واکنشگرا
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 - مراحل بعدی - آینده تایپوگرافی پاسخگو
دوره های مرتبط
- دوره آموزشی یادگیری اصولی CSS
- دوره آموزشی جعبه ابزار CSS: نکات و روشهای طراحی و چینش صفحه
- دوره آموزشی یادگیری رسانه های واکنشگرا
- دوره آموزشی یادگیری جامع بوت استرپ 5
- دوره آموزشی یادگیری جامع بوت استرپ 4
- دوره آموزشی یادگیری جامع CSS آپدیت (2023)
- دوره آموزشی طراحی احساسات: چگونه از طراحی برای حرکت دادن افراد استفاده کنیم
- دوره آموزشی ایلاستریتور برای طراحی وب
مسیرهای مرتبط
- مسیر آموزشی تبدیل شدن به یک طراح وب
- مسیر آموزشی کاوش شغلی در توسعه وب فرانت اند
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده Full-Stack وب
- مسیر آموزشی یادگیری جامع CSS
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده نرم افزار
- مسیر آموزشی کشف مسیر شغلی به عنوان توسعهدهنده وب
- مسیر آموزشی ارتقا مهارت های خود را به عنوان یک محقق تجربه کاربری
- مسیر آموزشی تبدیل شدن به یک استاد فوتوشاپ برای طراحی وب