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.

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