UI UX Designing Course
UI/UX Design is the process of designing user interfaces and user experiences for digital products. This includes everything from apps and websites to smart TVs and wearable devices. UI/UX Design aims to create a seamless
and intuitive experience for users that meets their needs and expectations.
Introduction
- What is Design
- Designing Elements
- LAWS of Designing
- Color Theory
- Color Scheme
- Monochromatic color scheme
- Analogous color scheme
- Complementary color scheme
- RGB: the additive color mixing model
- CMYK: the Subtractive color mixing model
- Typography
- Why is typography important?
- Fonts and typefaces
- Decorative
- Best UI practices for using fonts
- Spacing methods
- Fundamentals summary
- Use of photoshop
- Tools
- PRactical Example: 1) GIF Animations with both different method
- Image Editing
- Masking
- Text Effects
- marque tools
- Clone Tools
- user interface of photoshop
- Concept of Layers
- Practical Examples: 1) Image cuttings 2) Photo Manipulation 3) ReTouching images 4) Repairing Images like like old images
- Create a Wallpaper
- Black n White old Photos to Color
- Grids and Guides
- Create a Web Graphics like poster
- Practical Example: 1) Wallpaper with 4 different images with conceptual meaning
- Creating social media icons
- Magazine Cover page
- Layer Masking
- Matte Painting / Image Manipulation
- Shape tool
- Effects
- Vanishing Point
- Practical Example: 1) New Trending Magazine front page 2) Miniatures creation
- GIF Animations
- Mockup Creation of all Designs
- Passport Size image creation
- Image Slicing
- Miniatures Creating
- WHAT IS UX DESIGN ?
- THE FOUR KEY ELEMENTS OF THE UX DESIGN PROCESS
- What does the UX process look like?
- How to improve the UX design process
- How to deal with UX design challenges
- INTRODUCTION OF UI/UX
- Project
- WHAT IS UI DESIGN ?
- Fundamentals of UI Design
- ANALYZING USER INTERFACE DESIGN
- USER INTERFACE PROTOTYPING
- USER INTERFACE TESTING
- How to deal with UI design challenges
- DIFFERENCE BETWEEN UI/UX DESIGN
- DESIGNING ELEMENTS
- UX DESIGN REQUIREMENTS
- UI DESIGN REQUIREMENTS
- Project
- Use of Adobe XD
- Artboard user interface
- Shapes tool
- Text tool
- Understanding grids and its uses
- Adding effect to shapes
- UI Kits
- Practical Example: 1) Cloud setup with mobile preview of UI design 2) Generating UI Kits
- Mob layout with all splash screen
- Practical Example 1) Flow Creations of UI based on their devices as well as responsive
- Log in pages
- Signin page,product page
- Prototype of all pages
- Practical Example: 1) Prototype creation
- Web layout page using grids
- Practical Example: 1) Button clickables layouts 2) Link sharing of UI design with flow and generating password
- Home page,about page,productpage,contact us
- How to share the layout
- Introduction
- Welcome to the Course
- What Is Figma
- Working With Projects, Files and Pages in Figma
- Using the Figma UI
- Working With Frames, Shapes, and Text in Figma
- Creating Vector Networks With the Pen Tool
- Working With Grids in Figma
- Using Figma Plugins
- Lets Design a Sign-Up Form in Figma
- Create and mobile app and website design on project
- Lets Create a Prototype
- Sharing Work and Getting Feedback
- How to Use Figma as a Developer
- Export assets