The Basics of UI/UX Design
The fundamental parts of UI/UX Design recommend for you to learn are as follows:
Research
Complete beginner’s guide to user research
The UX research process in product design
Design Thinking
What is design thinking and why is it important?
How to apply design thinking to the UX process
What exactly is design thinking?
Visual Elements
- Buttons
Button design: Types of UX buttons and best practices
7 basic rules of buttons design
UI design: Basic types of buttons in user interfaces
Designing states for buttons and UI interactions
- Color
All you need to know about colors in UI design
How to use colors in UI design wisely
The most important and best colors in UI design
- Lines
Visual dividers in user interfaces: Types and design tips
Incorporating lines in web design
The psychology of lines and shapes in web design
- Shapes
All you need to know about UI design shapes and objects
The shapes of an interface: Why choosing the right shapes matter
How to use shapes in UI design
UI design shapes & objects basics: Fills and borders
- Icons
- Illustrations
- Images
Basic type of images for web content
- Navigation
UI patterns for navigation that make good UX sense
The rules for modern navigation
UX design for navigation menus
- Patterns
- Design Tips
Grid Systems
The grid system: Building a solid design layout
Better grid systems in UI design tools
The use of grids in website designs
Contrast and Balance
Bringing balance to the visual forces in your UI design
How to use contrast in UI design
Principles of design — Infographics
UX Writing
UX writing. Let user interface speak
16 rules of effective UX writing
How UX writing can help create good design
UX writing guidelines and best practices
The complete guide to UX writing
Information Architecture
A beginner’s guide to information architecture
Information architecture basics
Information architecture — Structuring content
Information architecture — a UX guide
How to apply information architecture in design
Typography
Honing your typography for UI design
How to choose the right typeface for your design
Hierarchy
Key principles of visual hierarchy in UX design
Design principles — an introduction to visual hierarchy
Visual hierarchy in design: Key principles and examples
How to use visual hierarchy and alignment to improve UI
Understanding web UI visual hierarchy
Responsiveness
Principles of responsive UI for designers and developers
An introduction to responsive web design
UI design guidelines for responsive design
Responsive websites: 30 examples and 5 best practices
Responsive web design tutorial & best practices
Whitespace
The effective utilization of white space in UI design
Applying white space in UI design
White space design: 20 striking examples and best practices
Importance of white space in good design
Principles of design: White space
Layout
Fundamentals of layout in user interface design
The guide to space and UI layout design
A complete guide to UI grid layout design
The grid system: Building a solid design layout
Material and iOS Design Guidelines
Prototyping
User interface prototyping tricks and techniques
What is prototyping: A guide to functional UX
Prototyping in user interface design
The ultimate guide to prototyping
Designing prototype from wireframe
Importance of prototyping in design
Testing/Usability
How to conduct usability testing
How to setup user testing session
