Step 11. Visual Design (UI)

Nadya Tsech
Mastering UX
Published in
3 min readApr 5, 2017

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

--

--

Nadya Tsech
Mastering UX

B2B Product Manager at Ataccama. I write about product and design