×
  • Teilen
  • E-Mail
  • Einbetten
  • Gefällt mir
  • Speichern
  • Privater Inhalt
 

Atomic design

by Mobile Web Strategist and Frontend Designer at Brad Frost Web on May 28, 2013

  • 143,422 Views

All matter, no matter how complex, can be broken down into molecules which can be broken down further into atomic elements. All web interfaces can be broken down down the same way. Atomic Design ...

All matter, no matter how complex, can be broken down into molecules which can be broken down further into atomic elements. All web interfaces can be broken down down the same way. Atomic Design provides a methodology for building an effective design system. It consists of five distint stages: atoms, molecules, organisms, templates and pages.

Statistiken

Views

Gesamtviews
143,422
Views auf SlideShare
23,864
Views einbetten
119,558

Actions

Gefällt mir
187
Downloads
502
Kommentare
4

80 Einbettungen 119,558

http://bradfrostweb.com 111055
http://jancbeck.com 4372
http://arquiteturadeinformacao.com 1256
http://www.scoop.it 746
http://192.168.1.145 541
https://twitter.com 432
http://www.zionandzion.com 180
http://greatmobileux.com 119
http://blog.seenitbefore.net 108
http://translate.googleusercontent.com 92
http://cloud.feedly.com 78
http://lanyrd.com 72
http://rollingindex.co.uk 45
http://www.ostraining.com 41
http://www.dompteursdesouris.com 41
http://www.farnal.com 36
http://plus.url.google.com 35
https://www.google.com 25
http://www.feedly.com 19
http://mymobilebrain.wordpress.com 18
http://www.newsblur.com 17
http://webcache.googleusercontent.com 16
http://newsblur.com 14
http://prezi4u.tistory.com 14
http://digg.com 13
http://www.google.com 12
https://www.rebelmouse.com 10
http://wikipolis.tumblr.com 10
http://ladartcreative.net 9
http://localhost 9
http://www.feedspot.com 8
http://feeds.feedburner.com 8
http://unmatchedstyle.com 8
http://dompteursdesouris.com 6
http://hivereader.com 6
https://translate.googleusercontent.com 6
https://www.google.co.uk 5
http://farnal-journal.squarespace.com 4
http://fever.pixelbloom.com 4
http://live-mockup.com 4
http://www.hivereader.com 3
http://www.google.co.uk 3
http://www.pulse.me 3
https://www.google.ca 3
http://www.newround.net 3
http://www.instapaper.com 3
https://www.google.com.mx 3
https://www.google.de 2
http://www.google.de 2
https://www.google.nl 2
Mehr ...

Zugänglichkeit

Kategorien

Details hochladen

Hochgeladen über SlideShare als Adobe PDF

Benutzerrechte

© Alle Rechte vorbehalten

Report content

Als unangemessen gemeldet Als unangemessen melden
Als unangemessen melden

Wählen Sie Ihren Grund, warum Sie diese Präsentation als unangemessen melden.

Löschen

14 von 4 vorherige nächste Kommentar posten

  • brandnewmedia7 Brand NewMedia Video link for above presentation is http://vimeo.com/67476280 Vor 10 Monaten
    Are you sure you want to
    Ihre Nachricht erscheint hier
    Wird bearbeitet ...
  • mathewporter Mathew Porter, Creative Director at The Web Design Group I agree with the slide regarding 'frameworks' especially. Why use other peoples stuff when you have slim solutions that are ready to go on a client by client basis. Vor 10 Monaten
    Are you sure you want to
    Ihre Nachricht erscheint hier
    Wird bearbeitet ...
  • evermorepatriarch Stephen Evermore, Manager, Front-End Web Development at Pitney Bowes Will video of the presentation be available anywhere at some point? Vor 10 Monaten
    Are you sure you want to
    Ihre Nachricht erscheint hier
    Wird bearbeitet ...
  • br4inwash3r Rizky Syazuli, Director of Technology at XM JWT this is great stuff, Brad! i'm developing something like this internally. but your system is definitely better implemented. we can expand a lot more from here.

    everything you said about style guides is true. we treat it as a secondary project. but hopefully we can integrate it deeper with our workflow with this.

    thx for sharing!
    Vor 10 Monaten
    Are you sure you want to
    Ihre Nachricht erscheint hier
    Wird bearbeitet ...
Kommentar posten
Kommentar bearbeiten

Atomic design Atomic design Presentation Transcript