Moodley Session #02 - pattern libraries

Download Moodley Session #02 - pattern libraries

Post on 14-Jul-2015

123 views

Category:

Design

4 download

TRANSCRIPT

  • Pattern Librariessession #02

  • agenda styleguides / atomic design

    pattern libraries

    styleguides workflow

  • ...lets recap firststyleguides / atomic design

  • atomic design

  • Atoms

    labels input fields buttons

  • molecules combination of atoms

  • organisms headers / footers sidebars content-area ...

  • templates groups of

    organisms

    to form pages

  • pages real content show

    variations of templates

    e.g. different headlines (lenght)

  • i told youits all about ...

  • Consistency

  • well thats trueBUT...

  • what are important aspects of web design / develpment?!give it another try :)

  • there is a lot!!!consistency ipad styleguides screen-resolution ux interaction design performance desktop

    web mobile usercontent sliderssocial media call to action fullscreen buttons

  • consistency is the key to efficiency

    consistency is the key to efficiencywhich leads to ...

  • happy clients

  • happy clients happy designers

  • happy clients happy designers happy programmers

  • happy clients happy designers happy programmers happy project managers

  • happy clients happy designers happy programmers happy project managers happy everybody

  • consistency has a little brotherREUSABILITY

  • Pattern Librariesstyleguides + code

  • some libraries mailchimp.com this is responsive pattern primer bootstrap

  • no worries!you never have to touch a single line of code

  • just like playing LEGO

  • hey! we need a workflow!lets talk about it!