تخفیف ویژه همین الان — دوره‌های تخفیف‌دار را ببینید.
روز
:
ساعت
:
دقیقه
:
ثانیه
تخفیف‌های ویژه
دوره آموزشی CSS: تکنیک های پیشرفته تایپوگرافی

دوره آموزشی CSS: تکنیک های پیشرفته تایپوگرافی

3 ساعت 15 دقیقهپیشرفته2013-09-25

مدرسین

James Williamson

James Williamson

Adobe Certified Instructor

جزئیات دوره

CSS یک فضای واقعی برای طراحان تایپوگرافی است. این زبان به شما این امکان را می‌دهد که مرزهای تایپوگرافی را جابجا کنید و به دنیای جدیدی از امکانات خلاقانه وارد شوید. در این دوره، نویسنده برجسته lynda.com، جیمز ویلیامسون، به بررسی تعدادی از افکت‌های پیشرفته تایپوگرافی با استفاده از CSS می‌پردازد. این افکت‌ها شامل سایه‌های متن، انیمیشن‌ها، تغییرات و ترانزیشن‌ها هستند. علاوه بر این، شما یاد خواهید گرفت که چگونه از کتابخانه‌های جاوااسکریپت مانند Lettering.js و Modernizr استفاده کنید تا جنبه‌هایی از تایپوگرافی را کنترل کنید که معمولاً با CSS قابل انجام نیستند.

در این دوره، شما با روش‌های پیشرفته‌ای آشنا خواهید شد که به شما این امکان را می‌دهند تا متن‌ها را به شکلی بسیار دقیق و خلاقانه کنترل کنید. از تنظیمات دقیق رندر فونت گرفته تا استفاده از افکت‌های خاص مانند سایه‌های متن، تغییرات 2D و 3D، و ایجاد انیمیشن‌ها و ترانزیشن‌ها، همه این‌ها به شما این قدرت را می‌دهند که تایپوگرافی خود را به سطوح جدیدی برسانید.

اهداف یادگیری:
کنترل رندرینگ فونت با استفاده از CSS
استفاده از فونت‌های وب
تنظیم کِرنینگ (فاصله بین حروف)
افزودن بعد به متن‌ها
کار با گرادینت‌ها و سایه‌های افقی و عمودی
استفاده از تغییرات 2D و 3D
اعمال پرسپکتیو
هماهنگ‌سازی متن‌های تقسیم‌شده
ایجاد و فعال‌سازی ترانزیشن‌ها
فعال‌سازی انیمیشن‌ها
گسترش CSS با استفاده از کتابخانه‌های Lettering.js و Modernizr

مهارت ها

jQueryTypographyWeb StandardsWeb DesignFront-End Web DevelopmentMotion Graphics and VFXGraphic DesignAnimation and IllustrationWeb DevelopmentOpen SourceDeep Dive (X:Y)

سرفصل ها

0. مقدمه

  • 01 - خوش آمدید
  • 02 - استفاده از فایل‌های تمرین

1. شروع به کار

  • 03 - مروری بر دوره
  • 04 - کنترل رندر فونت
  • 05 - معرفی Lettering.js
  • 06 - گزینه‌های فونت وب
  • 07 - مرور فونت‌های وب Adobe Edge

2. استفاده از Lettering.js

  • 08 - نمای کلی پروژه
  • 09 - فعال کردن Lettering.js
  • 10 - کنترل بسته بندی متن
  • 11 - افزودن کرنینگ
  • 12 - کنترل انباشته شدن
  • 13 - افزودن سایه‌های متن

3. ایجاد متن بعدی

  • 14 - نمای کلی پروژه
  • 15 - افزودن ابعاد به متن
  • 16 - استفاده از گرادیان
  • 17 - کار با سایه‌های دراپ
  • 18 - استفاده از تبدیل‌های دو بعدی

4. ایجاد متن شکسته

  • 19 - نمای کلی پروژه
  • 20 - ساختار HTML
  • 21 - استفاده از محتوای تولید شده
  • 22 - نمایی سه بعدی به متن
  • 23 - شبیه سازی متن غوطه ور
  • 24 - برش متن
  • 25 - به کارگیری دیدگاه
  • 26 - استفاده از تبدیل‌های سه بعدی
  • 27 - تراز کردن متن تقسیم شده

5. متحرک کردن متن

  • 28 - نمای کلی پروژه
  • 29 - ایجاد متن تار
  • 30 - ایجاد انتقال
  • 31 - ایجاد انتقال
  • 32 - ایجاد انیمیشن‌های فریم کلیدی
  • 33 - فعال کردن انیمیشن ها

6. استفاده از Modernizr

  • 34 - نمای کلی پروژه
  • 35 - دانلود Modernizr
  • 36 - مبانی مدرنیزر
  • 37 - ایجاد سبک‌های پیش فرض
  • 38 - استفاده از Modernizr برای بارگذاری اسکریپت ها
  • 39 - بارگذاری منابع مشروط
  • 40 - استفاده از پیشوندهای فروشنده
  • 41 - گسترش مدرنیزر

نتیجه

  • 42 - منابع اضافی

دوره های مرتبط

درباره ما

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

شماره تلفنکانال آپاراتپشتیبانی تلگرامکانال تلگرامپیج اینستاگرام

کلیه‌ی حقوق این سایت متعلق به لینداکده می باشد

قوانین و شرایط|حریم خصوصی

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal