SlideShare is now on Android. 15 million presentations at your fingertips.  Get the app

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

Atomic design

von Mobile Web Strategist and Frontend Designer bei Brad Frost Web on May 28, 2013

  • 141,617 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
141,617
Views auf SlideShare
23,403
Views einbetten
118,214

Actions

Gefällt mir
185
Downloads
497
Kommentare
4

78 Einbettungen 118,214

http://bradfrostweb.com 109748
http://jancbeck.com 4368
http://arquiteturadeinformacao.com 1256
http://www.scoop.it 743
http://192.168.1.145 541
https://twitter.com 432
http://www.zionandzion.com 157
http://greatmobileux.com 119
http://blog.seenitbefore.net 108
http://translate.googleusercontent.com 88
http://cloud.feedly.com 78
http://lanyrd.com 72
http://rollingindex.co.uk 45
http://www.dompteursdesouris.com 41
http://www.ostraining.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://prezi4u.tistory.com 14
http://newsblur.com 14
http://digg.com 13
http://www.google.com 12
http://wikipolis.tumblr.com 10
https://www.rebelmouse.com 10
http://ladartcreative.net 9
http://localhost 9
http://www.feedspot.com 8
http://feeds.feedburner.com 8
http://unmatchedstyle.com 8
http://hivereader.com 6
http://dompteursdesouris.com 6
https://translate.googleusercontent.com 6
https://www.google.co.uk 5
http://live-mockup.com 4
http://fever.pixelbloom.com 4
http://farnal-journal.squarespace.com 4
http://www.newround.net 3
https://www.google.ca 3
http://www.instapaper.com 3
https://www.google.com.mx 3
http://www.pulse.me 3
http://www.hivereader.com 3
http://www.google.co.uk 3
https://www.google.nl 2
https://www.google.de 2
https://www.google.com.au 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

Select your reason for flagging this presentation as inappropriate.

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
    Sind Sie sicher, dass Sie...
    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
    Sind Sie sicher, dass Sie...
    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
    Sind Sie sicher, dass Sie...
    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
    Sind Sie sicher, dass Sie...
    Ihre Nachricht erscheint hier
    Wird bearbeitet ...
Kommentar posten
Kommentar bearbeiten

Atomic design Atomic design Presentation Transcript