Différence dans la conception de wireframes pour les applications dans Nexus 5 comme les téléphones avec barre de navigation virtuelle et les autres téléphones avec boutons de navigation matériels
Comme vous le savez, les téléphones comme le Nexus 5 et le Moto G sont livrés avec une barre de navigation de navigation virtuelle comme dans le stock Android avec les boutons arrière, accueil et multitâche et il existe des téléphones comme le nouveau Asus Zenphone, etc. qui ont les boutons matériels/capacitifs.
Le Moto G et les téléphones comme le Zenphone ont une résolution 720x1280.
Environ 144 pixels vont à la barre de navigation virtuelle Moto G par rapport aux autres téléphones avec zéro pixel alloué pour le même objectif. Comment puis-je surmonter cela lors de la conception de wireframes?
J'ai besoin que mes wireframes soient exactement identiques sur les deux types de téléphones, j'ajoute généralement la barre de navigation dans mon psd et n'utilise pas l'espace derrière, mais sur les téléphones avec des boutons de navigation matériels, cet espace reste vide? J'ai demandé au développeur et il n'a aucune idée à ce sujet? J'espère que je suis clair.
Tout d'abord, les wireframes ne sont pas des écrans haute fidélité, donc la recherche de la perfection des pixels ne devrait pas être l'objectif principal.
Cela dit, les écrans Android dépendent de la taille ainsi que de la densité . Lire sur Google support d'écran la page devrait aider à clarifier.
Ayant développé pour Android auparavant, il est plus important de créer une mise en page de base que d'atteindre la perfection totale. Commencez avec le téléphone le plus populaire pour votre public (ligne Galaxy ou Nexus). Créez un écran pour chaque bouton virtuel et matériel, puis passez à un ou deux appareils supplémentaires si vous en avez le temps.
Pour votre chaîne hi-fi, choisissez simplement un téléphone - je préfère le Nexus 5 car il a l'air plus propre que la série Galaxy S car il n'y a pas de texture - puis mettez votre travail à l'intérieur.
PS. Lors de l'exportation, aidez votre développeur et assurez-vous d'économiser pour xhdpi, hdpi, etc.
1) Les wireframes ne doivent JAMAIS être parfaits en pixels.
2) Lorsque vous concevez des applications pour plusieurs écrans, concevez avec de la place pour "jouer" afin que les petites différences entre les tailles d'écran n'affectent pas votre conception. Donc non - pas de positionnement précis des pixels, sauf si votre objectif à court terme est de résider dans un asile.
3) Choisissez 3 des résolutions les plus courantes Android. Supposez que vous travaillez dessus pour les tester.
4) Cultivez une excellente relation avec vos développeurs. Travailler ensemble est FONDAMENTAL, en établissant la norme par laquelle les développeurs individuels peuvent résoudre les petits problèmes individuels.
Je ne veux pas paraître autoritaire avec les puces, mais ils font le travail :)
À votre santé!