Téléchargé 13 fois
Téléchargé parJean-Sébastien Daigle
Web site pattern – le design en mode solution
Le document aborde les principes du design web, mettant l'accent sur la résolution de problèmes de communication plutôt que sur l'esthétique uniquement. Il décrit diverses approches et types de mise en page adaptés à différents contenus, tout en soulignant l'importance de la collaboration entre designers et rédacteurs. Enfin, il insiste sur le fait que ces modèles ne sont pas des solutions, mais des réponses à des problématiques spécifiques.
Web site pattern – le design en mode solution
- 1. Web site pattern &le design en mode solution
- 2.
- 3.
- 4.
- 5. Être designer ne seréduit pas à être un spécialiste de l’esthétique.
- 6. C’est un spécialiste enrésolution de problèmes de communication.
- 7.
- 8.
- 9. La photographie Alfred Eisenstaedt EddieAdams, The Associated Press
- 10. La composition Piet MondrianAnna Blume, Dichtungen, 1919
- 11. C’est un spécialiste enrésolution de problèmes de communication.
- 12. C’est un spécialiste enrésolution de problèmes de communication.
- 13.
- 14. Sans problèmes, il nepeut y avoir de solutions.
- 15. 1 Il faut trouverles bons PROBLÈMES afin d’avoir les bonnes SOLUTIONS.
- 16.
- 17. Quelle est l’influencedu lorem ipsum sur le travail de conception ?
- 18.
- 19.
- 20. La photographie Alfred Eisenstaedt EddieAdams, The Associated Press
- 21. La composition Piet MondrianAnna Blume, Dichtungen, 1919
- 22.
- 23. « Je vais ajusterles textes en fonction du design. »
- 24. « Je vais pouvoirchanger les textes dans le CMS. »
- 25. « Je vais remettreles textes lorsqu’ils seront finaux. »
- 26.
- 27.
- 29. 2 Parlez-vous & défiez-vous. La communication donnetoujours de meilleurs résultats.
- 30. Designers, rédacteurs, concepteurs etclients, vous devez trouver les problèmes de communication à résoudre.
- 31.
- 32.
- 33.
- 34.
- 35. Les objectifs La clientèle Lanature des textes La longueur des textes La navigation La composition
- 36.
- 37. Navigation principal Navigation secondaire Titre dela page Lorem ipsum
- 38. letype classique • Versatile • Efficace • Fonctionnel • Rassurant
- 41.
- 42.
- 43. Des règles quiorientent la création d’un projet.
- 45. 4,473,900+ articles* en anglaisseulement http://en.wikipedia.org/wiki/Wikipedia:Size_of_Wikipedia
- 47.
- 48. Comment mettre enpage une quantitéphénoménaled’articles de naturesdifférentes ?
- 49. • Grille liquide–Parfaitpour toutes les résolutions d’écran • Majoritairement texte • Images à l’appui • Navigation : Moteur de recherche et hyperliens • Style graphique simple
- 50.
- 51.
- 52. Comment expliquer unconcept ouuneidée ?
- 53.
- 54. • 100 % del’é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
- 55.
- 56.
- 57.
- 58.
- 59. Mettre en parallèledes informations de même nature ?
- 60.
- 61. • 100 % del’écran • Longueur des textes similaires • Constance graphique entre les diapositives • Navigation par ordre alphabétique,date,couleur,etc. letype comparatif
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68. Comment conserverl’attention lorsque l’ontraite d’unsujet complexe ?
- 69.
- 70. • Structuré commeune histoire • Navigation continue • Éléments de composition intimement reliés letype histoirefantastique
- 71.
- 72.
- 73.
- 74.
- 75.
- 76.
- 77.
- 78.
- 79.
- 80. Comment convaincre mes actionnairesde la qualité de leur investissement ?
- 81.
- 82. letype encyclopédique • Motdu président • Chiffres • Événements importants de l’année • Chiffres • Cartes • Chiffres • Diagrammes
- 83.
- 84.
- 85.
- 86.
- 87.
- 88.
- 89.
- 90. letype encyclopédique • Grandequantité d’éléments à présenter • Typographie importante • Sans artifice inutile • Grille stable
- 91.
- 92.
- 93.
- 94.
- 95.
- 96.
- 97.
- 98. letype magazine • Grandephoto 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.
- 100.
- 101.
- 102. Comment faire vivre uneémotion enutilisant le concept d’immersion ?
- 103.
- 104. letype onrail • Immersionnarrative • Navigation continue • Conception sous forme d’un scénario • Utilisation de la vidéo et de l’audio
- 105.
- 106.
- 107.
- 108.
- 109.
- 110. Ces patterns nesont pas des solutions, ce sont des réponses à des problèmes.
- 111.
- 112. 1 Trouvons des solutions 3 Soyonsintelligents 2 Parlons-nous
- 113.
- 114.