UIX-Roadmap

This Road Map for Beginners

what is Ui/Ux mean?

• Videos
  • English : Youtube Video
  • Arabic : Youtube Video

We recommend studying ux parallel with ui-

figma Tool

• arabic Tutorial : Ehab fayez
• English Tutorial : mizko

Adobe XD Tool

• English Tutorial : from adobe xd site
• English Tutorial : learnux.io
• arabic Tutorial : Ehab fayez

The most important thing in learning UI design is coping designs and a lot of practice.

• XD Challenge (Behance)

• Daily ui

• copy designs from behance

• copy designs from Dribbble

• youtube channels

  • JesseShowalter
  • Howard Pinsky
  • Flux
  • Mizko
  • PierluigiGiglio
  • Adobe

UI Design principles.

• principles of visual-design

  • 5 Principles of Visual Design in UX
  • 10 rules of thumb
  • Gestalt principles

• Color Theory

  • Color Theory Interaction Design
  • A Beginner's Guide to Color Theory

• Typography

  • Typography in UI Design
  • How To Use Typography In UI Design

• Icons

  • Types and Functions of UI Icons
  • 7 Principles of Icon Design

• Grid System

  • Grid Systems in Web & UI Design
  • Bootstrap - grid system
  • Why You Should Use a Grid for Designing Layouts

Design System

Note: it is very important to read and study from Material Design and IOS Design Guidelines

• Design Systems: Step-by-Step Guide to Creating Your Own
• create Simple Design Systems
• IOS Design Guidelines
• Material Design

Tasks for practice

• collection of the best design practices.
• Task 1
• Task 2
• Task 3
• Task 4
• Task 5

UI project

• An idea from your mind as it will be designed for:
  • Mobile Application
  • Website

Upload project

• How To Create A Clean Portfolio Using Behance

Remember that studying ux parallel with ui ------

UX Design

What is UX Design

• What is User Experience (UX) Design?
• The Definition of User Experience (UX)

What is the process of UX

• UX Design Process Explained (Video)

UX Courses :

UI/UX Design course from edrak

Google UX Design Professional Certificate (highly recommended)

UX Design Course Nanodegree (Udacity)

UIX Arabic Resources :

• Sherif Amin

• UIX Arabian page

• UXaweya

Usability Testing course (maze):

maze

Laws of UX :

Laws of UX

A great website to learn principles of uix :

Uxcel

books

• The Basics of User Experience Design
• Undercover User Experience Design
• lean ux
• The Elements of Successful UX Design

Resources you will need it

• Images

  • Unsplash
  • Pexels

• Icons

  • nucleoapp
  • Flaticon
  • Freeicons
  • Iconfinder

• Illustrations

  • Storyset
  • Undraw

• Fonts

  • google fonts
  • Dafont
  • 1001Fonts

• Inspiration

  • mobbin
  • Collectui
  • Awwwards
  • Behance
  • Dribbble
  • important site

• important websites for study ux

  • Nngroup (very important site)
  • IDF
  • UX plant
  • UX tools
  • Invision blog
  • UX Collective

Refaat ui/ux designer at Baianat.

best wishes