“We are in CIS help you to start in UI/UX."Craft the future with your design touch!"
-
" User Interface (UI) design In digital product or service design, it refers to the interactive and visual aspects that let people engage with the product or service. This comprises buttons, menus, navigational elements, touchscreens, and screens. An interface's usability, aesthetic appeal, and efficiency are all the products of user interface design. The user experience (UX) design process requires it as a crucial component.
-
" User Experience (UX) design In UX design, user behavior is analyzed, user research is carried out, user personas are created, and the product is designed to offer a seamless and fulfilling experience. UX designers ensure that the product is user-friendly, satisfies user goals and needs, and is intuitive."
⚡"Welcome to the exciting world of UI/UX design, where creativity and problem-solving collide to create meaningful experiences for users."
-
Videos
-
English : Youtube Video / Youtube Video
-
Arabic : Youtube Video / Youtube Video
-
-
Articles
Adobe XD Tool
- English Tutorial: Learnux Playlist
- Arabic Tutorial : Youtube Playlist
Figma Tool
- English Tutorial: Learnux Playlist
- Arabic Tutorial : Youtube Playlist
-
Understanding Visual Hierarchy
-
English : Youtube Video / Youtube Video
-
Arabic : Youtube Video
-
-
Color Theory and Usage
-
English : Youtube Video / Youtube Video
-
Arabic : Youtube Video / Youtube Video
🔷 Articles
- English : Colors Basics
- Arabic : Colors Basics
-
-
Typography in UI Design
-
English : Youtube Video / Youtube Video
-
Arabic : Youtube Video / Youtube Video
🔷 Articles
-
-
Grid Systems in UI Design
-
English : Youtube Video / Youtube Video
-
Arabic : Youtube Video
🔷 Articles
-
Adobe XD Tool
Figma Tool
-
Color inspiration
🔹Colors Palette
-
Photos
- Types of images in UI design
- A little knowledge of Illustrator tool to get clear images
OR
- Remove Background From Images (If the image has the included element)
-
Icons
-
Illustrations
-
Typography
- Grid Systems in Web Design
-
English : Youtube Video / Youtube Video
-
Arabic : Youtube Video
-
-
Autolayout
-
Figma : Youtube Video / Youtube Video
-
XD : Youtube Video
-
-
Component
-
Figma : Youtube Video / Youtube Video
-
XD : Youtube Video
-
-
Variant
-
Figma : Youtube Video / Youtube Video
-
XD : Youtube Video
🔷 Articles
-
Note: You can search for your idea and start to build your own design as it is only inspiration.
- Guide to space and layout in UI design
- Example Of Bad UI Design
- 5 Principles of Visual Design in UX
- 7 Common Mistake To Avoid
- 10 rules of composition all designers
- 10 tips for designing the user mind
- An idea from your mind as it will be designed for:
- Mobile Application
- Website
- English Tutorial: Process of UX
- Arabic Tutorial : UX Design Process / UX Design Process
🔷 Articles
The first step is to find a Product idea you can be the stakeholder with the idea at your first time.
1- 📝User Research:
- English : Youtube Video /Youtube Video
- Arabic : Youtube Video
🔷 Articles
2- 📈Compatitor Analysis:
- English : Youtube Video
- Arabic : Youtube Video
🔷 Articles
1- 🙋🏻♂️Persona:
- English : Youtube Video /Youtube Video
- Arabic : Youtube Video
🔷 Articles
2- 🗺️Empathy Map:
- English : Youtube Video
- Arabic : Youtube Video
🔷 Articles
3- 🛣️Journey Map:
- English : Youtube Video
- Arabic : Youtube Video
🔷 Articles
1- ⏳User Flow:
- English : Youtube Video
- Arabic : Youtube Video
🔷 Articles
2- 📐Information Architecture:
- English : Youtube Video
- Arabic : Youtube Video
🔷 Articles
1- 🧾Wireframe:
- English : Youtube Video
- Arabic : Youtube Video
🔷 Articles
2- 📲Prototype:
- English : Youtube Video
- Arabic : Youtube Video
🔷 Articles
- UX Prototype: Step-by-Step
3- 📱Visual Design:
- English : Youtube Video
🔷 Articles
Test: the process of evaluating a design or prototype to identify and fix any problems before it is released to the public.
1- 🧪Usability & A/B Testing:
- English : Youtube Video
- Arabic : Youtube Video /Youtube Video
🔷 Articles
2- 🤩Implementing Feedback:
- English : Youtube Video
🔷 Articles
- The Design of Everyday Things
- 100 Things Every Designer Needs to Know about People
- Don't Make Me Think
- The Actionable Guide to Starting Your Design System
- The Elements of Successful UX Design
- Meaningful Mobile Typography
- More Books
🎉Warmest congratulations on your achievement! Wishing you even more success in the future,CIS Mentors.