Please enable JavaScript.
Coggle requires JavaScript to display documents.
Conception Graphique Webdesign (Design (Ergonomique (Hiérarchie de l'…
Conception Graphique
Webdesign
Design
Ergonomique
Hiérarchie de l'info
UX
Cognition, design émotionnel, satisfaction
Esthétique
Cohérence couleur etc.
Différents courants
Minimalist design
Pas de superflu
, se focaliser sur l'essentiel
Flat design
Sous-genre du concept minimalise, répond aux exigences de légèreté, de simplification, et de rapidité lié au web.
Formes épurées
et
couleurs accentuées
, l'utilisateur peut se repérer facilement grâce aux contrastes entre les interactions
Material design
Règles de design proposées par Google dans le but
de favoriser l'expérience digitale
. Apparaît en même temps que Lollipop.
Dérivé du flat design destiné à
être clair en toutes circonstance
.
Réalisme
des ombres
Doit
mettre en évidence
les actions possibles
Il est
multidimensionnel
et repose sur
un axe Z
L'objectif est d'
unir le monde réel et le monde digital
.
Flat 2.0
Rendre du volume aux interfaces tout en gardant un design épuré
Responsive Webdesign
Ethan Marcotte
https://ethanmarcotte.com/
S'adapte aux différentes tailles d'écran
grace à un contenu fluide
Que faut-il pour faire un RWD ?
Une grille de mise en page flexible
les
px
deviennent des
%
Des images et des médias flexibles
Des médias queries
Code CSS qui ne fonctionne qu'en fonction de certaines conditions
Le viewport
C'est le nom donné
à la surface totale de l'écran
des mobiles. Equivalent d'une fenêtre sur desktop
puisqu'il n'y a pas de fenêtre sur mobile
.
Les points de ruptures
inf. à 480px
pour les smartphones
inf. à 768px
pour les tablettes et smartphones récents
sup. à 768
pour tout ce qui est plus large