Design & Photographie, l'image comme élément de narration.

2047741c55e56804e4d2ee28a072b78a?s=47 D&B Talks
August 18, 2016

Design & Photographie, l'image comme élément de narration.

Jonathan Jato nous parle des liens entre la photographie et le design, où comment l'image sert de vecteur de communication aux idées.

2047741c55e56804e4d2ee28a072b78a?s=128

D&B Talks

August 18, 2016
Tweet

Transcript

  1. Design & Photographie L’image comme élément de narration JONATHAN JATO

    www.jonathanjato.com @the_handeyed
  2. Qui suis-je ? • Diplômé SRC/MMI • Designer Graphique •

    Photographe autodidacte • Auto-entrepreneur depuis 2014 • Membre des D&B Talks • En route pour l’Australie JONATHAN JATO www.jonathanjato.com @the_handeyed
  3. • Bokeh • Ouverture (Diaphragme) • Profondeur de champ •

    Vitesse d’obturation JONATHAN JATO www.jonathanjato.com @the_handeyed Petit Lexique
  4. • Compétence supplémentaire • Meilleure connaissance du client • Avoir

    plus de contrôle sur le design • Communiquer sur l’expérience et l’émotion • Attire davantage l’attention JONATHAN JATO www.jonathanjato.com @the_handeyed La Photographie comme un atout
  5. • Images en full-size • Communiquer sur l’émotion et la

    réalité • Images animées et vidéo - GIF, APNG, WebP, MPEG4… • Cinemagraph, design trend 2016 ? • Les marques utilisent le story-telling JONATHAN JATO www.jonathanjato.com @the_handeyed Quelles tendance ?
  6. Quelques règles à respecter JONATHAN JATO www.jonathanjato.com @the_handeyed

  7. JONATHAN JATO www.jonathanjato.com @the_handeyed Le Contraste

  8. JONATHAN JATO www.jonathanjato.com @the_handeyed Le contenu en premier Le texte

    doit être lisible pour tous Noir et blanc Contours / Ombres La composition Le Contraste
  9. JONATHAN JATO www.jonathanjato.com @the_handeyed

  10. JONATHAN JATO www.jonathanjato.com @the_handeyed Éviter les images floues Pixels Dpi

    correct pour l’impression Assez d’espace pour la mise en page Centré sur le sujet La Qualité
  11. JONATHAN JATO www.jonathanjato.com @the_handeyed

  12. JONATHAN JATO www.jonathanjato.com @the_handeyed Éviter le hors-sujet L’image apporte un

    plus Expliciter au delà des mots Peint une culture commune Apporter une sensation L’intérêt
  13. (Bons) Exemples JONATHAN JATO www.jonathanjato.com @the_handeyed

  14. JONATHAN JATO www.jonathanjato.com @the_handeyed

  15. JONATHAN JATO www.jonathanjato.com @the_handeyed

  16. JONATHAN JATO www.jonathanjato.com @the_handeyed

  17. Prise de vue VS Banques d’images JONATHAN JATO www.jonathanjato.com @the_handeyed

    Quel intérêt ? Quelle utilisation ?
  18. • Plus rapide en exécution • Demande pas mal de

    temps de recherche • On peut tout trouver (et n’importe quoi) • Pas sûr d’avoir ce qu’on veut
 (bis repetita pour chaque banque d’image fouillée) • Des photos déjà vues JONATHAN JATO www.jonathanjato.com @the_handeyed Banques d’images
  19. Gratuites • Gratuit
 (c’est important parfois) • Les droits d’utilisations


    (Qui a dit « lien » ?) • Beaucoup de choix, de mauvais choix JONATHAN JATO www.jonathanjato.com @the_handeyed Banques d’images Payantes • Prix variable • Les droits d’utilisations sont acquis • Plus de bon goût
  20. • Demande de l’organisation • Prends du temps • Cible

    exactement le besoin • Des photos uniques • Plus de véracité JONATHAN JATO www.jonathanjato.com @the_handeyed Prise de vue
  21. • Utiliser les banques d’images pour du contenu moindre •

    Penser au reportage photo pour de la communication d’envergure ou sur le long terme JONATHAN JATO www.jonathanjato.com @the_handeyed Conclusion
  22. Conseil pour la prise de vue JONATHAN JATO www.jonathanjato.com @the_handeyed

    Comment diriger des personnes ?
  23. • Connaître la personne • Choisir les tenues • Détendre

    l’atmosphère • Repérer le lieu, régler sa lumière • Expliquer le déroulement de la séance JONATHAN JATO www.jonathanjato.com @the_handeyed Avant
  24. • Maîtriser ses réglages, son cadrage • Maîtriser sa profondeur

    de champ • Diriger le(s) modèle(s) • Surveiller les détails (arrière plan, position, mains, vêtements, contrastes) • Penser au contenu final JONATHAN JATO www.jonathanjato.com @the_handeyed Pendant
  25. • Enlever les éléments parasites • Gérer les couleurs, contrastes,

    luminosité • Améliorer la peau si besoin • Faire les exports au bon format JONATHAN JATO www.jonathanjato.com @the_handeyed Après
  26. Image only JONATHAN JATO www.jonathanjato.com @the_handeyed Comment réaliser un site

    web qui ne comporte que des images ? Comme un portfolio de photographe…
  27. JONATHAN JATO www.jonathanjato.com @the_handeyed

  28. • Toutes les photo sont visibles en même temps •

    Responsive • Simple à mettre en page JONATHAN JATO www.jonathanjato.com @the_handeyed Masonry, Mosaïque
  29. JONATHAN JATO www.jonathanjato.com @the_handeyed

  30. • Plus que jamais un menu épuré et clair •

    Comment présenter des images au format portrait ? • Et sur mobile on fait quoi ? JONATHAN JATO www.jonathanjato.com @the_handeyed Full-screen
  31. JONATHAN JATO www.jonathanjato.com @the_handeyed

  32. • Idéale pour présenter tout format de photo • Moins

    idéale pour l’expérience utilisateur • Responsive ? JONATHAN JATO www.jonathanjato.com @the_handeyed Slider horizontal
  33. JONATHAN JATO www.jonathanjato.com @the_handeyed

  34. • Type article de blog • Autorise photo + petites

    • Navigation plus naturelle JONATHAN JATO www.jonathanjato.com @the_handeyed A la verticale
  35. Merci Des questions ? JONATHAN JATO www.jonathanjato.com @the_handeyed