Prototyping for Web II: Visuals for UX and Branding
Learn rapid visual design! Master color palettes, typography, images, layout & usability. Create effective designs quickly.
Course Content
Prototyping for Web II: Visuals for UX and Branding is a beginner-level Skillshare course taught by Erica Heinz. It runs 1h 20m, is taught in English, and includes a certificate of completion. Learners rate it 4.4 out of 5 from 138 reviews, with 3,422 students enrolled. It is a paid course, first published June 2014.
Unlock the secrets to rapid visual design and create stunning websites with Erica Heinz's comprehensive course! This 80-minute class guides you through the 5 fundamental elements of visual design:
- Color Palette: Learn how to choose colors that evoke the right emotions and align with your brand.
- Type Set: Master the art of typography for optimal readability and visual appeal.
- Image Set: Discover how to select and utilize images that enhance your design and tell your story.
- Layout: Create effective and engaging website layouts that guide users effortlessly.
- Usability Testing: Ensure your website is user-friendly and achieves its intended purpose.
Transform your wireframes into gorgeous, responsive websites! This course covers everything from branding and user interface (UI) design to visual prototyping.
You'll learn to combine universal design principles (like color and imagery) with web-specific concepts such as usability, user-centered design, and legibility. The course culminates in a practical class project: creating real website mock-ups.
What you'll get:
- 9 video lessons packed with actionable insights.
- Comprehensive lists of design resources to support your projects.
- A Sketch template for organized source files.
Whether you're handing your designs to a developer or building your website yourself, this class equips you with the skills to achieve the look you desire.
Ready to level up your web design skills? Explore more in the series:
- [Web Design I: Planning with Rapid Prototypes](link to Web Design I)
- [Web Design III: Responsive Design with HTML and CSS](link to Web Design III)
Have a design? We'll build it — the devs behind TutorialSearch.io
Pixel-accurate, responsive front-ends from your Figma — wired to real back-ends by the team that built this site.