آموزش تصویرگر برای طراحی وب

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

مقدمه Introduction

• خوش آمدی Welcome

• تصویرگر و طراحی وب Illustrator and web design

• نحوه استفاده از پرونده های تمرینی How to use the exercise files

1. پروژه را تنظیم کنید 1. Set Up the Project

• تنظیمات سند Document settings

• مکانهای کاری وب سفارشی Custom web workspaces

• تخته های هنری Artboards

• شبکه ها Grids

• حالت ها و تنظیمات رنگی Color modes and settings

2. طراحی پاسخگو 2. Design Responsively

• طراحی پاسخگو چیست؟ What is responsive design?

• نقاط شکست را تنظیم کنید Set breakpoints

• کتابخانه ها: با Adobe Stock کار کنید Libraries: Work with Adobe Stock

• کتابخانه ها: منابع خود را مدیریت کنید Libraries: Manage your resources

• کتابخانه ها: همکاری کنید Libraries: Collaborate

• سبک های متن Text styles

• دکمه های پویا Dynamic buttons

• سبک های گرافیکی Graphic styles

• نمادها Symbols

• مقیاس گذاری 9 برشی 9-slice scaling

• ویرایش رنگ Edit color

• آثار هنری نوین Recolor artwork

• زمینه های بدون درز Seamless backgrounds

3. فرایند توسعه 3. Development Process

• نقشه سایت Site maps

• حالت خلق و خو Moodboards

• نمای کلی Wireframe Wireframe overview

• ایجاد یک سیم فریم Create a wireframe

• توسعه comps Develop comps

• جهت یابی Navigation

• قالب ها Templates

4. همکاری و به اشتراک بگذارید 4. Collaborate and Share

• راهنماهای سبک Style guides

• برای بررسی مشتری Comps for client review

5- دارایی های صادراتی 5. Export Assets

• پانل دارایی Assets panel

• قالب SVG SVG format

• نمادها را برای صفحه نمایش صادر کنید Export icons for screens

• سبک های CSS را استخراج کنید Extract CSS styles

نتیجه Conclusion

• نکات و ترفندهای طراحی Design tips and tricks

• مراحل بعدی Next steps