Designer une application iPhone – Partie 3 : la réalisation du design

Share

3ème étape de notre mini-dossier : il faut maintenant créer les icônes de navigation et les autres pages.

L’étude faite dans ce dossier est celle de l’application TrucMania, téléchargeable sur l’AppStore, qui est dérivée du site TrucMania.com. Cette application a été réalisée en partenariat avec WPTechnology.

Mise en gardeAvertissement : tous les visuels, textes, images dont il est question dans cet article ont été créés spécifiquement pour le site Trucmania.com et son application pour iPhone et ne sont donc PAS libres de droits.
Si vous désirez réutiliser tout ou partie de ce contenu, merci de nous contacter au préalable.

Les icônes de navigation

iphone et icônesLes possesseurs d’iPhone le savent bien : il y a un menu de navigation en bas de l’écran, de 4 ou 5 boutons, obéissant à des règles précises quant aux dimensions et à la réalisation (icônes noires avec différents pourcentages d’opacité).

 

 

Ici, on aura donc 4 icônes :

  • favoris (étoile)
  • recherche (loupe)
  • annuaire (livre)
  • aléatoire (double flèche)

Bref, rien que du classique. On peut alors décider de les réaliser soi-même ou bien utiliser des packs d’icônes dédiés à cet effet disponibles sur le Web.
Ici, on a décidé d’utiliser les tabbar icons de Glyphish en version gratuite (200 icônes).

La réalisation des pages par la suite ne pose pas de problème spécifique :

Page de truc aléatoire

Page Aléatoire

Annuaire, 1ère page

Première page de l'annuaire

2nde page de l'annuaire

Deuxième page de l'annuaire

Annuaire 3ème page

Troisième page de l'annuaire

page des favoris

La page des favoris

Résultats de recherche

Les résultats de recherche

Page d'un truc

Affichage du détail d'un truc ou d'une astuce.

Le tout ayant été validé par le client, la prochaine et dernière partie du dossier concernera le découpage.

Demander un devis

Share

Laisser un commentaire