-52%
Le deal à ne pas rater :
-52% sur la machine à pain Moulinex PAIN DORÉ OW210130
76.99 € 160 €
Voir le deal

WIP : premier Webdesign

Aller en bas

WIP : premier Webdesign Empty WIP : premier Webdesign

Message par Zike le 13/3/2010, 20:24

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 :

WIP : premier Webdesign Projec10

Tous commentaires & critiques sont les bienvenus.

Merci ! Smile

Bonne soirée



WIP : premier Webdesign Guigui11
Vieille signature ressortie ! Smile
WIP : premier Webdesign Userbar_IAv3
Zike
Zike
Fondateur
Fondateur

Système d'exploitation Navigateur Logiciel graphique


http://www.illusionart-gfx.com/

Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par ERG. le 13/3/2010, 20:26

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

Système d'exploitation Navigateur Logiciel graphique


Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Koyomi le 13/3/2010, 20:31

Hey je l'aime bien moi le rectangle arrondi sinon pour le reste c'est excellent WIP : premier Webdesign Icon_razz

Pas mal pour un premier Webdesign
Koyomi
Koyomi
I.A. Prodige
I.A. Prodige

Système d'exploitation Navigateur Logiciel graphique


Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Nico' le 13/3/2010, 20:32

C'est pas mal. Mais j'accroche pas plus.
Un peu simple.
Nico'
Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


http://chromium-art.deviantart.com

Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Buldoz le 13/3/2010, 20:58

Ç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 ?
avatar
Buldoz
Banni
Banni

Windows Vista Google Chrome Photoshop


Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Zike le 13/3/2010, 21:12

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



WIP : premier Webdesign Guigui11
Vieille signature ressortie ! Smile
WIP : premier Webdesign Userbar_IAv3
Zike
Zike
Fondateur
Fondateur

Système d'exploitation Navigateur Logiciel graphique


http://www.illusionart-gfx.com/

Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Freyjart le 13/3/2010, 21:41

Header tres pro Smile c'est un bon début je pense
Freyjart
Freyjart
I.A. VIP
I.A. VIP

Windows 7 Firefox Photoshop


http://www.freyjart.fr

Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Linkyo le 13/3/2010, 22:00

Sympa ! J'te conseillerais juste de mettre des dégradés, ça donnera du volume au header Wink
avatar
Linkyo
I.A. VIP
I.A. VIP

Système d'exploitation Navigateur Logiciel graphique


http://www.linkyo.eu

Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par I-k le 13/3/2010, 22:10

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 Smile
I-k
I-k
I.A. Maestro
I.A. Maestro

Système d'exploitation Navigateur Logiciel graphique


Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Zike le 13/3/2010, 22:15

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

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. Smile

Merci pour vos commentaires. Wink



WIP : premier Webdesign Guigui11
Vieille signature ressortie ! Smile
WIP : premier Webdesign Userbar_IAv3
Zike
Zike
Fondateur
Fondateur

Système d'exploitation Navigateur Logiciel graphique


http://www.illusionart-gfx.com/

Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Necrol le 14/3/2010, 00:52

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.
Necrol
Necrol
I.A. VIP
I.A. VIP

Linux Firefox Photoshop


Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par 6DeSiGn le 14/3/2010, 01:12

Tres beau tres soft tres pro!
Voila une des mes lois! La regle des 3
Bonne continuation!
6DeSiGn
6DeSiGn
I.A. Professionel
I.A. Professionel

Système d'exploitation Navigateur Logiciel graphique


Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Linkyo le 14/3/2010, 08:58

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. Smile

Merci pour vos commentaires. Wink
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é Wink
avatar
Linkyo
I.A. VIP
I.A. VIP

Système d'exploitation Navigateur Logiciel graphique


http://www.linkyo.eu

Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Zike le 14/3/2010, 13:00

Bon, voici ce que j'ai fait :

WIP : premier Webdesign Projec12

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.



WIP : premier Webdesign Guigui11
Vieille signature ressortie ! Smile
WIP : premier Webdesign Userbar_IAv3
Zike
Zike
Fondateur
Fondateur

Système d'exploitation Navigateur Logiciel graphique


http://www.illusionart-gfx.com/

Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par 6DeSiGn le 14/3/2010, 13:25

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!
6DeSiGn
6DeSiGn
I.A. Professionel
I.A. Professionel

Système d'exploitation Navigateur Logiciel graphique


Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Linkyo le 14/3/2010, 15:52

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 Wink
avatar
Linkyo
I.A. VIP
I.A. VIP

Système d'exploitation Navigateur Logiciel graphique


http://www.linkyo.eu

Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Zike le 14/3/2010, 16:15

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...



WIP : premier Webdesign Guigui11
Vieille signature ressortie ! Smile
WIP : premier Webdesign Userbar_IAv3
Zike
Zike
Fondateur
Fondateur

Système d'exploitation Navigateur Logiciel graphique


http://www.illusionart-gfx.com/

Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Pab le 14/3/2010, 16:34

Superbe, les couleurs sont beaucoup mieux et moins fades Smile
Pab
Pab
I.A. As
I.A. As

Système d'exploitation Navigateur Logiciel graphique


Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Kabylifornien le 14/3/2010, 16:40

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à !
Kabylifornien
Kabylifornien
I.A. Graph
I.A. Graph

Windows 7 Google Chrome Paint Shop Pro


Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Linkyo le 14/3/2010, 17:47

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 Wink
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).
avatar
Linkyo
I.A. VIP
I.A. VIP

Système d'exploitation Navigateur Logiciel graphique


http://www.linkyo.eu

Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Buldoz le 14/3/2010, 18:22

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
avatar
Buldoz
Banni
Banni

Windows Vista Google Chrome Photoshop


Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Zike le 14/3/2010, 18:23

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



WIP : premier Webdesign Guigui11
Vieille signature ressortie ! Smile
WIP : premier Webdesign Userbar_IAv3
Zike
Zike
Fondateur
Fondateur

Système d'exploitation Navigateur Logiciel graphique


http://www.illusionart-gfx.com/

Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par itech le 19/7/2011, 16:39

simple mais jolie ^^
avatar
itech
Banni
Banni

Windows 7 Google Chrome Photoshop


Revenir en haut Aller en bas

WIP : premier Webdesign Empty Re: WIP : premier Webdesign

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum