Step 11. Visual Design (UI)

Master UX in 15 steps.📍 Start

In this step, you create look and feel of the site, visual hierarchy, choose fonts, colours, images and finalise layouts. The goal is to create an interface that communicates your ideas, guides users and makes accents on a content.

Deliverables: mood boards, mock-ups, design files, style guides or pattern libraries.

Course Intro to the Design of Everyday Things
Udacity

This course provides a summary of key concepts from the first two chapters of The Design of Everyday Things by Don Norman. It’s intended to be enjoyable and informative for anyone curious about design: everyday people, technical people, designers, and non-designers alike.

Improving Web and Mobile App Typography — 5 basic guidelines (7 mins)
Sketch Together

6 ways to tighten up your designs (3 mins)
InVision

Ever struggle to get your work past that point of good and over to great? It takes a lot of thought, consistency, and consideration to get there. In this video, we’ll run through 6 approaches you can take to tighten the screws on your designs and refine your work.

Animating the Moments — Using Animation in UX (18 mins)
DevTips

Today we stop to consider when and why to use animations in the user experience (UX).

How to use the iOS 10 UI Kit for Sketch (6 mins)
Michael Flarup

In this video I’ll learn how to use the iOS 10 UI Kit for Sketch

Designers create interfaces in Sketchapp

📖 UI Is Communication: How to Design Intuitive, User Centered Interfaces by Focusing on Effective Communication by Everett N. McKay

📝 Crash Course: UI Design

✉️ Email course: Fundamental UI Design

🎬 UX Youniversity Step 11. Visual Design (UI)

Follow Nadya Tsech
Show your support

Clapping shows how much you appreciated Nadya Tsech’s story.