آموزش طراحی UI در فتوشاپ - با حرفه طراحی UI شروع کنید

درس ها Lessons

• اجازه می دهد تنظیمات برگزیده Photoshop CC2017 را برای طراحی UI تنظیم کند Lets setup Photoshop CC2017 Preferences for UI Design

• نصب اسکریپت های فتوشاپ در مک Installing Photoshop Scripts on MAC

• اضافه کردن متن به صفحه برنامه IOS Adding text to IOS App Screen

• تمرین → طراحی مجدد دریبل شات قسمت 1 Exercise →Redesign Dribbble Shot Part 1

• تمرین → طراحی مجدد دریبل شات قسمت 2 Exercise →Redesign Dribbble Shot Part 2

• چالش طراحی دکمه سه بعدی 3D Button Design Challange

• سند جدید Photohsop Photohsop New Document

• برنامه های افزودنی فتوشاپ برای طراحان رابط کاربری Photoshop Extensions for UI Designers

• انتخاب ها در Photohsop Selections in Photohsop

• استفاده از Gradient Overlay Layer Style Using Gradient Overlay Layer Style

• ترفند ساده برای حذف پس زمینه سفید Simple Trick to remove white backgrounds

• استفاده از ماسک های لایه در فتوشاپ Using Layer Masks in Photoshop

• نمونه هایی از استفاده از نور و سایه Examples of Light and Shadow usage

• استفاده از افکت لایه سایه داخلی Using Inner Shadow Layer Effect

• استفاده از اشیاء هوشمند در فتوشاپ Using Smart Objects in Photoshop

• ابزارهای آنلاین برای ایجاد طرح های رنگی Online Tools to create Color Schemes

• استفاده از مدل های برنامه برای نشان دادن طرح های خود Using App Mockups to show your designs

• کالیبراسیون رنگ چیست؟ What is Color Calibration?

• ایجاد گرید در فتوشاپ Creating Grids in Photoshop

• اضافه کردن دکمه به طراحی اپلیکیشن IOS Adding Buttons to IOS App Design

• گرادیان چیست؟ What are Gradients?

• الگوها چیست و چگونه از آنها در طراحی وب استفاده می کنیم؟ What are Patterns and how we use them in Web Design?

• طراحی تم برگه ها 1 Designing Tabs theme 1

• بیایید طراحی اپلیکیشن IOS را شروع کنیم Lets start the IOS App Design

• تمرین سرصفحه اثر پوشش شفاف Transparent Masking Effect Header Exercise

• تراز کردن در فتوشاپ Aligningment in Photoshop

• حذف اجسام کوچک از تصویر با Spot Healing Removing small objects from image with Spot Healing

• ابزارهایی که برای ایجاد وایرفریم استفاده می شوند Tools used to create wireframes

• تمرین چالش ← Clipping Mask Challange Exercise → Clipping Mask

• راه اندازی پانل ها و فضای کاری برای طراحی UI Setup Panels and Workspace for UI Design

• استفاده مجدد از سبک های لایه Re-using Layer Styles

• نحوه کار لایه ها در فتوشاپ How layers works in Photoshop

• نصب برنامه های افزودنی با استفاده از برنامه نصب کننده ZXP Photoshop CC2017 Installing Extensions using ZXP Installer Photoshop CC2017

• اصول اولیه Pen Tool Basics of Pen Tool

• تبدیل PSD به نکات کدنویسی Converting PSD to Coding Tips

• طراحی هدر مدرن قسمت 1 Modern Header Design Part 1

• نحوه عملکرد نور و سایه در طراحی UI How Light and Shadow works in UI Design

• صادرات تصاویر برای نکات طراحی وب Exporting Images for Web Design Tips

• نصب افزونه های فتوشاپ در مک Installing Photoshop extensions on MAC

• Artboards چیست؟ What are Artboards?

• ابزار Shape Tool در Photohsop Shape Tool in Photohsop

• حذف پس زمینه با ابزار Magnetic Lasso Removing Background with Magnetic Lasso tool

• طراحی تم برگه ها 2 Designing Tabs theme 2

• وایرفریم ها چیست؟ What are wireframes?

• ایجاد الگوها از یک فایل تصویری Creating Patterns from an image file

• بهترین مانیتورها (LED) برای طراحان Best Monitors (LED) for Designers

• استفاده از Gradient Editor در فتوشاپ Using Gradient Editor in Photoshop

• استفاده از گرید در طراحی وب Using Grids in Web Design

• 3 روش برای ایجاد گرادیان در فتوشاپ 3 ways to create Gradients in Photoshop

• جلوه های پوشش رنگ برای ناحیه قهرمان Color Overlay Effects for Hero Area

• افکت فشرده در فتوشاپ Pressed Effect in Photoshop

• تسلط بر جلوه های لایه سایه Mastering Drop Shadow Layer Effects

• جمع آوری منابع برای طراحی اپلیکیشن IOS Gathering Resources for IOS App Design

• طراحی تب ها در فتوشاپ Designing Tabs in Photsohop

• نصب و استفاده از فایل های pat Installing and using .pat files

• نکاتی در مورد استفاده از Grids در فتوشاپ Tips on using Grids in Photoshop

• 2 روش های اعمال الگوها 2 Methods of applying patterns

• استفاده از ابزار Select and Mask برای پاکسازی پس زمینه Using Select and Mask tool to clean up background

• این دوره در مورد چیست؟ What this course is all about?

• پنل متن در Photohop Text Panel in Photsohop

• رابط فتوشاپ چگونه کار می کند How Photoshop's Interface Works

• استفاده از Stroke Layer Effect Using Stroke Layer Effect

• اشیاء هوشمند مرتبط در فتوشاپ Linked Smart Objects in Photoshop

• قدرت افزونه های فتوشاپ Power of Photoshop extensions

• نصب اسکریپت در فتوشاپ Installing Scripts in Photoshop

• کالیبراسیون رنگ بر اساس سیستم عامل Operating System Based Color Calibration

• استفاده از Clipping Mask Using Clipping Mask

• استفاده از اشباع رنگ و روشنایی برای طرح‌های رنگی Using Hue Saturation and Brightness for Color Schemes

• انتخاب فونت و تایپوگرافی Selecting Fonts and Typography

• استفاده از گرادیان در طراحی UI Use of Gradients in UI Design

• نحوه نصب افزونه های فتوشاپ How to Install Photoshop Extensions

• میانبرهای رایج در فتوشاپ Common Shortcuts in Photoshop

• بیشتر در مورد استفاده از ابزار Pen More on using Pen Tool

• راه اندازی میانبرهای صفحه کلید سفارشی در فتوشاپ Setting Up Custom Keyboard Shortcuts in Photoshop

• طرح های رنگی برای مبتدیان Color Schemes for Beginners

• استفاده از Layer Comps در فتوشاپ Using Layer Comps in Photoshop

• طراحی هدر مدرن قسمت 2 Modern Header Design Part 2

• افزودن آیتم های منو به برنامه IOS Adding menu items to IOS App

• Font Match → ویژگی های جدید در Photoshop CC2017 Font Match → New features in Photoshop CC2017

• تنوع طراحی هدر مدرن Modern Header Design variation

• چالش ایجاد دکمه سایه نرم Soft Shadow Button Creation Challange

• ایجاد رنگ‌ها در تصاویر Making Colors pop in images

• راه حل طراحی دکمه سایه نرم Soft Shadow Button Design Solution