آموزش بوت کمپ طراحی کامل رابط کاربری - Sketch UI/UX

درس ها Lessons

• راهنمای تایپوگرافی قسمت 1 Typography Guide Part 1

• منابع رنگ Color Resources

• مقدمه ای بر مدل سازی سه بعدی Introduction to 3D Modeling

• جداول Tables

• نمونه های اولیه تعاملی Interactive Prototypes

• چیپس Chips

• صفحه اطلاع رسانی Notification Page

• ترکیب بندی Composition

• چیدمان ها و شبکه ها Layouts & Grids

• چگونه از اپلیکیشن Sketch در گوشی خود استفاده کنیم؟ How to use the Sketch app on your phone?

• انواع لوگو Logo Types

• ابزارهای مورد نیاز Required Tools

• چگونه از Behance استفاده کنیم؟ How to use Behance?

• صادرات Exporting

• دکمه ها Buttons

• نمودار Charts

• صفحه دوربین Camera Page

• ورود و ثبت نام صفحه قسمت 2 Sign in & Sign up Page Part 2

• استایل: گرادیان Styling: Gradients

• اشکال سه بعدی 3D Shapes

• مقدمه ای بر عناصر رابط کاربری Introduction to UI Elements

• چگونه کسب و کار خود را راه اندازی کنیم؟ How to start your own business?

• مشخصات Profile

• پاورقی Footer

• صفحه داده های شخصی Personal Data Page

• منو Menu

• پالت رنگ Color Pallete

• صفحه نخست Homepage

• متن Text

• نکات ابزار Tooltips

• چگونه کسب و کار خود را مقیاس بندی کنیم؟ How to scale your business?

• طراحی لوگوی دوم ما Designing Our Second Logo

• طراحی اولین لوگوی ما Designing Our First Logo

• یک ظاهر طراحی: تار Styling: Blurs

• نمونه سازی در InVision Studio قسمت 2 Prototyping in InVision Studio Part 2

• وایرفریمینگ چیست؟ What is wireframing?

• تصاویر و بیت مپ Images & Bitmaps

• صفحه نمایه Profile Page

• ورودی ها Inputs

• نمونه سازی در InVision Studio Prototyping in InVision Studio

• بخش مشتریان Customers Section

• صفحه پیام ها Messages Page

• صفحه ثبت نام (صفحه ثبت نام) Registration Page (Sign Up Screen)

• صفحه چت Chat Page

• معامله - جزئیات Transaction - Detail

• نمونه سازی در Sketch Prototyping in Sketch

• پلاگین ها Plugins

• فیلدهای متنی Text Fields

• مقدمه ای بر اسکچ Introduction to Sketch

• نمادها Symbols

• مواد و بافت Materials & Textures

• کارت های اعتباری Credit Cards

• رنگ های اصلی، معنایی و تاکیدی Primary, Semantic, & Accent Colors

• ویژگی 2 Feature 2

• رندر و صادرات Rendering & Exporting

• چگونه نمونه کار آنلاین خود را ایجاد کنیم؟ How to Create Your Own Online Portfolio?

• طراحی لوگوی چهارم Designing Our Forth Logo

• قهرمان بخش 1 Hero Section 1

• سلسله مراتب بصری Visual Hierarchy

• پروژه 1 - طراحی مجدد اینستاگرام Project 1 - Instagram Redesign

• مرزها و سایه ها Borders & Shadows

• Hero Section 2 - Mockups Hero Section 2 - Mockups

• دیالوگ ها Dialogs

• عناصر رابط کاربری سازگار Consistent UI Elements

• الزامات طرح Sketch Requirements

• معاملات Transactions

• ایجاد یک صحنه سه بعدی Creating a 3D Scene

• قرارداد Contract

• چیدمان Layout

• وارد صفحه شوید Sign in Page

• بازرس متن Text Inspector

• چگونه اولین مشتری خود را بدست آوریم؟ How to get your first client?

• نوار ابزار Toolbar

• منابع آیکون Icon Resources

• کارت ها Cards

• کنتراست رنگ Color Contrast

• نمادهای سازگار Consistent Icons

• جهت یابی Navigation

• نمودار Charts

• فونت های سازگار Consistent Fonts

• مقدمه ای بر سبک تایپوگرافی Intro to Typography Style

• صفحه تنظیمات Settings Page

• نویز بصری Visual Noise

• راهنمای تایپوگرافی قسمت 2 Typography Guide Part 2

• لغزنده Sliders

• منابع فونت Font Resources

• کجا می توان الهام بخش طراحی کلاس جهانی را پیدا کرد؟ Where to Find World Class Design Inspiration?

• استپرها Steppers

• اصول اولیه Adobe Photoshop Basics of Adobe Photoshop

• منوها Menus

• ویرایش اشکال Editing Shapes

• بخش ویژگی های کلیدی Key Features Section

• مقدمه ای بر مبانی طراحی Introduction to Design Basics

• کاوش صفحه Explore Page

• شبانه روزی Onboarding

• دوربین و نورپردازی Camera & Lightings

• طراحی لوگوی سوم ما Designing Our Third Logo

• منابع تصویری Image Resources

• کنترل های انتخاب Selection Controls

• نقاب زدن Masking

• منتقل کردن Transfer

• قدم بعدی چیست؟ What is the next step?

• صفحه ورود Login Page

• لیست ها Lists

• شکل ها Shapes

• استایل: سایه ها Styling: Shadows

• مقدمه Introduction

• مبانی لایه Layer Basics

• تائیدیه Confirmation

• سبک متن Text Style

• شبانه روزی Onboarding

• تایپوگرافی Typography

• داستان ها Stories

• Adobe Photoshop For UI:UX Design Adobe Photoshop For UI:UX Design

• ابزارهای نمونه سازی Prototyping Tools

• پروژه 2 - برنامه مالی Project 2 - Finance App

• ابزار وایرفریم Wireframe tools

• صفحه خوراک Feed Page

• تمسخر یک برنامه Mocking up an app

• محیط طرح Sketch Environment

• ساختار دوره Course Structure

• جریان های کاربر User Flows

• استایل: حاشیه Styling: Borders

• یک ظاهر طراحی: سبک لایه مشترک Styling: Shared Layer Style

• استایل رنگ چیست؟ What is a Color Style?

• مقدمه ای بر Adobe Photoshop Introduction to Adobe Photoshop

• چگونه از Dribbble استفاده کنیم؟ How to use Dribbble?

• راهنمای طراحی Design Guide

• مقدمه ای بر UI/UX Introduction to UI/UX

• بوم The Canvas

• ویژگی 1 Feature 1

• محیط Adobe Photoshop Environment of Adobe Photoshop

• فاصله گذاری Spacing

• صفحه نمایه Profile Page

• راه اندازی صفحه Launch Screen

• فراخوانی برای اقدام Call to action

• اسنک بار Snackbars

• عملیات بولی Boolean Operations

• تأیید OTP OTP Verification

• رنگ های ثابت Consistent Colors

• یک ظاهر طراحی: پر می کند Styling: Fills

• ارتباط با مشتری خود Communicating with your client

• شمایل نگاری Iconography

• رنگ های خاکستری و شیب Grey Colors & Gradients

• پروژه 3 - صفحه فرود Project 3 - Landing Page