Infographie: Publicité et Responsive Design par Smart AdServer
Web Mobile et Responsive Design
-
Upload
poule-design -
Category
Design
-
view
693 -
download
0
description
Transcript of Web Mobile et Responsive Design
Site web mobile :Parlons du responsive
design
221 000 000 pages mobiles vues en mars 2012
Beaucoup plus d’accès par les téléphones/tablettes
Ventes de PCs =
Ventes des dispositifs mobiles
OrdinateursTablettesTéléphonesTélévisions…
Des tailles d’écrans à l’infini !
Sortez du cadre et devenez flexibles
Responsive web design
Un seul site pour tout contrôler
3 Fondations du responsive web design
Grille flexibleImages flexiblesMedia Queries
Designer une
grille réactive
Pensez « flexible »
Des images responsive ?
Le choix est difficile !
OU
Les bases du responsiveWeb design
Media Queries
Les choses à penser
Points de contrôle des media queriesBlocs et zone de « widgets »Menus et zones de navigation
Pourquoi l’utiliser ?
Compatibilité infinie (adapté aux largeurs)
Design basé sur le contenu
Evolutif à loisir
Pourquoi l’utiliser NE PAS L’UTILISER ?
Design bien plus complexe à effectuer
Temps de développement nettement plus long
Prix final du projet à flexible lui aussi ;-)