Composition
The arrangement of elements on the screen (or page).
Competencies
-
Responsive Layout
-
Amount of Design Variations
-
Interface layout
-
Presentation Slides Design
-
Quality of Design Variations
-
Typography
Lessons
-
Layouts with CSS
Use CSS grid and flexbox to create flexible and responsive interface layous.
-
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.
-
Visual Design
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.