تایپوگرافی تجربی برای وب

آیا می خواهید بدانید که چگونه با فونت های متغیر کار کنید و نحوه ایجاد انیمیشن های تایپوگرافی جنبشی برای وب سایت ها؟ اگر بله، این Creative، Creative، Pace-Pace Pace برای شما مناسب است. ما مجموعه ای از پروژه ها را برای این که همه چیز را در مورد عجیب و غریب با نوع ساخته شده است.
در 6 ساعت، شما خواهید آموخت که چگونه فونت های متغیر را به وب سایت های خود اضافه کنید، به علاوه اینکه چگونه آن را تحریک و تعاملی کنید. شما همچنین با p5.js، یک کتابخانه جاوا اسکریپت برای برنامه نویسی خلاق، خم شدن و تایپوگرافی قالب کار می کنید.
شما همچنین می توانید انیمیشن های تایپگرافی خود را از ابتدا ایجاد کنید، قادر به اضافه کردن آنها به وب سایت ها و ایجاد کنید آنها کاربر تعاملی.
این یک گام بزرگ بعدی برای دانش آموزانی است که قبلا برخی از دانش HTML و CSS را دارند، یا پایه گذاری HTML، CSS + جاوا اسکریپت یا جاوا اسکریپت برای دوره های طراحان را تکمیل کرده اند.

عنوان اصلی : Experimental Typography for the Web

سرفصل های دوره :

01 به دوره خوش آمدید!
02 Playground و ویرایشگر SuperHi
03 راه اندازی HTML ما
04 صفحه خود را با CSS طراحی کنید
05 سبک تایپوگرافی پایه وب
06 افزودن یک تایپ فونت Google به پروژه ما
07 در حال افزودن تایپ فیس خود میزبان شما
08 در حال افزودن حالت های شناور
09 کشش تایپ فیس
10 افزودن یک انیمیشن CSS
11 افزودن نوع متغیر به پروژه ما
12 به کارولین وید خوش آمدید
13 ایجاد صفحه ما
14 افزودن فونت متغیر ما
15 ایجاد اولین فایل جاوا اسکریپت ما
16 افزودن نوع متغیر به جاوا اسکریپت
17 به 01 01 خوش آمدید
18 تنظیم اسکریپت P5.js ما
19 طراحی متن با P5
20 در حال بارگذاری یک فونت برای استفاده
21 Graphics را ایجاد کنید و کپی کنید
22 اضافه کردن مقداری ریاضی به حرکت خود
23 به aaaaaaaaa خوش آمدید
24 طراحی متن با P5
25 استایل دادن به متن
26 افزودن یک حلقه for
27 افزودن جهت y با حلقه for دوبل
28 بهبود سرعت با تصویر
29 بازآفرینی متن اصلی
30 افزودن تحریف و حرکت جهانی
31 افزودن اعوجاج محلی
32 تکلیف
33 راه حل تکلیف
34 صبح بخیر تا صبح بخیر
35 تنظیم اسکریپت ما
36 برش و چسباندن با createGraphics
37 گرافیک های ما را به صورت شبکه ای افزایش می دهیم
38 اعوجاج در دو جهت
39 افزودن لغزنده موج
40 افزودن به‌روزرسانی‌های فیلد متنی
41 تکلیف
42 راه حل تکلیف
43 به خارج از دفتر خوش آمدید
44 در حال راه اندازی مهر ما
45 شبیه سازی دوازده بار
46 در حال تغییر موقعیت نمونه ما
47 تمیز کردن جدول زمانی با موقعیت ماوس
48 افزودن تسهیل به شستشوی ما
49 افزودن در یک حلقه متحرک
50 به Brutalust خوش آمدید
51 راه اندازی سایت ما
52 افزودن تایپوگرافی به سایت ما
53 اضافه کردن اولین تغییر محتوای جاوا اسکریپت
54 پاک کردن اسکریپت ما با یک تابع
55 زیر رشته محتوای ما
56 افزودن در یک بازه
57 توقف فواصل با clearInterval
58 افزودن نقاط تصادفی
59 اضافه کردن کاراکترهای تصادفی
60 IntersectionObserver
61 ذخیره محتوای اصلی با مجموعه داده
62 افزودن اسکرول اسنپ
63 به Dani Lewis خوش آمدید
64 راه اندازی پروژه ما
65 با استفاده از textToPoints P5
66 رسم اشکال با نقاط
67 افزودن بردارهای p5
68 افزودن فاصله به اعوجاج
69 افزودن سطوح نویز
70 از اینکه به دوره ما پیوستید متشکریم!