آموزش طراحی اپلیکیشن موبایل در Figma: Complete Project

درس ها Lessons

• طرح بندی صفحه اول را ایجاد کنید Create the layout for the first screen

• Figma vs Adobe XD vs Sketch vs Photoshop Figma vs Adobe XD vs Sketch vs Photoshop

• استفاده از اجزا - راهنمای گام به گام Using components – step by step guide

• این روشی است که شما از انواع مختلف استفاده می کنید This is how you use variants

• سوئیچ های ضامن ایجاد کنید Create toggle switches

• دو مهارت اساسی برای داشتن در Figma Two fundamental skills to have in Figma

• در اینجا نحوه ساخت یک صفحه کارت اعتباری زیبا آورده شده است Here’s how you can make a beautiful credit card screen

• پایه را برای صفحه اصلی تنظیم کنید Set up the foundation for the home screen

• تجزیه و تحلیل رقبای برنامه - قسمت 1 Analyze the app’s competitors – Part 1

• ایجاد گزینه هایی برای نوار اقدام Creating options for the action bar

• انتخاب بهترین نوع فونت Choosing the best typeface

• صفحه های ورود و ثبت نام را ایجاد کنید Create the login and register screens

• این طراحی اپلیکیشن موبایل را اصلاح کنید Fix this mobile app design

• نحوه استایل دادن به کارت نقد How to style a review card

• مفاهیم طراحی برای لیست رستوران (2) Design concepts for the restaurant listing (2)

• از قبل برای نمونه اولیه فکر کنید Think ahead for the prototype

• تجزیه و تحلیل رقبای برنامه - قسمت 2 Analyze the app’s competitors – Part 2

• یک سبک جدید از دکمه برای داشتن یک جریان عالی A new style of button to have a great flow

• استفاده از فیلدها به روش صحیح Using fields the right way

• نظرات نهایی در مورد پروژه Final thoughts about the project

• معرفی پروژه Introduction to the project

• طراحی کارت با اجزا Design cards with components

• یک صفحه نظرات زیبا طراحی کنید Design a beautiful reviews page

• تغییرات بیشتر برای کارت More variations for the card

• 18 تسویه حساب p1 صفحه پرداخت را ایجاد کنید – مرحله 1 18 checkout p1Create the checkout screen – step 1

• نظر من در مورد رفتن مایل بیشتر My take on going the extra mile

• مفاهیم طراحی برای صفحه نمایش جزئیات رستوران (3). Design concepts for the restaurant details (3) screen

• نوار وضعیت و نوار اقدام را تنظیم کنید Set up the status bar and the action bar

• روی سرعت خود تمرکز کنید Focus on your speed

• برای تغییر سریع نمادها از تعویض نمونه استفاده کنید Use instance swap to quickly change icons

• افزایش سرعت Gain speed

• منوی سمت چپ را ایجاد کنید Create the left menu

• اولین صفحه برنامه خود را طراحی کنید Design your first app screen

• بررسی اجمالی پروژه تا این مرحله Project overview until this point

• مهمترین چیز در مورد طراحی اپلیکیشن ها The most important thing about designing apps

• از ویژگی های جزء استفاده کنید - مانند یک حرفه ای! Use component properties – like a professional!

• مفاهیم طراحی برای صفحه نمایش مکان (1) Design concepts for the location screen (1)

• صفحه جزئیات رستوران را ترسیم کنید Sketch out the restaurant details screen

• صفحه پرداخت را ایجاد کنید - مرحله 2 Create the checkout screen – step 2

• به دوره خوش آمدید! Welcome to the course!

• ظاهر برنامه ما را با سبک ها تعریف و اصلاح کنید Define and refine our app’s look with styles

• بیایید سرعت خود را افزایش دهیم Let’s improve our speed

• استفاده از انواع در صفحه پرداخت Using variants in the checkout screen

• سرعت خود را تمرین کنید Practice your speed

• تنوع برای جزئیات رستوران Variation for the restaurant details

• تغییرات فهرست نهایی رستوران (2) Final restaurant listing variations (2)

• صفحه اول را تمام کنید Finish the first screen

• چک باکس های تعاملی ایجاد کنید Create interactive checkboxes

• جایگزین های فهرست رستوران (2) Restaurant listing alternatives (2)

• بررسی مختصر Exploring the brief