3 réponses
Bonjour
le design se fait avec un ou des fichiers CSS mais aussi pour placer des images un logiciel pour l'image (il y en a des gratuits)
donc du html pour le contenu
du CSS pour la mise en forme
et un logiciel de traitement d'images
sinon tu peux trouver sur le net des design tout fait (templates)
va voir cette page
http://css.mammouthland.net/premiers-pas-en-css.php
le design se fait avec un ou des fichiers CSS mais aussi pour placer des images un logiciel pour l'image (il y en a des gratuits)
donc du html pour le contenu
du CSS pour la mise en forme
et un logiciel de traitement d'images
sinon tu peux trouver sur le net des design tout fait (templates)
va voir cette page
http://css.mammouthland.net/premiers-pas-en-css.php
Salut,
outre CSS un design ça se travaille.
Vous pouvez faire une pré-maquette puis une maquette.
La pré-maquette c'est une idée de mise en page, de rendu graphique.
Vous pouvez en faire plusieurs et les faire des variantes. Utilisez du papier et un stylo comme votre logiciel d'infographie préféré.
Il y a bien sûr des règles à respecter qui correspondent à ce que l'image, l'identité visuelle, veut exprimer.
La lisibilité reste une règle absolue Pour cela n'hésitez pas à ce qu'il y ai un espace dit 'blanc'(qui peut être de couleur ou avec des dégradés) qui permet que les éléments qui doivent être mis en valeur(bloc de textes, images, menus..) soit visible de façon évidente. Pas assez de 'blanc' et tout aura l'air fouillis, entassé ou bien les paragraphes seront fastidieux à lire car l'oeil sera irrémédiablement attiré par le reste autour.
Évitez l'effet inverse qui peut être aussi désastreux: Trop d'espace exprime le vide et ne donnera aucune valeur à votre contenu.
Vous obtiendrez une maquette quand vous aurez choisit et finalisé les parmi les pré-maquettes que vous avez produites.
Pour les idées: chaque forme et chaque couleur à un sens vous pouvez vous renseigner pour trouver ceux que votre site doit exprimer.
Si vous n'avez vous même aucune inspiration recopiez une mise en page qui vous plait, changez des éléments/couleurs/dispositions et l'aspect général pour 1)ne pas plagier 2)obtenir votre identité propre
N'hésitez pas à soumettre vos visuels aux personnes concernées par le projet et autour de vous, demandez leur avis et critiques un oeil extérieur est souvent à même de déceler ce que vous n'avez pas remarqué et de proposer des idées auxquelles vous n'avez pensé.
A partir de la maquette vous pouvez finaliser le travail d'infographie(création d'images) et/ou de recherches d'images qui seront publiées.
Enfin vous commencer l'intégration avec HTML et CSS.
Fireworks peut s'avérer utile pour les découpes mais ce n'est pas essentiel(un Photoshop ou Gimp peut le faire tout en ayant des avantages que n'a pas Fireworks au niveau du traitement de l'image). Si la création graphique, même la simple création d'une image de fond d'un bouton ou d'un dégradé dans le coin d'un bloc de texte vous rebute vous devez chercher des ressources dans les banques d'images et moteurs de recherche du web, attention toutefois à ce que vos visuels soient homogènes.
En dernier conseil je vous recommande la simplicité: évitez les effets, la surcharge de rendus visuels et la profusion de clip arts. C'est l'erreur la plus commune du débutant en création graphique et PAO car le plus est l'ennemi du mieux, en tout cas si on y perd en lisibilité ou que l'oeil d l'internaute va avoir mal au crâne à cause de ce bandeau étoilé scintillant qui va attirer son attention pendant qu'il voudrait simplement lire les quelques lignes de texte en dessous.
outre CSS un design ça se travaille.
Vous pouvez faire une pré-maquette puis une maquette.
La pré-maquette c'est une idée de mise en page, de rendu graphique.
Vous pouvez en faire plusieurs et les faire des variantes. Utilisez du papier et un stylo comme votre logiciel d'infographie préféré.
Il y a bien sûr des règles à respecter qui correspondent à ce que l'image, l'identité visuelle, veut exprimer.
La lisibilité reste une règle absolue Pour cela n'hésitez pas à ce qu'il y ai un espace dit 'blanc'(qui peut être de couleur ou avec des dégradés) qui permet que les éléments qui doivent être mis en valeur(bloc de textes, images, menus..) soit visible de façon évidente. Pas assez de 'blanc' et tout aura l'air fouillis, entassé ou bien les paragraphes seront fastidieux à lire car l'oeil sera irrémédiablement attiré par le reste autour.
Évitez l'effet inverse qui peut être aussi désastreux: Trop d'espace exprime le vide et ne donnera aucune valeur à votre contenu.
Vous obtiendrez une maquette quand vous aurez choisit et finalisé les parmi les pré-maquettes que vous avez produites.
Pour les idées: chaque forme et chaque couleur à un sens vous pouvez vous renseigner pour trouver ceux que votre site doit exprimer.
Si vous n'avez vous même aucune inspiration recopiez une mise en page qui vous plait, changez des éléments/couleurs/dispositions et l'aspect général pour 1)ne pas plagier 2)obtenir votre identité propre
N'hésitez pas à soumettre vos visuels aux personnes concernées par le projet et autour de vous, demandez leur avis et critiques un oeil extérieur est souvent à même de déceler ce que vous n'avez pas remarqué et de proposer des idées auxquelles vous n'avez pensé.
A partir de la maquette vous pouvez finaliser le travail d'infographie(création d'images) et/ou de recherches d'images qui seront publiées.
Enfin vous commencer l'intégration avec HTML et CSS.
Fireworks peut s'avérer utile pour les découpes mais ce n'est pas essentiel(un Photoshop ou Gimp peut le faire tout en ayant des avantages que n'a pas Fireworks au niveau du traitement de l'image). Si la création graphique, même la simple création d'une image de fond d'un bouton ou d'un dégradé dans le coin d'un bloc de texte vous rebute vous devez chercher des ressources dans les banques d'images et moteurs de recherche du web, attention toutefois à ce que vos visuels soient homogènes.
En dernier conseil je vous recommande la simplicité: évitez les effets, la surcharge de rendus visuels et la profusion de clip arts. C'est l'erreur la plus commune du débutant en création graphique et PAO car le plus est l'ennemi du mieux, en tout cas si on y perd en lisibilité ou que l'oeil d l'internaute va avoir mal au crâne à cause de ce bandeau étoilé scintillant qui va attirer son attention pendant qu'il voudrait simplement lire les quelques lignes de texte en dessous.