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

Conception Web Discussion :

Des images design


Sujet :

Conception Web

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Janvier 2013
    Messages
    144
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Janvier 2013
    Messages : 144
    Par défaut Des images design
    Bonjour a tous, je débute un peu dans la création de site web et j'ai besoin de quelques conseils.

    par exemple, pour faire un beau design il faut utiliser des images.

    La question est de savoir comment trouver/fabriquer des images qui sortent du standard ? Par exemple, comment obtenir une image avec des angles arrondis? ou bien obtenir une image avec comme impression qu'elle soit en relief ? ou bien rendre des couleurs a moitié brillantes voir transparente.

    J'ai quelques idées mais j'aurais aimé avoir vos conseils.

    Ce que je sais c'est que l'on peut travailler les images. Pour cela faut-il obligatoirement utiliser photoshop? y a t-il des logiciels gratuit aussi puissant ? y a t-il des tuto qui permettent d'utiliser ces logiciels ?

    Ou bien autre solution, trouver deja des images sur le web et les adapter, dans les deux cas on a besoin d'un logiciel pour image. Pour le moment j'utilise GIMP mais je pense que je n'exploite pas toutes ses fonctionnalités. Est-il aussi puissant que photoshop ?

    Merci pour vos réponses.

  2. #2
    Modérateur
    Avatar de XxArchangexX
    Homme Profil pro
    Conseil - Consultant en systèmes d'information
    Inscrit en
    Mars 2012
    Messages
    1 159
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Conseil - Consultant en systèmes d'information
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Mars 2012
    Messages : 1 159
    Par défaut
    Bonjour,

    gimp est très puissant, mais il n'est pas du tout ergonomique contrairement à photoshop qui fait ça force, d'un autre côté gimp est gratuit.

    Il existe des tutoriels sur les 2 logiciels en cherchant rapidement sur Google (tutoriel photoshop ou tutoriel gimp). Mais ça demande une "petite" maitrise pour faire des choses sympathiques. Cependant une image n'est pas le plus simple pour rendre l'IHM adaptable sur tous les supports souhaités pour un site.
    Sinon en CSS ou CSS3 de nos jours tu peux faire des choses très sympathique. Donc le design n'est pas le plus simple, c'est pour cela que webdesigner est un métier .

    Quand tu vois ce que certains font sur paint :
    http://mytechquest.com/windows/amazi...aint-pictures/

    Tout est possible :p.

    Ou bien une autre solution, trouver déjà des images sur le web et les adapter
    - C'est une possibilité maintenant trouver une image qui correspond à tes attentes n'est pas le plus simple, de plus toutes les images du web ne sont pas en "libre service" après c'est un cas de conscience.

    - Il existe des forums gérés par des jeunes passionnés qui proposent leurs services pour s'amuser. Sinon il existe aussi des agences de créa et le prix varie du simple ou double donc bien étudier dans ce cas.
    L'Etat est bien administré quand l'escalier de l'école est usé et que l'herbe croît sur celui du tribunal.

    Modérateur BI

  3. #3
    Membre confirmé
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Janvier 2013
    Messages
    144
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Janvier 2013
    Messages : 144
    Par défaut
    Bonsoir, oui comme tu dis GIMP est gratuit et si on peut faire avec GIMP un design comme le lien que tu cites, ça suffira amplement, faut juste que j'explore toutes ses capacités.

    Je vais voir si je trouve un tuto (de préférence en français) dessus.

    pour ce qui est du CSS j'essai de m'y mettre (css 2) par contre le CSS 3 (mais la ça doit être un long débat) pas pour le moment car pas supporté par IE.

    Peux tu me dire par exemple comment sur ce site :

    http://mytechquest.com/windows/amazi...aint-pictures/

    - on produit un menu gris clair d'une aussi belle couleur avec des trait séparant chaque partie. Je n'ai pas encore réussi a faire ce genre de chose avec GIMP.

    - on produit des angles arrondi sur toutes les images avec impression que c'est en relief.

    merci

  4. #4
    Modérateur
    Avatar de XxArchangexX
    Homme Profil pro
    Conseil - Consultant en systèmes d'information
    Inscrit en
    Mars 2012
    Messages
    1 159
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Conseil - Consultant en systèmes d'information
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Mars 2012
    Messages : 1 159
    Par défaut
    Je dois avouer que je suis très mauvais en webdesign . J'ai étudié la chose pour mon site mais pour le moment je cherche une personne compétente qui me propose une idée qui me plait .

    Mon site est entièrement codé à la main et j'ai eu le droit à "faut tout refaire sous wordpress" ....

    Pour le site c'est du css ^_^°.

    Le menu est en li
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div class="menu-main-container"><ul id="menu-main" class="menu"><li id="menu-item-10330"> ...</li>
    Je vois aussi des couleurs, faut voir à quoi ça correspond :
    background-color: #eeeeee;
    background-color: #191919;
    background-color: #666666;

    sinon je vois aussi de l'import de jquery et colorbox.

    Le bandeau gris , c'est une image et du png, c'est un signe de photoshop ou gimp. Tu dois pouvoir le faire avec des fonctions de nuances.
    L'Etat est bien administré quand l'escalier de l'école est usé et que l'herbe croît sur celui du tribunal.

    Modérateur BI

  5. #5
    Membre extrêmement actif
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Billets dans le blog
    6
    Par défaut
    Citation Envoyé par userparis
    Ce que je sais c'est que l'on peut travailler les images. Pour cela faut-il obligatoirement utiliser photoshop?
    Non.
    Citation Envoyé par userparis
    Pour faire un beau design il faut utiliser des images.
    Non !
    Citation Envoyé par userparis
    par contre le CSS 3 (mais la ça doit être un long débat) pas pour le moment car pas supporté par IE.
    NON !!! ò_ó

  6. #6
    Membre confirmé
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Janvier 2013
    Messages
    144
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Janvier 2013
    Messages : 144
    Par défaut
    Ok, je vais explorer les couleurs pour voir à quoi ça correspond.

    mais j'aimerais bien savoir comment ils ont fait la petite barre vertical pour séparer chaque menu

    Pour le jQuery je laisse tomber pour le moment.

    Sinon j'ai pas encore trouver comment faire les nuances >> Tuto GIMP...

    Merci

  7. #7
    Membre confirmé
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Janvier 2013
    Messages
    144
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Janvier 2013
    Messages : 144
    Par défaut
    Citation Envoyé par Muchos Voir le message
    NON !!! ò_ó
    Bonjour, j'ai pas compris ta remarque "NON"

    Tu parles de CSS3, il me semble que la majeur partie des fonctionnalités de CSS3 ne sont pas supporté par IE. Je me trompe ?

    Merci

Discussions similaires

  1. [Article] Obtenir des images types pour tester vos design
    Par FirePrawn dans le forum Publications (X)HTML et CSS
    Réponses: 3
    Dernier message: 04/04/2013, 12h05
  2. Obtenir des images types pour tester vos design
    Par FirePrawn dans le forum Mise en page CSS
    Réponses: 0
    Dernier message: 21/02/2013, 16h01
  3. Afficher des images sous directX
    Par cyberlewis dans le forum DirectX
    Réponses: 17
    Dernier message: 12/07/2004, 13h07
  4. [TP][MULTI-PROBLEME]Comment afficher des images pcx
    Par mikoeur dans le forum Turbo Pascal
    Réponses: 7
    Dernier message: 24/10/2002, 14h57

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