Skip to main content
grasp.study
About
Explore
Pricing
Log in
Try it for free
Back to course
👋
Welcome to a Grasp lesson
Create a free account
to keep studying and create your own study path.
Freelance UI/UX: 6-Month Roadmap
·
Module 3
Applied Visual Design for Web Interfaces
1
Digital Color Palette: Brand to Accessibility
Translate an existing brand's visual identity into a digital UI color palette, ensuring WCAG accessibility.
2
Crafting Typeface Systems for Web Interfaces
Select and pair typefaces for a web interface, defining a typographic scale for headings and body text.
Figma: 8-Point Grid Web Layouts
Implement an 8-point grid system in Figma to structure a web page layout.
4
Proximity & Negative Space for UI Hierarchy
Apply principles of proximity and negative space to create clear visual hierarchy in a UI.
5
Landing Page Visual Audit: A Scorecard Approach
Audit an existing landing page's visual effectiveness using a structured scorecard.
6
Visual Cues and User Attention in UI Design
Analyze a user interface to identify how visual cues (color, size, placement) guide user attention.
7
Landing Page Wireframing Essentials
Wireframe the key sections of a landing page (e.g., hero, features, social proof, CTA).
8
Crafting a Compelling Hero Section
Design a high-fidelity hero section that balances brand aesthetics with a clear value proposition.
Previous module
High-Demand Digital Assets for Freelancing
Next module
Designing High-Converting Landing Pages