دوره آموزشی طراحی وب: دریافت CSS از فتوشاپ
24 دقیقهمبتدی2013-11-21
مدرسین

Chris Converse
Applies design and UX principles to technology
جزئیات دوره
پنل لایهها در فتوشاپ ویژگیای داره که میتونه به طور خودکار CSS مارکآپ رو از یک طراحی موجود استخراج کنه. ویژگی "کپی CSS" به شما این امکان رو میده که استایلها، رنگها، موقعیتها، افکتهای مرزی، گرادیانهای CSS3 و حتی موقعیتهای انیمیشنهای CSS3 رو از طراحیهایتون بیرون بیارید. کریس کانورس به شما نشون میده که چطور CSS لازم برای نمایش همون افکتها در مرورگر وب رو استخراج کنید و مارکآپ رو داخل یک فایل HTML قرار بدید. با استفاده از این ویژگی سریع و راحت میتونید کار با CSS رو سرعت ببخشید.
اهداف یادگیری:
استخراج CSS از طراحی فتوشاپ
کپی کردن استایلها و رنگها به CSS
اعمال CSS3 گرادیانها و انیمیشنها
وارد کردن CSS به فایل HTML
سرعت بخشیدن به فرآیند کار با CSS
اهداف یادگیری:
استخراج CSS از طراحی فتوشاپ
کپی کردن استایلها و رنگها به CSS
اعمال CSS3 گرادیانها و انیمیشنها
وارد کردن CSS به فایل HTML
سرعت بخشیدن به فرآیند کار با CSS
مهارت ها
Web Design BusinessWeb StandardsWeb DesignSmall Business and EntrepreneurshipPhotoshopFront-End Web DevelopmentLimited SeriesAdobeWeb Development
سرفصل ها
0. مقدمه
- 01 - پیش نمایش پروژه نهایی
- 02 - در مورد فایلهای تمرین
1. استخراج ویژگیهای CSS از فتوشاپ
- 03 - دریافت خصوصیات CSS از لایههای متن
- 04 - لایههای هنری در مقابل اشکال برداری
- 05 - تبدیل سبکهای لایه (افکت ها) به CSS
- 06 - دریافت CSS برای چندین لایه
- 07 - گرفتن مختصات انیمیشنهای CSS3
دوره های مرتبط
- دوره آموزشی زیباییشناسی طراحی برای تجربههای وب
- دوره آموزشی جعبه ابزار CSS: نکات و روشهای طراحی و چینش صفحه
- دوره آموزشی یادگیری Wix
- دوره آموزشی Canva برای پروژههای طراحی وب و دیجیتال
- دوره آموزشی طرح بندی قابل دسترسی برای وب
- دوره آموزشی مقدمه ای بر طراحی و توسعه وب
- دوره آموزشی Figma: از طراحی تا پیاده سازی CSS
- دوره آموزشی اصول برنامه ریزی بدون کد برای وب