دوره آموزشی طراحی وب: دریافت 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

مهارت ها

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