آموزش فتوشاپ برای طراحی وب

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

مقدمه Introduction

• خوش آمدی Welcome

• آنچه شما باید بدانید What you should know

• بارگیری کتابخانه ها Download libraries

• درک پروژه زاویه ای CLI How to use the exercise files

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

• تنظیم سند Document setup

• فضاهای کاری Workspaces

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

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

• کتابخانه ها Libraries

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

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

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

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

• ترکیبات لایه ای Layer comps

• ایجاد عناصر ناوبری Creating navigation elements

• بافت ها و پس زمینه های بدون درز Seamless textures and backgrounds

• اشیا Smart هوشمند: جاسازی شده Smart objects: Embedded

• اشیا Smart هوشمند: پیوند داده شده است Smart objects: Linked

• الگوهای از پیش تعیین شده Preset templates

• تبدیل اشیا Smart هوشمند Convert Smart Objects

• الگوهای سفارشی Custom templates

• پنل سبک ها Styles panel

3. پردازش 3. Process

• حالت خلق و خو Mood boards

• قاب های بی سیم Wireframes

• رابط کاربری قابل استفاده مجدد Reusable UI

• ایجاد کامپ Create comps

4- همکاری 4. Collaboration

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

• بررسی مشتری Client review comps

5. ملاحظات تصویر 5. Image Considerations

• نمایشگرهای شبکیه Retina displays

• انواع تصویر برای وب Image types for the web

6. دارایی های صادراتی برای توسعه 6. Export Assets for Development

• ذخیره قدیمی برای وب Legacy save for the web

• صادرات سریع Quick Export

• صادرات به عنوان Export As

• با استفاده از ژنراتور Using Generator

نتیجه Conclusion

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