Le design iOS désigne l’ensemble des règles, composants et principes visuels définis par Apple pour concevoir des applications cohérentes, intuitives et esthétiques sur ses appareils (iPhone, iPad, etc.). Il s’inscrit dans ce qu’Apple appelle Human Interface Guidelines (HIG).
Caractéristiques principales du design iOS
- Clarté : typographie lisible (souvent San Francisco, la police système), espaces aérés, hiérarchie visuelle claire.
- Définition visuelle : pas de surcharge graphique, mise en valeur du contenu plutôt que des ornements.
- Profondeur : usage subtil de l’ombre, de la transparence et du blur (flou) pour suggérer la hiérarchie (ex. : barre de navigation translucide).
- Gestures natives : balayage pour supprimer, glisser-déposer, appui long…
- Composants standards :
- Barre de navigation en haut
- Onglets en bas (Tab Bar)
- Cards (cartes) pour organiser l’info
- Contrôles familiers : switches, sliders, boutons ronds
Outils pour concevoir en respectant iOS
- Figma : avec des UI kits officiels d’Apple (gratuits) pour iPhone/iPad.
- Sketch (macOS uniquement) : très utilisé par les designers iOS.
- Adobe XD : aussi compatible avec les gabarits iOS.
- Xcode (pour les développeurs) : inclut Interface Builder et des simulators.
Astuce : Apple met à disposition des ressources officielles gratuites :
Human Interface Guidelines – Apple
Exemple simple
Une app de météo iOS typique :
- Fond clair ou adapté au thème (clair/sombre).
- Température centrale en gros chiffres.
- Icônes météo sobres (soleil, nuage) dans un style SF Symbols (bibliothèque d’icônes d’Apple).
- Navigation par geste (glisser pour changer de ville)