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

Atomic design

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

  • 143,130 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
143,130
Vues sur SlideShare
23,794
Vues externes
119,336

Actions

J'aime
187
Téléchargements
502
Commentaires
4

79 Ajouts 119,336

http://bradfrostweb.com 110841
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 174
http://greatmobileux.com 119
http://blog.seenitbefore.net 108
http://translate.googleusercontent.com 91
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://localhost 9
http://ladartcreative.net 9
http://unmatchedstyle.com 8
http://www.feedspot.com 8
http://feeds.feedburner.com 8
http://dompteursdesouris.com 6
http://hivereader.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
https://www.google.com.mx 3
https://www.google.ca 3
http://www.instapaper.com 3
http://www.pulse.me 3
http://www.hivereader.com 3
http://www.google.co.uk 3
http://www.newround.net 3
https://www.google.com.au 2
https://mj89sp3sau2k7lj1eg3k40hkeppguj6j-a-sites-opensocial.googleusercontent.com 2
https://www.google.de 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
    Are you sure you want to
    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
    Are you sure you want to
    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
    Are you sure you want to
    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
    Are you sure you want to
    Votre message apparaîtra ici
    Traitement...
Poster un commentaire
Modifier votre commentaire

Atomic design Atomic design Presentation Transcript