دوره آموزشی فتوشاپ برای طراحی وب
2 ساعت 49 دقیقهمتوسط2020-10-06
مدرسین

Emily Kay
Web Developer and Graphic Designer
جزئیات دوره
کار در طراحی وب شامل ایجاد عناصر UI (رابط کاربری) است - آیکونها، گرافیکها، wireframesها و mockupsها. ادوب فتوشاپ قابلیتهای مورد نیاز برای انتقال راحت و آسان این عناصر طراحی را به سمت تولید فراهم میکند. در این دوره، یاد بگیرید که چگونه از فتوشاپ برای گردش کارهای طراحی وب مدرن استفاده کنید. به مربی Emily Kay بپیوندید زیرا او شما را از طریق یک پروژه طراحی وب واکنشگرا، از جمله راه اندازی، استفاده از الگوها، ساختن کامپوننت و خروجی برای وب راهنمایی میکند. او نحوه کار با artboards، کتابخانهها و اشیا smart هوشمند را نشان میدهد. او روند ایجاد چندین محصول قابل تحویل را ارائه میدهد - wireframesها، و mockupsها، صفحههای mood، راهنماهای سبک، عناصر ناوبری و موارد دیگر.
اهداف یادگیری
راه اندازی فضاهای کاری و تابلوهای هنری
استفاده از کتابخانه ها
نکات و ترفندهای طراحی پاسخگو
تنظیم نقاط شکست
ایجاد عناصر ناوبری
ایجاد بافت و زمینه
جاسازی یا پیوند دادن اشیاء هوشمند
ساخت قالب های دلخواه
ایجاد عناصر UI قابل استفاده مجدد
ذخیره و خروجی برای وب
استفاده از ژنراتور
اهداف یادگیری
راه اندازی فضاهای کاری و تابلوهای هنری
استفاده از کتابخانه ها
نکات و ترفندهای طراحی پاسخگو
تنظیم نقاط شکست
ایجاد عناصر ناوبری
ایجاد بافت و زمینه
جاسازی یا پیوند دادن اشیاء هوشمند
ساخت قالب های دلخواه
ایجاد عناصر UI قابل استفاده مجدد
ذخیره و خروجی برای وب
استفاده از ژنراتور
مهارت ها
Image EditingPhotoshopPersonaPhotographyAdobe
سرفصل ها
0. مقدمه
- 01 - خوش آمدید.
- 02 - آنچه باید بدانید.
- 03 - دانلود libraries
1. پروژه خود را راه اندازی کنید
- 04 - تنظیم سند.
- 05 - فضاهای کاری.
- 06 - artboards
- 07 - حالت ها و تنظیمات رنگ.
- 08 - libraries
2. طراحی پاسخگو
- 09 - طراحی ریسپانسیو چیست
- 10 - تعیین نقاط شکست
- 11 - نکات و ترفندهای طراحی
- 12 - لایه comps
- 13 - ایجاد عناصر ناوبری
- 14 - بافت و پس زمینه بدون درز.
- 15 - اشیاء هوشمند - تعبیه شده
- 16 - اشیاء هوشمند - لینک شده
- 17 - تبدیل اشیاء هوشمند.
- 18 - قالب های از پیش تعیین شده
- 19 - قالب های سفارشی
- 20 - پنل سبک ها
3. فرآیند
- 21 - تابلوهای خلقی.
- 22 - wireframes
- 23 - قابل استفاده مجدد ui
- 24 - ایجاد comps
4. همکاری
- 25 - راهنماهای سبک.
- 26 - نقد مشتری comps
5. ملاحظات تصویر
- 27 - نمایشگرهای شبکیه چشم
- 28 - انواع تصویر برای وب
6. خروجی دارایی برای توسعه
- 29 - legacy save for the web
- 30 - خروجی سریع
- 31 - خروجی به عنوان
- 32 - با استفاده از generator
نتیجه
- 33 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی استفاده از هوش مصنوعی در Adobe Photoshop و Creative Cloud
- دوره آموزشی هوش مصنوعی عملی: پردازش تصویر با پایتون
- دوره آموزشی یادگیری فتوشاپ
- دوره آموزشی هوش مصنوعی آژور برای توسعهدهندهها: پردازش تصاویر با Azure AI
- دوره آموزشی فتوشاپ: طراحی ماکتهای بستهبندی
- دوره آموزشی فتوشاپ: استفاده از نقشههای گرادیان
- دوره آموزشی فتوشاپ و لایتروم: مبانی ماسکگذاری
- دوره آموزشی فتوشاپ برای طراحی تجربه کاربری (UX)