آموزش دوره کامل طراحی اپلیکیشن - UX، UI و تفکر طراحی

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

معرفی Introduction

• مقدمه ای بر دوره طراحی اپلیکیشن Introduction to the App Design Course

• چگونه همه چیزهای رایگان را دریافت کنیم How to Get All The Free Stuff

• مجموعه عظیم خود را از اینجا دانلود کنید Download Your Massive Bundle Here

• چرا طراحی برای یک کارآفرین اپلیکیشن مهم است Why design is important for an app entrepreneur

• تفکر طراح در مقابل تفکر غیر طراح Designer vs. Non-Designer Thinking

تئوری رنگ Color Theory

• درک حال و هوای پالت رنگ شما Understanding the Mood of Your Colour Palette

• چگونه رنگ ها را برای ایجاد پالت های رنگی ترکیب کنیم How to Combine Colours to Create Colour Palettes

• ابزار طراحی با رنگ Tools for Designing with Colour

• ابزارهایی برای طراحی با منابع رنگ Tools for Designing with Color Resources

• مطالعه بیشتر در مورد طراحی با رنگ Further Reading on Designing with Colour

تایپوگرافی Typography

• مقدمه ای بر تایپوگرافی Introduction to Typography

• خانواده نوع Serif - ریشه ها و استفاده The Serif Type Family - Origins and Use

• خانواده نوع Sans Serif - ریشه ها و کاربرد The Sans Serif Type Family - Origins and Use

• چگونه تایپوگرافی خوانایی را تعیین می کند How Typography Determines Readability

• چگونه فونت ها را مانند یک حرفه ای ترکیب کنیم How to Combine Fonts Like a Pro

• مطالعه بیشتر در مورد تایپوگرافی Further Reading on Typography

طراحی رابط کاربری (UI) برای موبایل User Interface (UI) Design for Mobile

• طراحی رابط کاربری (UI) چیست؟ What is User Interface (UI) Design?

• رویکرد راهنمای تور به طراحی UI The Tour Guide Approach to UI Design

• تمرین خوب در طراحی تعامل چیست؟ What is Good Practice in Interaction Design

• اهمیت هم ترازی The Importance of Alignment

• رنگ در طراحی رابط کاربری Colour in User Interface Design

• روش های متعدد طراحی همپوشانی متن The Many Ways of Designing Text Overlays

• چگونه یک معمار مورد توجه باشیم How to Be an Attention Architect

• مطالعه بیشتر در مورد طراحی رابط کاربری Further Reading on User Interface Design

طراحی تجربه کاربری (UX) برای موبایل User Experience (UX) Design for Mobile

• طراحی تجربه کاربری (UX) چیست؟ What is User Experience (UX) Design?

• قابلیت استفاده Usability

• درخواست مجوز Asking for Permissions

• پروفایل کاربری User Profiling

• فرم در مقابل عملکرد Form vs. Function

• ثبات Consistency

• سادگی Simplicity

• من را مجبور به فکر کردن نکن Don't Make Me Think

• شبانه روزی Onboarding

• جعبه های احمق Idiot Boxes

• مطالعه بیشتر در مورد طراحی تجربه کاربری Further Reading on User Experience Design

طراحی برای iOS و اندروید - تفاوت های مهم چیست؟ Designing for iOS and Android - What are the Important Differences?

• طراحی اندروید در مقابل iOS Android vs. iOS Design

• جهت یابی Navigation

• شیطان در جزئیات است The Devil is in the Details

• تفاوت در طراحی آیکون Differences in Icon Design

• طراحی تخت در مقابل طراحی متریال Flat Design vs. Material Design

• تفاوت در ایجاد سلسله مراتب بصری Differences in Establishing Visual Hierarchy

• دستورالعمل های طراحی iOS و Android iOS and Android Design Guidelines

قرار دادن همه چیز در کنار هم - راهنمای گام به گام گردش کار طراحی موبایل Putting it All Together - A Step-By-Step Guide to the Mobile Design Workflow

• مرحله 1: طراحی الگوها و پالت های رنگی Step 1: Design Patterns and Colour Palettes

• از کجا می توان الگوهای طراحی و پالت های رنگی را پیدا کرد Where to find design patterns and colour palettes

• مرحله 2: نحوه ایجاد نمودار جریان کاربر Step 2: How to Create a User Flow Diagram

• مرحله 3: نحوه ایجاد وایرفریم Step 3: How to Create Wireframes

• منابع وایرفریمینگ Wireframing Resources

• مرحله 4: نحوه ایجاد موکاپ های حرفه ای Step 4: How to Create Professional Mockups

• ابزارهایی برای ایجاد موکاپ Tools for Creating Mockups

• نحوه استفاده از Sketch (41) برای ایجاد موکاپ How to use Sketch (41) to Create Mockups

• نحوه استفاده از Canva برای ایجاد موکاپ How to Use Canva to Create Mockups

• نوبت شماست تا مدل های خود را بسازید Your Turn to Create Your Own Mockups

• ابزارها و منابع برای ایجاد موکاپ Tools and Resources for Creating Mockups

• مرحله 5: نحوه ایجاد یک نمونه اولیه برنامه متحرک Step 5: How to Create an Animated App Prototype

• ابزارها و منابع برای ایجاد نمونه های اولیه Tools and Resources for Creating Prototypes

• نمونه سازی با Keynote Prototyping with Keynote

• نمونه سازی با مارول Protoyping with Marvel

• نوبت شما برای ایجاد یک نمونه اولیه Your Turn to Create a Prototype

• نمونه پروتوتایپ مارول Example Marvel Prototype

منابع Resources

• کجا می توان دارایی های تصویری برای استفاده تجاری رایگان را یافت Where to Find Free-For-Commercial use Image Assets

• کجا می توان نمادهای استفاده رایگان برای تجاری را پیدا کرد Where to Find Free-For-Commercial use Icons

• چگونه به یادگیری و بهبود ادامه دهیم How to Keep Learning and Improving