UI-UX-Cycle-RoadMap

Here we go! a way to UI/UX career path

This will help you to be an UI/UX Designer, only need your motivation to reach the top!

What is UI?
What is UX?
Difference between UI and UX

UI Material Design

Figma Tool

Arabic:

أصيل | uxAseel
Anas Rafaat | أنس رأفت

English:

Your Advisor
Dev And Design

Figma Plugins

- Iconify
- Icon8 Background Remover
- Memojis
- Mateial design icons
- uiGradiants
- Image Palette
- Illstrations
- Lorem Ipsum
- Mockup

Adobe XD Tool

Arabic:

Ehab Fayez

English:

The Net Ninja

XD plugins

- Icons 4 Design
- UI Faces
- User Profile
- unDraw
- unsplash
- Pixels
- Humaaans Illstrations
- Lorem Ipsum

Material UI Resourses

Typoghraphy design 101 rules
Heading font size
Color Theory
IOS Material UI
Android Material
Design system

Tasks and Inspiration

Daily UI
Dribbble
Page Collection
Mobbin

UX Material

what is UX process in arabic Video
Edraak course UX
what is UX process in English video
What is UX Design Process?
UX Process Toutrial

UX Research And Design Thinking

What is UX Research
What is design thnking in UX
Design Thinking In UX
what is interview?
how to make interview with your stakeholders
Compatative analysis video

Information Architcure

what is IA?
IA in Arabic
How to make IA

Empathy Map and User persona

Emapthy Map arabiv video
what is Empathy Map
How to make persona in Arabic
What is persona in UX?
How to make persona?

Wireframe and Usability Testing

What is Wireframe?
How make wireframe?
Usability Testing
Usability Tesing video in Arabic
A/B Tesing video

UX Tools

Miro for UX Research Templates
Google Forms for Servey
Persona Tool
Balsamiq for Wireframe
Protorype

Resourses to follow news and Brands

Sherif Amin UX
Figma
Google Design
Howard Pinsky
Ahmed Sekmani UI/UX
UXaweya
IDF
NN/G
UX Talks
UXpin
UX Writing Channel

Examples of Case study projects

Healer case study
Home services case study
Crafty case study