Est-il plus important que les images soient dans un emplacement cohérent ou affichent correctement les proportions?
J'ai une application où les utilisateurs glissent à travers les images, un peu comme une interface utilisateur Tinder. Le problème est que les images que j'utilise varient énormément dans les résolutions et les proportions. Est-il préférable d'avoir un set box qui affichera toujours les images à la même taille quelles que soient les qualités et juste essayer de les ajuster comme ceci:
Ou pour permettre aux images d'être à différents endroits pour mieux s'adapter à la résolution de chacune comme ceci:
Le deuxième exemple pourrait créer des problèmes de lisibilité, car les limites de l'image ne sont pas fortement marquées. Je crois qu'en faisant cela, vous trouverez probablement également des problèmes inattendus avec le recadrage qui nuiront à votre produit final.
Si vous voulez avoir les images les unes sur les autres - afin qu'elles puissent avoir leurs ratios "naturels", - vous pourriez avoir un effet visuel sur celles qui sont en dessous pour les séparer clairement de l'image active. Par exemple, vous pouvez utiliser une certaine transparence, les désaturer ou les estomper.
Une alternative serait de toujours avoir le même cadre autour des images et de laisser l'image redimensionner pour s'adapter à ce cadre. Une façon de le faire serait de définir une largeur et une hauteur maximales (disons, 300 pixels) et de remplir tout le reste avec du blanc. Une sorte de frame/placeholder :
J'ai développé une application avec la même interface utilisateur. Après avoir eu le même problème et discuté beaucoup, nous avons conclu que la première option était bien meilleure du point de vue de l'utilisateur. Vous pouvez afficher une image plus petite à l'intérieur mais garder toutes les cartes de la même taille avec un contour et une bordure claire.
Un exemple:
Vous pouvez également ajouter le texte (Sarah, adulte) au bas de la carte et laisser l'image s'insérer dans ImageView avec un ajustement d'aspect.