Design for Developers

by Zaharenia Atzitzikaki

Design for Developers

Instructor Zaharenia Atzitzikaki
Skill Level Beginner
Prerequisites We’ll start with a draft presentational site for a (fictional) SaaS and we’ll iteratively apply basic design principles to make it look awesome. There are five main sections to the workshop and each section will last about 25-30 minutes. You can bring your laptop to follow the practical part, but it’s not mandatory. If you wish to follow along, basic CSS knowledge is required.
Description Developers tend to believe that you have to be born with some kind of superhuman artistic gene that will magically make you a great designer, but this is not true. Design is a skill, and as a skill it can be taught. This workshop will help you apply basic design theory to come up with a fresh, modern design that can stand on its own, without any need for a designer.

This workshop covers:

  • [Layout Theory] Grids & whitespace
  • [Layout Practice] How to apply whitespace, how to use & break the grid
  • [Typography Theory] Basic typeface classification, typographic scale
  • [Typography Practice] How to find your workhorse typeface, how to combine typefaces, how to apply typographic scale on your design
  • [Colour Theory] Intro to colour theory (colour wheel, classification), how to combine colours
  • [Colour Practice] How to pick a colour palette, how to apply your colour palette on your design
  • [Graphics & animation Theory] Icons & images, video & animation
  • [Graphics & animation Practice] How to choose & use an icon set, how (and where) to add video or animation, how to spice up a pricing table
  • [Copywriting Theory] Copywriting is design, clarity, voice & tone style guides
  • [Copywriting Practice] How to write clear copy, how to avoid slang, how to ruthlessly edit, how to write clear forms