Mockup Design Techniques

3.
The Mockup Creation Process
3.5.
UI Component Design
3.5.1.
Interactive Elements
3.5.1.1.
Button Design
3.5.1.1.1.
Primary Buttons
3.5.1.1.4.
Icon Buttons
3.5.1.1.5.
Button States
3.5.1.2.
Form Components
3.5.1.2.1.
Input Fields
3.5.1.2.1.1.
Text Inputs
3.5.1.2.1.2.
Password Fields
3.5.1.2.1.3.
Email Fields
3.5.1.2.1.4.
Number Inputs
3.5.1.2.2.
Selection Controls
3.5.1.2.2.1.
Checkboxes
3.5.1.2.2.2.
Radio Buttons
3.5.1.2.2.3.
Dropdown Menus
3.5.1.2.2.4.
Multi-Select
3.5.1.2.3.
Form Validation
3.5.1.2.3.1.
Error States
3.5.1.2.3.2.
Success States
3.5.1.2.3.3.
Warning States
3.5.1.2.3.4.
Helper Text
3.5.1.3.
Navigation Elements
3.5.1.3.1.
Top Navigation Bars
3.5.1.3.1.1.
Logo Placement
3.5.1.3.1.2.
Menu Items
3.5.1.3.2.
Side Navigation
3.5.1.3.2.1.
Menu Structure
3.5.1.3.2.3.
Active States
3.5.1.3.3.
Breadcrumbs
3.5.1.3.4.
Pagination
3.5.1.3.5.
Tab Navigation

Previous

2. Foundational Principles of Visual Design

Go to top

Next

4. Design Tools and Software