Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Les tendances du webdesign

1,314 views

Published on

Flat design, skeuomorphisme, mobile first, design d’interface ou encore fonctionnalisme. Le webdesign est un devenu un art à part avec ses tendances et ses courants. Nous vous proposons lors de cet atelier de découvrir les principaux courants et leurs principes.

Published in: Design
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes.........ACCESS WEBSITE Over for All Ebooks ..... (Unlimited) ......................................................................................................................... Download FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THI5 BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Les tendances du webdesign

  1. 1. Les tendances
 du web design Mercredi 11 février – Centre de Culture Numérique – Strasweb
  2. 2. Hiwelo ! C’est qui ? Damien Senger
 Webdesigner fonctionnel
 en freelance Type-nerd! @damiensenger
 hi@hiwelo.co c’est moi ! ;)
  3. 3. Un premier combat :
 Technique vs. graphique
  4. 4. Côté technique, tl;dr • Smartphones, tablettes, smartwatches, consoles de jeu, télévisions, réfrigérateurs, …
 ➜ nécessité d’un design adaptatif • Adaptation de la forme du site au contexte
 ➜ responsive web design • Adaptation de la forme et du contenu au contexte
 ➜ adaptive web design
  5. 5. Merci à @WalterStephanie pour l’infographie !
  6. 6. 1.
 Le flat design et ses enfants
  7. 7. Le flat design, déjà. • Toujours plus plat et minimal. • Designs colorés et frais. • Il s’impose du site web jusqu’à l’interface physique. • On arrête d’imiter la réalité,
 on se focalise sur les usages. • Mise en avant de la typographie et des contenus textuels ou images.
  8. 8. – Flat design « Less is more. »
  9. 9. Le material design • Axé principalement applicatif mobile et desktop. • Des couleurs également vives et fraîches, mais plus saturées. • Un retour des ombrages, pour marquer la perspective. • Des interactions plus fortes : menus cachés, micro-interactions, etc. • Mise en avant d’icônes simples et optimisées à tous les usages.
  10. 10. – Material Design « La Google touch! »
  11. 11. De grandes images, très grandes ! • Mêlées à la typographie, c’est le retour de grandes images. • Là où le web perd en originalité, il gagne souvent en qualité visuelle. • Une part plus importante laissée à l’immersion 
 dans l’univers offscreen d’un produit, d’une société, etc.
  12. 12. « Cheese! »
  13. 13. Le minimal design • L’essentiel, et rien d’autre.
  14. 14. « Fromage. » – le minimal design
  15. 15. Le flat peut-il être artistique ? • La réponse est oui. • Le flat a réintroduit la géométrie comme un élément de jeu artistique. • On y trouve souvent, sous forme d’infographie, des choses originales. • C’est l’avènement des icônes et des petits éléments créatifs d’interaction.
  16. 16. « Kandinsky, le retour. » – le geometric design
  17. 17. Les grilles dynamiques • Le web en mode pinterest. • Permet un nouveau mode de navigation :
 une vue différente des éléments dans le temps,
 une plus grande part laissée à la découverte. • Permet également une meilleure articulation des contenus entre eux. • L’idée de construire les contenus briques par briques.
  18. 18. « Les mecs, on a besoin d’un maçon là… »
  19. 19. Flat design vs. skeuomorphisme :
 un conflit dépassé depuis bien longtemps
  20. 20. Le mix « skeuomorflat » • Un peu de flat, et un peu de réalisme.
 Un cocktail plutôt agréable ! • ollysorsby.co.uk • bagigia.com • www.downgraf.com
  21. 21. Le rétro design • Mêler les codes graphiques du rétro, aux interactions du web actuel : • http://www.agence-belle-epoque.fr/ • http://www.rftbmeatco.com/ • http://www.goglazed.com/
  22. 22. Enfin, il existe également des variantes de construction
  23. 23. Les sites « one page » • Permet de laisser une plus grande place au storytelling. • Permet d’afficher un maximum d’informations sur un sujet unique au sein d’une même page, avec une articulation par bloc. • Ce sont des sites optimisés pour la navigation tactile généralement. • http://www.dreamingwithjeff.com/ • http://2015.extralagence.com/
  24. 24. Les navigations alternatives • Les technologies web permettent aujourd’hui plus de créativité
 grâce à des navigations atypiques ou alternatives. • http://www.thielfellowship.org/ • http://redhilllavender.com.au/ • http://www.fiveminutes.gs/
  25. 25. Le scroll horizontal • Pour changer du traditionnel scroll vertical, 
 de plus en plus de sites choisissent de mettre en place une navigation horizontale laissant plus de place aux frises ou récits ancrés 
 dans le temps. • http://omnisense.net/ • http://www.digibrand.lv/ • http://lesberges.paris.fr/en/explore/
  26. 26. Bon, maintenant …
 À vous !
  27. 27. Voilà, c’est fini !
 Merci de votre a ention :) Si vous avez des questions, des remarques, des avis ou quoique ce soit : @damiensenger
 (et surtout n’hésitez pas !)
 et sinon : hi@hiwelo.co

×