Composition
The arrangement of elements on the screen (or page).
Lessons
Designing in 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.
CSS for Typesetting and Composition
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.
Visual Design - Typography
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.
CSS for Layout
Responsive Layout
We’ll work together in class to build out more of the Brio example responsive web app layout in HTML & CSS.