Introduction
Généralités sur le marché des mobiles
Rappel HTML
Rappel CSS
Notions de HTML5 et CSS3
Concevoir une webApp
Les simulateurs
Construire sa première WebApp
Vérifier et compresser
Construire une webApp avec JQuery Mobile
Annexe 1 | Notions de bande passante
Annexe 2 | Les usages
Annexe 3 | Les librairies disponibles
Conclusion
Détails de la leçon
Description de la leçon
Dans cette leçon, nous vous présenterons une série d'outils qui faciliteront la conception de maquettes pour vos interfaces de sites destinées aux smartphones. Parmi ces outils, vous trouverez des fichiers PSD incluant les différents éléments des versions iPhone 3 et 4, ainsi que des outils pour les éléments de l'iPad et du système Android. Nous vous indiquons également des ressources telles que Glifiche.com, qui offre des icônes adaptées aux petits écrans avec une partie gratuite et une autre payante.
Ces outils permettent d'accélérer et de simplifier le processus de création d'interfaces. Cependant, il est crucial de prêter attention à la résolution et aux détails graphiques, notamment pour les icônes, afin d'assurer leur adaptabilité à différentes tailles d'écran. Nous soulignons également l'importance d'un graphisme épuré pour une meilleure compatibilité entre les résolutions.
Objectifs de cette leçon
Les objectifs de cette vidéo sont :
- Présenter les principaux outils de maquettage pour smartphones.
- Expliquer comment adapter les maquettes selon les différentes résolutions et systèmes.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir une connaissance de base en design et en développement web.
Métiers concernés
Les professionnels susceptibles d'utiliser ces outils incluent les web designers, les UI/UX designers, et les développeurs front-end.
Alternatives et ressources
Parmi les alternatives disponibles, vous pouvez explorer d'autres sites de ressources graphiques tels que Freepik, FlatIcon, ou Pexels.
Questions & Réponses
Je m'abonne