Web site pattern – le design en mode solution
Contrairement à la pensée populaire, être designer ne se réduit pas à être un spécialiste de l’esthétique. C’est d’abord un spécialiste de la résolution problèmes de communications. Avant même d’écrire une ligne de texte, d’ouvrir Photoshop ou de choisir une technologie, c’est la responsabilité du designer, du rédacteur, du concepteur, du client et de l’équipe technique de connaitre les problèmes de communication à résoudre. Communiquer une idée? Comparer des informations? Véhiculer une émotion? Synthétiser l’information? Raconter une histoire? Il y a des objectifs que le texte, le design ou la technologie seuls ne peuvent atteindre. Trouver les problèmes. Ensuite il sera possible de créer un projet qui communiquera ce dont vous avez besoin de manière optimale. Une piste de solution. Certains s’expriment avec des mots ou même des lignes de code. Les designers, eux, s’expriment avec de la typographie, des grilles et des d’éléments graphiques. Bien que chaque projet doit être abordé différemment, il existe quelques pistes solutions récurrentes, les Web site pattern qui peuvent être utilisés pour établir des règles de création commune. Donc ! Quels sont les problèmes à résoudre? Comment une cohésion texte / visuel peut-elle influencer un projet ? Et surtout, comment sortir des sentiers battus ?
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Ähnlich wie Web site pattern – le design en mode solution
Ähnlich wie Web site pattern – le design en mode solution (9)
Web site pattern – le design en mode solution
- 1. Web site pattern & le design en mode solution
- 2. Bonjour !
- 5. Être designer ne se réduit pas à être un spécialiste de l’esthétique.
- 6. C’est un spécialiste en résolution de problèmes de communication.
- 9. La photographie Alfred Eisenstaedt Eddie Adams, The Associated Press
- 10. La composition Piet Mondrian Anna Blume, Dichtungen, 1919
- 11. C’est un spécialiste en résolution de problèmes de communication.
- 12. C’est un spécialiste en résolution de problèmes de communication.
- 13. ?
- 14. Sans problèmes, il ne peut y avoir de solutions.
- 15. 1 Il faut trouver les bons PROBLÈMES afin d’avoir les bonnes SOLUTIONS.
- 17. Quelle est l’influence du lorem ipsum sur le travail de conception ?
- 18. La couleur
- 20. La photographie Alfred Eisenstaedt Eddie Adams, The Associated Press
- 21. La composition Piet Mondrian Anna Blume, Dichtungen, 1919
- 23. « Je vais ajuster les textes en fonction du design. »
- 24. « Je vais pouvoir changer les textes dans le CMS. »
- 25. « Je vais remettre les textes lorsqu’ils seront finaux. »
- 26. Textesou Design
- 27. ou
- 29. 2 Parlez-vous & défiez-vous. La communication donne toujours de meilleurs résultats.
- 30. Designers, rédacteurs, concepteurs et clients, vous devez trouver les problèmes de communication à résoudre.
- 35. Les objectifs La clientèle La nature des textes La longueur des textes La navigation La composition
- 36. Classique
- 37. Navigation principal Navigation secondaire Titre de la page Lorem ipsum
- 38. letype classique • Versatile • Efficace • Fonctionnel • Rassurant
- 41. Classique ?
- 42. Web site pattern
- 43. Des règles qui orientent la création d’un projet.
- 45. 4,473,900+ articles* en anglais seulement http://en.wikipedia.org/wiki/Wikipedia:Size_of_Wikipedia
- 47. Accueil x 41 425
- 48. Comment mettre en page une quantitéphénoménaled’articles de naturesdifférentes ?
- 49. • Grille liquide–Parfait pour toutes les résolutions d’écran • Majoritairement texte • Images à l’appui • Navigation : Moteur de recherche et hyperliens • Style graphique simple
- 50. wikipedia.org
- 51. Encyclopédique
- 52. Comment expliquer unconcept ou uneidée ?
- 53. Présentation
- 54. • 100 % de l’écran • Navigation progressive • Textes courts • Débute par une page couverture • Termine par les contacts et les réseaux sociaux • Variation graphique entre les diapositives letype présentation
- 56. quebecnumerique.com 1 2 3 4 5 6
- 59. Mettre en parallèle des informations de même nature ?
- 60. Comparatif
- 61. • 100 % de l’écran • Longueur des textes similaires • Constance graphique entre les diapositives • Navigation par ordre alphabétique,date,couleur,etc. letype comparatif
- 62. flatguitars.com
- 63. flatguitars.com
- 64. flatguitars.com
- 65. flatguitars.com
- 66. flatguitars.com
- 68. Comment conserverl’attention lorsque l’on traite d’unsujet complexe ?
- 70. • Structuré comme une histoire • Navigation continue • Éléments de composition intimement reliés letype histoirefantastique
- 80. Comment convaincre mes actionnaires de la qualité de leur investissement ?
- 81. Rapportannuel
- 82. letype encyclopédique • Mot du président • Chiffres • Événements importants de l’année • Chiffres • Cartes • Chiffres • Diagrammes
- 89. Journal
- 90. letype encyclopédique • Grande quantité d’éléments à présenter • Typographie importante • Sans artifice inutile • Grille stable
- 91. nytimes.com
- 92. nytimes.com
- 93. nytimes.com
- 94. nytimes.com
- 97. Magazine
- 98. letype magazine • Grande photo de couverture • Variation de la grille selon le contenu • Beaucoup d’images de qualités • Division du contenu en champ d’intérêt
- 99. gqmagazine.fr
- 100. gqmagazine.fr
- 102. Comment faire vivre uneémotion en utilisant le concept d’immersion ?
- 103. Onrail
- 104. letype onrail • Immersion narrative • Navigation continue • Conception sous forme d’un scénario • Utilisation de la vidéo et de l’audio
- 105. 6millionsdemorts.com
- 106. 6millionsdemorts.com
- 107. 6millionsdemorts.com
- 108. 6millionsdemorts.com
- 110. Ces patterns ne sont pas des solutions, ce sont des réponses à des problèmes.
- 111. + +
- 112. 1 Trouvons des solutions 3 Soyons intelligents 2 Parlons-nous
- 113. Merci