IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Android Discussion :

Conception graphique


Sujet :

Android

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    40
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Janvier 2010
    Messages : 40
    Points : 26
    Points
    26
    Par défaut Conception graphique
    Bonjour à tous,

    je suis à la recherche d'informations concernant la conception d'interface graphique pour android.

    Notre designeur peut me fournir un fichier illustrator avec le design mais je ne sais pas qu'elle est la meilleur résolution pour le fichier de base ni comment gérer l'export des png (dpi ?) dans les différent formats.

    Si quelqu'un peut me donner un petit bout d'explication, je suis preneur Merci.

  2. #2
    Membre régulier
    Homme Profil pro
    Développeur Java
    Inscrit en
    Novembre 2011
    Messages
    67
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Finance

    Informations forums :
    Inscription : Novembre 2011
    Messages : 67
    Points : 87
    Points
    87
    Par défaut
    Ce n'est pas que je ne veux pas te répondre, mais ta question est vachement trop vaste.

    J'aurais tendance à te renvoyer platement vers http://developer.android.com/guide/topics/ui/index.html

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    40
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Janvier 2010
    Messages : 40
    Points : 26
    Points
    26
    Par défaut
    Bonjour,

    merci pour l’intérêt porter à mon soucis.

    Je pense m'être mal exprimé. Le soucis n'est pas l'utilisation et la disposition des élément UI dans l'application mais bien l'export des images qui seront utilisé dans l'application (par exemple le logo).

    Soit il est flou, soit il est entouré par des reflets légèrement noirs ( http://data.imagup.com/12/1162879854.png ).


    EDIT : bon j'ai trouvé un bout de code qui permet de régler le soucis des reflet noirs. Pour ceux que ca intéresse, vous ajouter se code a votre Activité :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    	@Override
    	public void onAttachedToWindow() {
    		super.onAttachedToWindow();
    		Window window = getWindow();
    		window.setFormat(PixelFormat.RGBA_8888);
    	}
    Me reste maintenant, à trouver la bonne facon pour exporter le logo dans les différents format (ldpi, mdpi, etc ...).

  4. #4
    Membre régulier
    Homme Profil pro
    Inscrit en
    Février 2011
    Messages
    59
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Février 2011
    Messages : 59
    Points : 79
    Points
    79
    Par défaut PNG
    En fait ce que tu appelle format c'est la résolution de l'ecran :

    xhdpi 960dp x 720dp
    hdpi 640dp x 480dp
    mdpi 470dp x 320dp
    ldpi 426dp x 320dp

    redwarp a dans la rubrique téléchargement mis à disposition une application qui génère automatiquement à partir de ton image les images pour toutes les résolutions. Ton image doit être au format png : http://www.developpez.net/forums/d12...sites-dimages/
    Cordialement

  5. #5
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    40
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Janvier 2010
    Messages : 40
    Points : 26
    Points
    26
    Par défaut
    Oui voila c’est exactement ca dont je parle. C'est nickel ce petit logiciel merci bcp

  6. #6
    Expert éminent

    Homme Profil pro
    Ingénieur systèmes et réseaux
    Inscrit en
    Février 2007
    Messages
    4 253
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Ingénieur systèmes et réseaux
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2007
    Messages : 4 253
    Points : 7 618
    Points
    7 618
    Billets dans le blog
    3
    Par défaut
    Houla ... y a du mix là

    Il y a la "densité" virtuelle du device:
    xhdpi: 320dpi
    hdpi: 240dpi
    mdpi: 160dpi
    ldpi: 120dpi

    Et la taille "virtuelle" d'un écran:
    xlarge: au MOINS 960dp x 720dp (dp = dip = density independant pixels)
    large: au MOINS 640dp x 480dp
    normal: au MOINS 470dp x 320dp
    small: en dessous

    Comme toute l'interface est calculée en "dip" (ou "sip" si c'est du texte), on a la relation suivante: taille en pixels = taille en dip / densité virtuelle.

    D'ou, en général, le fourniture d'autant de tailles de bitmap UI (boutons/...) que de densités supportées, avec en prime l'intérêt des 9-patch pour les redimensionnements.

    Pourquoi densité virtuelle ? parceque ce n'est pas la densité vraie de l'écran... Si il fallait utiliser la densité vraie, au aurait systématiquement un redimensionnement des bitmaps (ce qui est moche).

    Par exemple: Galaxy S2, densité "vraie": 213dpi, densité "virtuelle": 240dpi (hdpi), taille écran pixels 800x480, soit... 533dp x 320dp (normal) et... 3.75in x 2.25in

    Voila voila....
    N'oubliez pas de cliquer sur mais aussi sur si un commentaire vous a été utile !
    Et surtout

Discussions similaires

  1. [Développement] Perdu la partie conception graphique d'IB
    Par comme de bien entendu dans le forum XCode
    Réponses: 1
    Dernier message: 13/02/2012, 17h59
  2. Conception graphique d'un rapport
    Par kssillati dans le forum SSRS
    Réponses: 1
    Dernier message: 09/08/2011, 14h01
  3. Probleme conception graphique / ergonomique
    Par SebastianPx dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 20/04/2009, 09h37
  4. [Conception] freeware conception graphique
    Par cannelline dans le forum Webdesign & Ergonomie
    Réponses: 2
    Dernier message: 14/10/2008, 23h44
  5. Conception graphique orientée web, s'initier
    Par kurkaine dans le forum Imagerie
    Réponses: 5
    Dernier message: 01/12/2006, 12h19

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo