آموزش دوره کامل طراحی وب Figma: طراحی UI/UX با پروژه ها

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

معرفی Introduction

• معرفی Introduction

Figma Introduction & Explore Interface Figma Introduction & Explore Interface

• Figma مقدمه Figma Introduction

• فریم بسازید و نام آن را تغییر دهید Create Frame & Rename It

• توضیحات قاب و مثال Frame Explanations And Examples

• ابزار Rectangle with Color Fill Rectangle Tool with Colour Fill

• ابزار بیضی/دایره و ابزار چند ضلعی Ellipse/Circle Tool And Polygon Tool

• ابزار خط و پیکان توضیح داده شد Line And Arrow Tool Explained

• متن و تایپوگرافی توضیح داده شده است Text & Typography Explained

• سایر ابزارهای باقیمانده Other Remaining Tools

پروژه 1: طراحی وب سایت Ed-Tech: Navbar PROJECT 1 : Design Ed-Tech Website : Navbar

• خلاصه محصول و طراحی نوار ناوبری Product Brief & Navbar Design

• یاد بگیرید برای نصب پلاگین و Navbar کامل Learn To Install Plugin & Complete Navbar

پروژه 1: طراحی وب سایت Ed-Tech: بخش قهرمان PROJECT 1 : Design Ed-Tech Website : Hero Section

• بخش قهرمان ایجاد کنید و نحوه ایجاد سبک جهانی را بیاموزید Create Hero Section & Learn How To Create Global Style

• ایجاد دکمه با AutoLayout Create Button With AutoLayout

• عنوان قیمت گذاری دوره را ایجاد کنید Create Course Pricing Title

پروژه 1: طراحی وب سایت Ed-Tech: بخش جزئیات کلاس PROJECT 1 : Design Ed-Tech Website : Class Details Section

• ایجاد عنوان Create Heading

• کارت جزئیات کلاس را با گرادیان OverLay ایجاد کنید Create Class Detail Card With OverLay Gradient

• کارت تکراری و تغییر تصاویر و متن Duplicate Card & Change Images And Text

• ایجاد دکمه فیلتر با کامپوننت اصلی و طرح خودکار Create Filter Button With Master Component & AutoLayout

• ایجاد دکمه کشویی و ابزار مقیاس یادگیری Create Sliding Button & Learn Scale Tool

پروژه 1: طراحی وب سایت Ed-Tech: بخش جزئیات مربی PROJECT 1 : Design Ed-Tech Website : Mentor Details Section

• بخش جزئیات مربی طراحی Design Mentor Details Section

• طراحی بخش چرا به عضویت Design Why To Join Section

• کپی و تغییر متن Copy & Change Text

پروژه 1: طراحی وب سایت Ed-Tech: بخش پاورقی PROJECT 1 : Design Ed-Tech Website : Footer Section

• طراحی پاورقی Footer Design

پروژه 1: طرح و نمونه اولیه خود را به اشتراک بگذارید PROJECT 1 : Share Your Design & Prototype

• فایل های طراحی را به اشتراک بگذارید Share Design Files

• ایجاد نمونه اولیه با پیوند قابل اشتراک گذاری Create Prototype With Sharable Link

پروژه 2 : وب سایت آژانس مسافرتی : صفحه اصلی PROJECT 2 : Travel Agency Website : HomePage

• طراحی وب سایت وب سایت Travel Website Hompage Design

پروژه 2 : وب سایت آژانس مسافرتی : فعالیت های مسافرتی PROJECT 2 : Travel Agency Website : Travel Activities

• صفحه جزئیات فعالیت های سفر Travel Activities Details Page

• جزئیات فعالیت سفر کامل شد Travel Activity Details Complete

پروژه های آینده بیشتر More Upcoming Projects

• پروژه های آینده Upcoming Projects