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

×
  • Partagez
  • E-mail
  • Intégrer
  • J'aime
  • Télécharger
  • Contenu privé
 

Atomic design

par Mobile Web Strategist and Frontend Designer sur Brad Frost Web on May 28, 2013

  • 141,414 vues

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.

Statistiques

Vues

Total des vues
141,414
Vues sur SlideShare
23,332
Vues externes
118,082

Actions

J'aime
185
Téléchargements
497
Commentaires
4

78 Ajouts 118,082

http://bradfrostweb.com 109630
http://jancbeck.com 4368
http://arquiteturadeinformacao.com 1256
http://www.scoop.it 741
http://192.168.1.145 541
https://twitter.com 431
http://www.zionandzion.com 152
http://greatmobileux.com 115
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
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://wikipolis.tumblr.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
Plus...

Accessibilité

Catégories

Détails de l'import

Importé via SlideShare au format Adobe PDF

Droits d'utilisation

© Tous droits réservés

Report content

Signalé comme inapproprié Signaler comme inapproprié
Signaler comme inapproprié

Select your reason for flagging this presentation as inappropriate.

Annuler

14 sur 4 précédent suivant Publier un commentaire

  • brandnewmedia7 Brand NewMedia Video link for above presentation is http://vimeo.com/67476280 Il y a 10 mois
    Êtes-vous sûr de vouloir
    Votre message apparaîtra ici
    Traitement...
  • 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. Il y a 10 mois
    Êtes-vous sûr de vouloir
    Votre message apparaîtra ici
    Traitement...
  • evermorepatriarch Stephen Evermore, Manager, Front-End Web Development at Pitney Bowes Will video of the presentation be available anywhere at some point? Il y a 10 mois
    Êtes-vous sûr de vouloir
    Votre message apparaîtra ici
    Traitement...
  • 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!
    Il y a 10 mois
    Êtes-vous sûr de vouloir
    Votre message apparaîtra ici
    Traitement...
Poster un commentaire
Modifier votre commentaire

Atomic design Atomic design Presentation Transcript