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

Webdesign & Ergonomie Discussion :

[Webdesign] Design avec Photoshop


Sujet :

Webdesign & Ergonomie

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Mars 2007
    Messages
    37
    Détails du profil
    Informations forums :
    Inscription : Mars 2007
    Messages : 37
    Par défaut [Webdesign] Design avec Photoshop
    Bonjour,

    Tout d'abord, je précise que je suis débutant en site web...

    J'ai une petite question concernant le design des sites web.

    Je viens de regarder un tutoriel qui explique comment réaliser un design de site grace a Photoshop. L'idée est de desinner en quelque sorte son site (banniere, menu, pied de page, logo...ect) et de mettre cette image en arrière plan sur une page web (quite a découper cette image en plusieurs parties).

    Je souhaite donc savoir si cette façon de faire est répandue ou pas, si sa pose des problèmes vis-à-vis des normes en vigueur...

    En gros, est-ce une bonne façon de procéder ?

    Merci d'avance.

  2. #2
    Membre éprouvé Avatar de Dsphinx
    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2005
    Messages
    1 082
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 082
    Par défaut
    Hello,

    En fait, Photoshop te sortira un tableau composer d'images et c'est très agréable de générer des designs avec photoshop car le site a beaucoup de personnalité.

    Cependant selon les normes du W3C, il est préférable de positionner ses éléments avec des div plutot qu'avec tes tableaux (mais encore bcp de gens (dont moi certaines fois) utilsent les tableaux pour mettre en forme leurs sites)

    L'ennui tout créer avec photoshop est lorsqu'il faut mettre à jour, le site... Il est souvent fastidieux de devoir tout lancer Photoshop pour changer juste un mot dans un onglet !

    Deuxième ennui est qu'en générant autant d'images ton site sera un peu plus lent lors du premier chargement ! et s'il y a bcp de trafic cela se ressentira un peu...

    Mais sinon j'aime bien car ca permet de créer de chouette design facilement...

  3. #3
    Membre émérite Avatar de FraK
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2005
    Messages
    828
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2005
    Messages : 828
    Par défaut
    Tu as un outil dans photoshop qui découpe ton design directement en images (et c'est toi qui choisis les découpes)
    Cela se fait à'laide de l'outil "tranche".
    Une fois que tout est bien découpé, tu fais fichier >> enregistrer pour le web
    Apres c'est du choix perso (à savoir lorsque tu exporteras les images et la page .html générée par photoshop, tu dois bien regarder quel format d'images tu souhaites. Pour une bonne naviguation il ne faut pas que tes images excedent ... allez, on va dire 15ko pour etre gentil, et qu'elles soient quand même de bonne qualité. Le .jpg moyen est souvent le mieux, voir le .gif tramé)
    Infographiste / Webdesigner / Intégrateur (un peu Développeur aussi si on peut dire ;p)
    On me trouve souvent dans la partie Hardware, Systèmes et Logiciels ou encore Webmasters - Développement Web et surtout dans le forum Wordpress.
    »» Mon Blog Musical (drumnbass)

  4. #4
    Membre confirmé Avatar de dream_of_australia
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    167
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Juin 2007
    Messages : 167
    Par défaut
    Tu peux aussi utiliser Photoshop à moitié.
    Je m'explique : tu peux faire ton design sous Photoshop, mais ensuite tu n'utilises pas tout.
    Un exemple : si tu as un fond uni à un endroit, autant utiliser une background color plutôt qu'une image. Pour un fond qui se répéte en horizontal ou en vertical (par exemple un dégradé) tu peux faire une toute petite image qui ne prendra pas de place et utiliser background-repeat. ...etc...

  5. #5
    Membre éprouvé Avatar de Dsphinx
    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2005
    Messages
    1 082
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 082
    Par défaut
    Citation Envoyé par dream_of_australia
    Tu peux aussi utiliser Photoshop à moitié.
    Je m'explique : tu peux faire ton design sous Photoshop, mais ensuite tu n'utilises pas tout.
    Un exemple : si tu as un fond uni à un endroit, autant utiliser une background color plutôt qu'une image. Pour un fond qui se répéte en horizontal ou en vertical (par exemple un dégradé) tu peux faire une toute petite image qui ne prendra pas de place et utiliser background-repeat. ...etc...
    c'est ce que font la plupart des webdesigner !

  6. #6
    Membre émérite Avatar de FraK
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2005
    Messages
    828
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2005
    Messages : 828
    Par défaut
    hahahaha, clairement
    et meme que ton bg repeat est useless pour ma part ^^
    tu as juste à faire une image de 1px de large et de hauteur pour le fond, pas besoin de l'attribut repeat ^^
    et la meme chose pour le dégradé (1 px de largeur et hauteur du dégradé)
    Infographiste / Webdesigner / Intégrateur (un peu Développeur aussi si on peut dire ;p)
    On me trouve souvent dans la partie Hardware, Systèmes et Logiciels ou encore Webmasters - Développement Web et surtout dans le forum Wordpress.
    »» Mon Blog Musical (drumnbass)

Discussions similaires

  1. [Webdesign] Design du site
    Par Commodore dans le forum Webdesign & Ergonomie
    Réponses: 3
    Dernier message: 22/07/2006, 12h55
  2. Eternel probleme de design avec FF/IE
    Par Dim-G dans le forum Balisage (X)HTML et validation W3C
    Réponses: 21
    Dernier message: 04/07/2006, 17h41
  3. Réponses: 4
    Dernier message: 07/06/2006, 09h20
  4. [Webdesign] design web
    Par ibtisss dans le forum Webdesign & Ergonomie
    Réponses: 3
    Dernier message: 18/10/2005, 15h59
  5. Page d'acceuil avec photoshop-Image ready
    Par Lyn2004 dans le forum Webdesign & Ergonomie
    Réponses: 4
    Dernier message: 06/02/2005, 14h50

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