Composition
The arrangement of elements on the screen (or page).
Lessons
How to start designing interfaces on Sketch
Visual design aims to improve the user experience through the use of layouts, colors, typography and other visual elements. It’s important to start thinking about how to approach this process and the tools we can use. In this class, we will use Sketch as our primary tool for visual design.
How to style web content using CSS
CSS provides us a way to give the web browser hints about how we want the content of our website to render. We’ll start working with CSS by using it to style typographic compositions.
How to create a responsive layout using Grid
Responsive Layout exercise with a responsive Web App
We’ll work together in class to build out more of the Brio example responsive web app layout in HTML & CSS.
How to establish visual hierarchy using typography and the CRAP principles
Visual design makes our work, aesthetic, clear, and usable. We’ll start exploring some principles of typography and layout in this class. Keep in mind that theory will only take your design work so far. You have to produce work, look at it, and try again in order to actually improve.