Learn Figma: User Interface Design Essentials – UI/UX Design

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

Master Figma app to get a job in UI Design, User Interface, User Experience design, Web Design & UX design.

01-Module 01 - Introduction

01-Introduction

02-Whats UI or UX Design

03-How to access the community.pdf

02-Module 02 - UI Design Principles

01- Intro to Design Principles

02- Layout.ts

03- Visual Hierarchy

04- Visual Noise

05- Iconography

06- Typography.ts

07- Contrast

08- Color Palette

09- Spacing.ts

10- Grids

11- Consistency

12- Laws of UX.ts

03-Module 03 - Figma Academy

01- Introduction to Figma

02- Figma Academy (Exercise).fig.zip

02- Figma Environment

03- Shapes

04- Images

05- Editing Shapes

06- Layers Basics.ts

07- Pen & Pencil

08- Boolean Operations

09- Masks

10- Measurements

11- Text.ts

12- Auto Layout.ts

12- Note.pdf

13- Figma Auto Layout Updates (2023)

14- Constraints and Adaptive Layouts.ts

15- Styling Fill Stroke Effects.ts

16- Text and Color Styles

17- Components.ts

18- Variants.ts

19- Interactive Components

20- Layout Grids

21- Plugins.ts

22- Exporting

23- Collaboration and commenting

24- Important Keyboard Shortcuts.pdf

25- Variables.ts

26- Dev Mode

04-Module 04 - UI Elements

01- Intro to UI Elements

02- Text Fields

03- Buttons

04- Sliders

05- Tooltips

06- Selection Controls

07- Cards

08- Dialogs

09- Lists

10- Tables

11- Navigation

12- Charts

13- Snackbars

05-Module 05 - Master Color in UI Design

01- The importance of colors in UI UX design

02- Color Modes

03- The color ingredients

04- Master the color wheel

05- Different types of colors

06- Color Harmonies

07- Color Contrast

08- Real-world examples of harmonious color schemes

09- Introduction to Color Psychology

10- Gender differences in color preference

11- Required colors for UI design

12- How to create a color palette for your project

13- How to choose your base color

14- How to choose an accent colors

15- How to choose background colors

16- Semantic colors in UI design

17- What is a color scale

18- What is Grayscale

19- How to apply a color palette to your design

20- How to create great gradients-

21- What is color accessibility

22- Validate your color palette based on contrast ratio

23- Useful tools for accessibility

06-Module 06 - Web Design Project - Polio CRM Landing Page

01- Intro to the project

02- Project Brief - Polio CRM Landing Page.pdf

02- Whats Project Brief.ts

03- Whats a Design System.ts

04- Create a Design System part 1.ts

05- Create a Design System part 2

06- Create a Design System part 3

07- Create a Design System part 4

08- Assets.zip

08- Create a Design System part 5

09- Create a moodboard.ts

10- Create a Wireframe (Part 1).ts

11- Create a Wireframe (Part 2).ts

12- Whats Box Model

13- Navbar.ts

14- Hero Section.ts

15- Social Proof Section.ts

16- Features Section.ts

17- CTA Section

18- Expanded Features Section.ts

19- Integrations.ts

20- Testimonials Section.ts

21- FAQ Section.ts

22- Footer Section.ts

23- Responsiveness (Mobile).ts

24- Responsiveness (Tablet).ts

25- Responsiveness (Large).ts

26- Componentization.ts

27- Breakpoints Prototype

28- Project Handoff.ts

07-Module 07 - UI Design Challenges

01- Design Challenge 1 - Sign-in Page

02- Challenge 1 Soultion.ts

03- Design Challenge 02 (Table)

04- Challenge 2 soultion (part 1).ts

05- Challenge 2 Solution (Part 2).ts

06- Design Challenge 3 (Sidebar Layout)

07- Challenge 3 Solution

08- How to practice UI design.ts

09- Tips on Color Usage

10-Final Project.fig.zip

08-Module 08 - Advanced Prototyping

01- Whats prototyping

02- Types of UI Animation.ts

03-Assets (Figma File).zip

03- Basics of Prototyping in Figma.ts

04- Animated Like Button

05- Variants & Interactive Components.ts

06- Animated Buttons

07- Animated Switches

08- Animated Slider

09- Animated Card.mov

10- Animated Text

11- Interactive Dropdown Menu Final.ts

12- Animated Notification.ts

13- iPhones Dynamic Island

14- 3D Animation in Figma.ts

15- Loading Animation.ts

16- Animated Mesh Gradient.ts

17- Scroll Animation

18- Animated Tab Bar.ts

19- Animated Image Carousel.ts

20- Animated Floating Action Button

21- Accordion Effect

09-Module 09 - Conclusion

01- Whats next

189,000 تومان

افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy