WIP : premier Webdesign

Bonsoir à tous,

Je me mets au webdesign vu que je code des sites. Ne pas savoir faire de beaux webdesigns quand on a un projet, c'est assez compliqué. C'est donc pourquoi je m'y essaye. Voici un premier jet qui est le header du site (le corps viendra plus tard, il faut que je trouve un moyen de bien l'agencer...). Voici ce que ça donne pour le moment :



Tous commentaires & critiques sont les bienvenus.

Merci !

Bonne soirée

Ouais cool, j'aime bien !
Ptet le rectangle arrondi où t'écris des trucs un peu gros :/
Mais j'aime là !

Hey je l'aime bien moi le rectangle arrondi sinon pour le reste c'est excellent

Pas mal pour un premier Webdesign

C'est pas mal. Mais j'accroche pas plus.
Un peu simple.

Ça fait bien pro, pas trop surchargé, agréable à voir. Le rectangle blanc si je ne me trompe pas on peut pas le changer ? c'est pas comme ça ?

Le rectangle en haut à droite ? C'est un champ de recherche. Peut-être un peu gros, mais bon.

Header tres pro c'est un bon début je pense

Sympa ! J'te conseillerais juste de mettre des dégradés, ça donnera du volume au header

Au debut je me demandais ou était le webdiz, pour moi il se fondait completement dans la page, je le trouve donc très réussit, bravo !!!Bon peut-etre un peu simple mais sinon je le trouve très pro comme a dit Freyjart

Linkyo a écrit:Sympa ! J'te conseillerais juste de mettre des dégradés, ça donnera du volume au header

Yep, j'ai déjà essayé les dégradés mais ça donnait trop de volume justement. Enfin je peux encore essayer, suffit de trouver les bons tons.

Merci pour vos commentaires.

Sympa ! J'te conseillerais juste de mettre des dégradés, ça donnera du volume au header Wink

Je suis un peu du même avis, si ça te donne trop de volume, tu peux essayer de les atténuer (baisser un peu l'opacité par exemple )..

Sinon j'aime bien, c'est assez ergonomique est plaisant je trouve.

Tres beau tres soft tres pro!
Voila une des mes lois! La regle des 3
Bonne continuation!

Yep, j'ai déjà essayé les dégradés mais ça donnait trop de volume justement. Enfin je peux encore essayer, suffit de trouver les bons tons.

Merci pour vos commentaires.

Faut soit prendre deux couleurs qui ont des tons très proches, une peu plus foncé que l'autre. Ou faire comme Necrol te l'a conseillé, baisser l'opacité

Bon, voici ce que j'ai fait :



Donc rajout d'un dégradé sur le header + essai de barre de navigation. Sauf que je sais pas trop comment la faire... En onglets mais après pour le corps je trouve rien qui colle. Enfin je vais encore essayer de chercher.

A bien ! C'est encore très beau Bravo c'est vraiment bien reussi!
Je te félicite maintenant termine le site jusqu'a la fin!
Bonne continuation!

N'hésite pas à créer des lignes de séparation entre les couleurs (ligne de 1px, de couleur blanche, noire ou d'une couleur proche d'une des deux couleurs à séparer).
Ton approche du webdiz est bizarre toutefois : tu raisonnes trop en codeur en dissociant chacun des éléments. Quand tu codes, ouais, c'est normal, mais quand tu crées le design, faut le penser comme un tout. Car là, j'ai l'impression que tu crées chacun des éléments au fur et à mesure sans avoir d'idée sur la forme finale du webdiz... ça t'aiderait notamment à trouver quel type de barre de navig' placé.
Les onglets vont bien je trouve. Peut être le bleu qui est trop clair. Joue avec les ombres aussi, ça permettra de mieux les incruster, et, si tu te débrouilles bien, de mettre encore plus en avant l'onglet actif et en arrière les onglets inactifs

J'y ai pensé pour la barre de 1px noir et 1px blanc.
Après oui tu as raison, je fais par bloc car pour l'instant le corps du site je ne sais pas trop comment l'agencer. J'hésite encore. J'ai déjà fait plusieurs essais mais aucun ne me convient. C'est pourquoi je reste à ce point pour l'instant et que j'ai mis une barre de navigation basique comme celle-ci (donc pas du tout définitive).
Pour ce qui est de l'onglet actif, je ne sais pas trop comment le mettre en avant justement. Je pensais créer un effet d'enfoncement (comme quoi c'est un bouton sur lequel on a cliqué) mais je suis finalement resté avec une couleur différente de celle des onglets non actifs.
J'aimerais bien jouer avec les ombre. Mais le seul problème c'est que quand je change l'angle de l'ombre portée, l'angle de l'ombre portée change aussi pour le titre du site et le personnage. Toutes les ombres sont liées quoi. Donc si quelqu'un sait comment désactiver ce comportement, je suis preneur...

Superbe, les couleurs sont beaucoup mieux et moins fades

Pour un 1er sa pète , je peut pas trop aidé vue que j'en ai jamais fais !
mais le résultat est là , les couleurs sont bien choisis ! donc
voilà !

Zike a écrit:J'y ai pensé pour la barre de 1px noir et 1px blanc.
Après oui tu as raison, je fais par bloc car pour l'instant le corps du site je ne sais pas trop comment l'agencer. J'hésite encore. J'ai déjà fait plusieurs essais mais aucun ne me convient. C'est pourquoi je reste à ce point pour l'instant et que j'ai mis une barre de navigation basique comme celle-ci (donc pas du tout définitive).
Pour ce qui est de l'onglet actif, je ne sais pas trop comment le mettre en avant justement. Je pensais créer un effet d'enfoncement (comme quoi c'est un bouton sur lequel on a cliqué) mais je suis finalement resté avec une couleur différente de celle des onglets non actifs.
J'aimerais bien jouer avec les ombre. Mais le seul problème c'est que quand je change l'angle de l'ombre portée, l'angle de l'ombre portée change aussi pour le titre du site et le personnage. Toutes les ombres sont liées quoi. Donc si quelqu'un sait comment désactiver ce comportement, je suis preneur...

Pour ton problème, faut décocher "Utiliser l'éclairage global" et les ombres seront indépendantes
Pour l'onglet actif, j'pensais à mettre une ombre portée qui empièterait sur le corps (comme si l'onglet était au dessus) et pour les onglets inactifs, une ombre interne (comme si le corps était au dessus).

au niveau des home services etc... j'aurais bien vu une lueur noir qui sort du corps du site. M'enfin, pour qu'on ait l'impression que les quatres trucs soient derrière

Ça sert donc à ça l'éclairage global ! Je dormirai moins bête ce soir. Merci.
Pour les onglets, c'est vrai, je n'y avais pas pensé. Je vais essayer ça.

simple mais jolie ^^