collection of slides | eyelearn.org

index

Collected slide decks used in design sessions & workshops

Each slide deck is presented as minimal standalone page, split into parts for quicker access and includes links to referenced sites as fitting. Some include supplementary material such as slideshow video (without audio) or related resources.

getting started

Websites... how do they work anyway? browsing habits, technical basics of putting a site online
Team work rocks \m/ Let’s look at how to set up our design files and consider how to best prepare them for collaboration.
(File) Sharing & Caring A look at file naming conventions, file organisation and how to keep track of iterations.
SIX THINKING HATS content planning Using the lateral thinking method by Dr Edward de Bono to refine your website’s content and IA (information architecture)

design beginnings

design principles I balance, gradation & contrast and repetition & rhythm
design principles II dominance, unity & continuation and proportion
colour meanings / combinations / examples
composition in webdesign emphasis & focus, a/symmetry, leading lines and the rule of thirds
intro to information design examples of changing graphic styles in information design
interface design gestalt principles: proximity, similarity, Prägnanz, symmetry and closure
brand design considering aspects of successful brand design

delving deeper

colour scheme design finding effective colour combinations: 3 methods for colour scheme design
icon design The evolution of the icon: from early pictograms to today's digital icon design
CSS background images preparing images for web and working with multiple background images in CSS
brand design across media growing your brand and a look at the Old Spice brand evolution
design for UX & accessibility How can we design for inclusion and delight?