نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
در این دوره، شما خواهید آموخت که تایپوگرافی چگونه مفاهیم را منتقل میکند و استایلدهی و سازماندهی محتوای متنی چه تأثیری بر پیام نهایی دارد. ویژگیهای پیشرفته فونتهای وب را بررسی میکنید و میبینید که طراحان تایپ چگونه دنیای دیجیتال را متحول میکنند. سپس، با تئوری رنگها و کاربرد آنها در محصولات دیجیتال آشنا میشوید و با بررسی گرادینتها و افکتهای بصری، یک وبسایت را با تکنیکهای آموخته شده طراحی خواهید کرد. در نهایت، دوره را با یادگیری نحوه ساخت انیمیشنهای پیچیده در CSS با استفاده از Transitionها، تبدیلهای دوبعدی و سهبعدی (2D & 3D Transforms) و Keyframeها به پایان میرسانیم.
سرفصل ها و درس ها
تایپوگرافی و مدیریت بار شناختی
Typography and Managing Cognitive Load
معرفی دوره
Course Introduction
معرفی بخش اول
Module 1 Introduction
تاریخچه تایپوگرافی در وب، بخش ۱
History of Typography on the Web, Part 1
تاریخچه تایپوگرافی در وب، بخش ۲
History of Typography on the Web, Part 2
تاریخچه تایپوگرافی در وب، بخش ۳
History of Typography on the Web, Part 3
راهاندازی اختیاری فونتهای وب
Optional Web Font Setup
فونتهای پایه وب، بخش ۱
Basic Web Fonts, Part 1
فونتهای پایه وب، بخش ۲
Basic Web Fonts, Part 2
فونتهای پایه وب، بخش ۳
Basic Web Fonts, Part 3
فونتهای پایه وب، بخش ۴
Basic Web Fonts, Part 4
فونتهای پایه وب، بخش ۵
Basic Web Fonts, Part 5
فونتهای پایه وب، بخش ۶
Basic Web Fonts, Part 6
رنگ و دسترسیپذیری
Color and Accessibility
معرفی بخش دوم
Module 2 Introduction
فونتهای پیشرفته وب، بخش ۱
Advanced Web Fonts, Part 1
فونتهای پیشرفته وب، بخش ۲
Advanced Web Fonts, Part 2
فونتهای پیشرفته وب، بخش ۳
Advanced Web Fonts, Part 3
فونتهای پیشرفته وب، بخش ۴
Advanced Web Fonts, Part 4
تایپوگرافی و کاربردپذیری در طراحی
Typography and Usability in Design
فضاهای رنگی و فرمتها، بخش ۱
Color Spaces and Formats, Part 1
فضاهای رنگی و فرمتها، بخش ۲
Color Spaces and Formats, Part 2
فضاهای رنگی و فرمتها، بخش ۳
Color Spaces and Formats, Part 3
رنگ در طراحی، بخش ۱
Color in Design, Part 1
رنگ در طراحی، بخش ۲
Color in Design, Part 2
رنگ در طراحی، بخش ۳
Color in Design, Part 3
افکتهای بصری با CSS
Visual Effects with CSS
معرفی بخش سوم
Module 3 Introduction
پسزمینهها و افکتهای CSS، بخش ۱
CSS Backgrounds & Effects, Part 1
پسزمینهها و افکتهای CSS، بخش ۲
CSS Backgrounds & Effects, Part 2
پسزمینهها و افکتهای CSS، بخش ۳
CSS Backgrounds & Effects, Part 3
پسزمینهها و افکتهای CSS، بخش ۴
CSS Backgrounds & Effects, Part 4
پسزمینهها و افکتهای CSS، بخش ۵
CSS Backgrounds & Effects, Part 5
پسزمینهها و افکتهای CSS، بخش ۶
CSS Backgrounds & Effects, Part 6
پروژه وبلاگ، بخش ۱
Blog Project, Part 1
پروژه وبلاگ، بخش ۲
Blog Project, Part 2
پروژه وبلاگ، بخش ۳
Blog Project, Part 3
پروژه وبلاگ، بخش ۴
Blog Project, Part 4
پروژه وبلاگ، بخش ۵
Blog Project, Part 5
پروژه وبلاگ، بخش ۶
Blog Project, Part 6
پروژه وبلاگ، بخش ۷
Blog Project, Part 7
پروژه وبلاگ، بخش ۸
Blog Project, Part 8
پروژه وبلاگ، بخش ۹
Blog Project, Part 9
انیمیشنهای CSS و تجربه کاربری
CSS Animation and User Experience
معرفی بخش چهارم
Module 4 Introduction
انتقالهای CSS (Transitions)، بخش ۱
CSS Transitions, Part 1
انتقالهای CSS (Transitions)، بخش ۲
CSS Transitions, Part 2
انتقالهای CSS (Transitions)، بخش ۳
CSS Transitions, Part 3
انتقالهای CSS (Transitions)، بخش ۴
CSS Transitions, Part 4
انتقالهای CSS (Transitions)، بخش ۵
CSS Transitions, Part 5
تغییر شکلهای CSS (Transforms)، بخش ۱
CSS Transforms, Part 1
تغییر شکلهای CSS (Transforms)، بخش ۲
CSS Transforms, Part 2
تغییر شکلهای CSS (Transforms)، بخش ۳
CSS Transforms, Part 3
تغییر شکلهای CSS (Transforms)، بخش ۴
CSS Transforms, Part 4
تغییر شکلهای CSS (Transforms)، بخش ۵
CSS Transforms, Part 5
تغییر شکلهای CSS (Transforms)، بخش ۶
CSS Transforms, Part 6
مبانی جایگذاری (Positioning)، بخش ۱
Positioning Basics, Part 1
مبانی جایگذاری (Positioning)، بخش ۲
Positioning Basics, Part 2
انیمیشنهای Keyframe، بخش ۱
Keyframe Animations, Part 1
انیمیشنهای Keyframe، بخش ۲
Keyframe Animations, Part 2
انیمیشنهای Keyframe، بخش ۳
Keyframe Animations, Part 3
انیمیشنهای Keyframe، بخش ۴
Keyframe Animations, Part 4
نمایش نظرات