Apprendre le web-design [Résolu]

Tom487 · 17/06/2011, 15h22

Bonjour à tous,

Je poste sur ce forum car je me demande si ce que je veux est seulement possible.
Je possède un DUT en informatique, mon niveau en programmation est correct.
Je code un site web sur mon temps libre en ce moment, problème, je ne sais vraiment pas comment créer des designs de site correct, j'ai beau essayé ça ne fais jamais "professionnel".
Donc ma question est : Connaîtriez-vous des tutoriaux, ou des cours même si il faut, qui n'expliquent pas comment créer le design mais comment le penser plutôt, exactement comment apprendre à penser un design, en terme d'ergonomie ect...?

Je sais très bien que je ne suis surement pas compétent dans ce domaine, mais il me faudrait au moins des bases pour des besoins professionnels futur ou tout simplement pour que mes sites ne soient pas moche ^^.

Merci par avance de votre aide.

Ozeil · 17/06/2011, 16h57

Pour ma part je dirais que le mieux est de commencé à faire du graphisme simplement au début, je sais que ce n'est pas sa que tu recherche mais dans un premier temps tu t’appropria beaucoup mieux les différents outils. Et tu apprendra à réfléchir à comment réaliser tes créations. Ensuite il y a énormément de tutoriels qui apprennent à créer des web design.

Mais comme je l'ai dit le pour pour apprendre à penser sur l'ergonomie, les couleurs... C'est de pratiquer. (signatures, fonds d'écrans...)

Robin56 · 17/06/2011, 17h13

Citation:

Envoyé par Ozeil

Ensuite il y a énormément de tutoriels qui apprennent à créer des web design.

M'ouai enfin je ne sais pas si le design s'apprend aussi facilement qu'un langage informatique via des tutoriels (mais je précise que je n'ai jamais touché à des tutos de web design).

Le mieux serait d'avoir un pote en web design en fait.

Ozeil · 17/06/2011, 17h18

Citation:

Envoyé par Robin56

M'ouai enfin je ne sais pas si le design s'apprend aussi facilement qu'un langage informatique via des tutoriels (mais je précise que je n'ai jamais touché à des tutos de web design).

Le mieux serait d'avoir un pote en web design en fait.

J'ai fait du graphisme et je pense que commencer en "dur" directe n'est pas la meilleure solution.

Tom487 · 18/06/2011, 19h05

Bah si j'avais un pote en web design je lui aurais proposé une association ^^.
Le truc c'est que j'ai pas trop le temps d'apprendre, donc j'aurais aimé pouvoir faire comme la programmation, réutiliser un truc déjà existant, mais c'est pour un site professionnel donc je ne peux pas me le permettre (de plus les design gratuits ont soit des copyright qui me vont pas soit ils s'adaptent mal à ce que je veux).

Je vais regarder un peu plus les tutoriaux de graphismes alors :p, mais c'est vrais que j'ai déjà beaucoup de boulot en prog :p donc bon. Je cherche pas à devenir un pro, juste que ça soit assez professionnel pour que les gens ne ferme pas l'onglet dès qu'il arrive dessus...

Les gens sont vraiment exigeant de nos jours en plus, pour un programmeur c'est difficile de coller aux attentes des gens en matières de design, surtout quand la plupart ne voient même pas le travail que ça demande...

Kust11 · 20/06/2011, 06h26

Bonjour,

Je viens de faire un tuto pour apprendre à créer un design web. Tu peux le consulter ici :

http://www.dot-design.fr/tuto_photos...n_web_de_a_a_z

En espérant aider certains

Tom487 · 20/06/2011, 08h16

C'est un peu de la pub déguisé :p mais très sympathique, je te remercie ^^. Ça m'a tout l'air d'être ce que je cherchais, j'y regarde dans la semaine et je métrais le post en résolus si ce tuto me va.
Je pense que tu peux mettre le lien en signature afin que d'autres en profitent

.

Kust11 · 20/06/2011, 16h16

Un peu c'est vrai mais bon au passage ça aide donc tout le monde est content =)

nathieb · 20/06/2011, 16h34

Bonjour,

Le design est un métier, la programmation au sens métier aussi.
Dans des développements professionmels en équipe chaqu'un son job.
Par contre, tu peux apprendre par itération. Si tu sais ce que tu veux tu pépares une
maquette simple avec les emplacements (menus, bennières, authentification, news .. ).

C'est après que tu peux faire ton design et cela peut être une approche itérative.
Choix des courleurs bannières etc ...
puis tu peux demander des avis.

Mon premier avis c'était ma femme, et franchement elle m'a pas loupé.
Mais au moins c'était un utlisateur averti. Faut pas le dire mais elle avait pas franchement tord

Avec du temps, tu peux arriver à faire quelque chose de propre.
Mais avant tout, il faut que cela marche et pas le contraire

Olivier

Tom487 · 21/06/2011, 08h53

Oui bah le design vu que j'aime pas réellement ça c'est ce que je fais en dernier généralement.
Tout d'abord, je fais un truc qui ressemblera à ce que je veux, une maquette comme tu dis (organisation de div, rangement au niveau des bannières, menus et tout).
Puis, je l'utilise en axant mon développement autour même si c'est sacrément moche :p ça me gène pas.
Par contre là vu que la date de lancement va bientôt être décidé, il faut que je me bouge le fion.
D'où ma demande ^^. Mais j'ai bien fais car c'est pleins de conseils éclairés qu'on me donne.

Merci à tous.

David_g · 21/06/2011, 09h37

Par Design tu entends seulement l'aspect graphique ? (comme beaucoup dans les post au dessus). le tutorial cité est sympa pour cela mais le design c'est avant cela :

- Voir les fonctions et impératifs à mettre absolument dans le site
- Réflechir à un zoning (que tu peux réaliser avec Axure par exemple) c'est à dire faire un squelette du site plus ou moins détaillé qui permet de voir ou seront les différentes informations, fonctions.
- Ensuite seulement tu peux travailler graphiquement sur la base de ce zoning.

Dans ma boîte la partie graphique par exemple est découplé de la partie zoning (qui est expliqué par un fonctionnel au graphiste qui lui s'occupe du côté artistique, et accessibilité)

Tom487 · 21/06/2011, 09h46

En ce qui concerne ce dont tu me parles, on va dire que je l'ai déjà tout dans ma tête.
Je vais pas dire que c'est la meilleur organisation du monde mais en tant qu'utilisateur je sais comment organiser mon site afin qu'il soit facile d'utilisation.
De plus je compte le faire tester à un panel d'utilisateur hétéroclite, ce qui me posait réellement problème était l’aspect graphique vu que je n'ai aucune formation.

EDIT : Après ça reste un site que je fais car j'ai une idée, je ne le vend à personne. Ta méthode est une sorte d'analyse avant de faire le site je pense, ce que j'ai fais

.

David_g · 21/06/2011, 17h45

Après y'a aussi tout un tas d'outils utile : outre les inévitables sites de polices libre de droit, d'image libre de droit.

Je te conseille Kuler : http://kuler.adobe.com qui permet de gérer les cohérences au niveau couleur. Très pratique et bien foutu.

Tom487 · 29/06/2011, 10h57

Les réponses que j'ai eu mon satisfaites.
Je clos donc le sujet !
Merci à tous !

17/06/2011, 15h22	#1
Tom487 Membre confirmé Tom Étudiant informatique Inscription : avril 2011 Messages : 108 Détails du profil Informations personnelles : Nom : Tom Localisation : France Informations professionnelles : Activité : Étudiant informatique Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : avril 2011 Messages : 108 Points : 247 Points : 247	Apprendre le web-design Bonjour à tous, Je poste sur ce forum car je me demande si ce que je veux est seulement possible. Je possède un DUT en informatique, mon niveau en programmation est correct. Je code un site web sur mon temps libre en ce moment, problème, je ne sais vraiment pas comment créer des designs de site correct, j'ai beau essayé ça ne fais jamais "professionnel". Donc ma question est : Connaîtriez-vous des tutoriaux, ou des cours même si il faut, qui n'expliquent pas comment créer le design mais comment le penser plutôt, exactement comment apprendre à penser un design, en terme d'ergonomie ect...? Je sais très bien que je ne suis surement pas compétent dans ce domaine, mais il me faudrait au moins des bases pour des besoins professionnels futur ou tout simplement pour que mes sites ne soient pas moche ^^. Merci par avance de votre aide. __________________ Tom.
	00

17/06/2011, 16h57	#2
Ozeil Membre habitué Léo LR Étudiant Inscription : juin 2011 Messages : 81 Détails du profil Informations personnelles : Nom : Léo LR Âge : 19 Localisation : France, Finistère (Bretagne) Informations professionnelles : Activité : Étudiant Informations forums : Inscription : juin 2011 Messages : 81 Points : 124 Points : 124	Pour ma part je dirais que le mieux est de commencé à faire du graphisme simplement au début, je sais que ce n'est pas sa que tu recherche mais dans un premier temps tu t’appropria beaucoup mieux les différents outils. Et tu apprendra à réfléchir à comment réaliser tes créations. Ensuite il y a énormément de tutoriels qui apprennent à créer des web design. Mais comme je l'ai dit le pour pour apprendre à penser sur l'ergonomie, les couleurs... C'est de pratiquer. (signatures, fonds d'écrans...)
	00

18/06/2011, 19h05	#5
Tom487 Membre confirmé Tom Étudiant informatique Inscription : avril 2011 Messages : 108 Détails du profil Informations personnelles : Nom : Tom Localisation : France Informations professionnelles : Activité : Étudiant informatique Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : avril 2011 Messages : 108 Points : 247 Points : 247	Bah si j'avais un pote en web design je lui aurais proposé une association ^^. Le truc c'est que j'ai pas trop le temps d'apprendre, donc j'aurais aimé pouvoir faire comme la programmation, réutiliser un truc déjà existant, mais c'est pour un site professionnel donc je ne peux pas me le permettre (de plus les design gratuits ont soit des copyright qui me vont pas soit ils s'adaptent mal à ce que je veux). Je vais regarder un peu plus les tutoriaux de graphismes alors :p, mais c'est vrais que j'ai déjà beaucoup de boulot en prog :p donc bon. Je cherche pas à devenir un pro, juste que ça soit assez professionnel pour que les gens ne ferme pas l'onglet dès qu'il arrive dessus... Les gens sont vraiment exigeant de nos jours en plus, pour un programmeur c'est difficile de coller aux attentes des gens en matières de design, surtout quand la plupart ne voient même pas le travail que ça demande... __________________ Tom.
	00

20/06/2011, 06h26	#6
Kust11 Invité de passage Inscription : juin 2011 Messages : 2 Détails du profil Informations forums : Inscription : juin 2011 Messages : 2 Points : 2 Points : 2	Bonjour, Je viens de faire un tuto pour apprendre à créer un design web. Tu peux le consulter ici : http://www.dot-design.fr/tuto_photos...n_web_de_a_a_z En espérant aider certains
	00

20/06/2011, 08h16	#7
Tom487 Membre confirmé Tom Étudiant informatique Inscription : avril 2011 Messages : 108 Détails du profil Informations personnelles : Nom : Tom Localisation : France Informations professionnelles : Activité : Étudiant informatique Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : avril 2011 Messages : 108 Points : 247 Points : 247	C'est un peu de la pub déguisé :p mais très sympathique, je te remercie ^^. Ça m'a tout l'air d'être ce que je cherchais, j'y regarde dans la semaine et je métrais le post en résolus si ce tuto me va. Je pense que tu peux mettre le lien en signature afin que d'autres en profitent . __________________ Tom.
	00

20/06/2011, 16h16	#8
Kust11 Invité de passage Inscription : juin 2011 Messages : 2 Détails du profil Informations forums : Inscription : juin 2011 Messages : 2 Points : 2 Points : 2	Un peu c'est vrai mais bon au passage ça aide donc tout le monde est content =)
	00

20/06/2011, 16h34	#9
nathieb Membre chevronné olivier Thiébaut Chef de projet/Architecte Inscription : mai 2004 Messages : 626 Détails du profil Informations personnelles : Nom : olivier Thiébaut Âge : 45 Localisation : France Informations professionnelles : Activité : Chef de projet/Architecte Secteur : Service public Informations forums : Inscription : mai 2004 Messages : 626 Points : 704 Points : 704	Design et programmation Bonjour, Le design est un métier, la programmation au sens métier aussi. Dans des développements professionmels en équipe chaqu'un son job. Par contre, tu peux apprendre par itération. Si tu sais ce que tu veux tu pépares une maquette simple avec les emplacements (menus, bennières, authentification, news .. ). C'est après que tu peux faire ton design et cela peut être une approche itérative. Choix des courleurs bannières etc ... puis tu peux demander des avis. Mon premier avis c'était ma femme, et franchement elle m'a pas loupé. Mais au moins c'était un utlisateur averti. Faut pas le dire mais elle avait pas franchement tord Avec du temps, tu peux arriver à faire quelque chose de propre. Mais avant tout, il faut que cela marche et pas le contraire Olivier __________________ Architecte déstructurant, be cool, be free J2EE - PHP - Free OS
	00

21/06/2011, 08h53	#10
Tom487 Membre confirmé Tom Étudiant informatique Inscription : avril 2011 Messages : 108 Détails du profil Informations personnelles : Nom : Tom Localisation : France Informations professionnelles : Activité : Étudiant informatique Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : avril 2011 Messages : 108 Points : 247 Points : 247	Oui bah le design vu que j'aime pas réellement ça c'est ce que je fais en dernier généralement. Tout d'abord, je fais un truc qui ressemblera à ce que je veux, une maquette comme tu dis (organisation de div, rangement au niveau des bannières, menus et tout). Puis, je l'utilise en axant mon développement autour même si c'est sacrément moche :p ça me gène pas. Par contre là vu que la date de lancement va bientôt être décidé, il faut que je me bouge le fion. D'où ma demande ^^. Mais j'ai bien fais car c'est pleins de conseils éclairés qu'on me donne. Merci à tous. __________________ Tom.
	00

21/06/2011, 09h37	#11
David_g Membre éclairé Inscription : mai 2010 Messages : 128 Détails du profil Informations forums : Inscription : mai 2010 Messages : 128 Points : 344 Points : 344	Par Design tu entends seulement l'aspect graphique ? (comme beaucoup dans les post au dessus). le tutorial cité est sympa pour cela mais le design c'est avant cela : - Voir les fonctions et impératifs à mettre absolument dans le site - Réflechir à un zoning (que tu peux réaliser avec Axure par exemple) c'est à dire faire un squelette du site plus ou moins détaillé qui permet de voir ou seront les différentes informations, fonctions. - Ensuite seulement tu peux travailler graphiquement sur la base de ce zoning. Dans ma boîte la partie graphique par exemple est découplé de la partie zoning (qui est expliqué par un fonctionnel au graphiste qui lui s'occupe du côté artistique, et accessibilité)
	10

21/06/2011, 09h46	#12
Tom487 Membre confirmé Tom Étudiant informatique Inscription : avril 2011 Messages : 108 Détails du profil Informations personnelles : Nom : Tom Localisation : France Informations professionnelles : Activité : Étudiant informatique Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : avril 2011 Messages : 108 Points : 247 Points : 247	En ce qui concerne ce dont tu me parles, on va dire que je l'ai déjà tout dans ma tête. Je vais pas dire que c'est la meilleur organisation du monde mais en tant qu'utilisateur je sais comment organiser mon site afin qu'il soit facile d'utilisation. De plus je compte le faire tester à un panel d'utilisateur hétéroclite, ce qui me posait réellement problème était l’aspect graphique vu que je n'ai aucune formation. EDIT : Après ça reste un site que je fais car j'ai une idée, je ne le vend à personne. Ta méthode est une sorte d'analyse avant de faire le site je pense, ce que j'ai fais . __________________ Tom.
	00

21/06/2011, 17h45	#13
David_g Membre éclairé Inscription : mai 2010 Messages : 128 Détails du profil Informations forums : Inscription : mai 2010 Messages : 128 Points : 344 Points : 344	Après y'a aussi tout un tas d'outils utile : outre les inévitables sites de polices libre de droit, d'image libre de droit. Je te conseille Kuler : http://kuler.adobe.com qui permet de gérer les cohérences au niveau couleur. Très pratique et bien foutu.
	10

29/06/2011, 10h57	#14
Tom487 Membre confirmé Tom Étudiant informatique Inscription : avril 2011 Messages : 108 Détails du profil Informations personnelles : Nom : Tom Localisation : France Informations professionnelles : Activité : Étudiant informatique Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : avril 2011 Messages : 108 Points : 247 Points : 247	Les réponses que j'ai eu mon satisfaites. Je clos donc le sujet ! Merci à tous ! __________________ Tom.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email