WebDesign Communautaire
+2
Linkyo
Aherys
6 participants
Page 1 sur 1
WebDesign Communautaire
Bien le bonjours a vous,
Tout d'abord, sachez que le WebDesign de cette communauté est un travaille de longue haleine, ça doit être le ème/ème que je fait, et que je change. C'est un projet personnel.
Pour être profitable a tous, je vais essayer d'expliquer les différentes étapes du développement, c'est d'ailleurs pourquoi les premiers screen que vous aurais l'occasion de voir sont très minimalistes. Cela peu être également intéressant de voir le design de monter, étapes par étapes, et cela m'est de plus profitable, vu que vous pouvez me conseiller ou donner votre avis a chacune d'elle, pour avoir, dans tout les recoins, le meilleur possible.
Le design a pour objectif d'être simple, ergonomique et biensur l'attractif, le dernier point étant le plus difficile de toute évidence
Voici les liens des anciens designs réalisé :
Tout Premier Design* - Beurk le logo
Etape Numero 1 :
Pour obtenir une forme fluide et sans pixélisation, j'ai décider de dessiner le gros de la forme sous illustrator, environs 10mn de boulot, aucune difficulté, le tout a la plume.
Etape Numero 2 :
A vrais dire, c'est a la fin de cette etape que j'ai décider de faire un topique sur illusion', donc j'ai un peu trop avancé :s
Le fond est un dégradé, et le début comporte des scanlines, la forme principale a une simple ombre pour enjoliver les contours, et j'ai commencer l'espace membre, qui disposeras d'une version flash et une version fixe (html/css), celle que l'on peu voir est bien évidement, la flash.
Tout d'abord, sachez que le WebDesign de cette communauté est un travaille de longue haleine, ça doit être le ème/ème que je fait, et que je change. C'est un projet personnel.
Pour être profitable a tous, je vais essayer d'expliquer les différentes étapes du développement, c'est d'ailleurs pourquoi les premiers screen que vous aurais l'occasion de voir sont très minimalistes. Cela peu être également intéressant de voir le design de monter, étapes par étapes, et cela m'est de plus profitable, vu que vous pouvez me conseiller ou donner votre avis a chacune d'elle, pour avoir, dans tout les recoins, le meilleur possible.
Le design a pour objectif d'être simple, ergonomique et biensur l'attractif, le dernier point étant le plus difficile de toute évidence
Voici les liens des anciens designs réalisé :
Tout Premier Design* - Beurk le logo
Etape Numero 1 :
Pour obtenir une forme fluide et sans pixélisation, j'ai décider de dessiner le gros de la forme sous illustrator, environs 10mn de boulot, aucune difficulté, le tout a la plume.
Etape Numero 2 :
A vrais dire, c'est a la fin de cette etape que j'ai décider de faire un topique sur illusion', donc j'ai un peu trop avancé :s
Le fond est un dégradé, et le début comporte des scanlines, la forme principale a une simple ombre pour enjoliver les contours, et j'ai commencer l'espace membre, qui disposeras d'une version flash et une version fixe (html/css), celle que l'on peu voir est bien évidement, la flash.
Dernière édition par Aherys le 3/1/2010, 17:48, édité 2 fois
Re: WebDesign Communautaire
Pour l'instant, rien à redire... si ce n'est que je trouve bizarre ta manière de commencer un webdesign >> il y a déjà un avatar, mais rien ailleurs Oo Enfin, c'est une question de méthode, j'me doute que tu sais ce que tu vas faire pour la suite
Pressé de voir la version flash :p
Pressé de voir la version flash :p
Re: WebDesign Communautaire
Ta façon de bosser fait pro, t'as l'air de bien réfléchir... Et pour l'instant ça marche !
Bon après si on pouvais savoir pour quelle sorte de communauté servira ce didiz, ce serait plus simple d'aider.
Bon après si on pouvais savoir pour quelle sorte de communauté servira ce didiz, ce serait plus simple d'aider.
ERG.- Banni
-
Re: WebDesign Communautaire
J'aurais bien vu un petit texte à ôté du machin en haut comme le nom du site pour que ça fasse un peu moins vide en bleu et glossy M'enfin ...
Buldoz- Banni
-
Re: WebDesign Communautaire
Merci a vous ^^
Oui Linkyo, cela peu paraitre étrange, mais je fait mes design de partie en partie, je met tout les petits détailles, une fois que je considère cela finit, je passe a autre par, et je n'y reviens souvent, qu'a la finalisation lorsque que quelque chose me chiffonne.
Lorsque je doit attaquer quelque chose de "complet" et que j'en est le temps, je fait même des grosses pauses, style je vais jouer un peu, je reviens, et souvent c'est la que je remarque les gros détailles fâcheux :p
Erg, la communauté est trés novatrice, tu pourras en savoir plus ici si tu a le courage de lire (Et l'optique du projet a quelque peu changer depuis se topique, jusqu'au nom de la communauté).
On va dire qu'elle se concentre sur le jeu vidéo, et en particulier a l'aide au groupes (guildes, clan, team... appelez cela comme vous le souhaitez)
Buldoz, c'est en effet la place du logo, et qui je sent sera un véritable casse tête.
Etape N°3
Je vais faire passer les explications après, c'est plus logique je pense
Bon le tout est basé sur des lignes de constructions, pour être parfaitement france, je n'aime que très peu le haut (nom + titre du membre), j'aime bien le petit halo mais je ne sais pas si le bleu ou si les soulignements sont convenables.
Je souhaite également éviter de surcharger cette zone, et pour ce faire je pense que je vais utiliser une ancienne idée possible uniquement grâce au flash, des boutons sur les coté, qui sortent lorsque la souris passe dessus :
En revanche, si on veux du positif, j'aime bien l'avatar et les boutons
Note : Les icones proviennes de l'excellent pack de famfamfam
Oui Linkyo, cela peu paraitre étrange, mais je fait mes design de partie en partie, je met tout les petits détailles, une fois que je considère cela finit, je passe a autre par, et je n'y reviens souvent, qu'a la finalisation lorsque que quelque chose me chiffonne.
Lorsque je doit attaquer quelque chose de "complet" et que j'en est le temps, je fait même des grosses pauses, style je vais jouer un peu, je reviens, et souvent c'est la que je remarque les gros détailles fâcheux :p
Erg, la communauté est trés novatrice, tu pourras en savoir plus ici si tu a le courage de lire (Et l'optique du projet a quelque peu changer depuis se topique, jusqu'au nom de la communauté).
On va dire qu'elle se concentre sur le jeu vidéo, et en particulier a l'aide au groupes (guildes, clan, team... appelez cela comme vous le souhaitez)
Buldoz, c'est en effet la place du logo, et qui je sent sera un véritable casse tête.
Etape N°3
Je vais faire passer les explications après, c'est plus logique je pense
Bon le tout est basé sur des lignes de constructions, pour être parfaitement france, je n'aime que très peu le haut (nom + titre du membre), j'aime bien le petit halo mais je ne sais pas si le bleu ou si les soulignements sont convenables.
Je souhaite également éviter de surcharger cette zone, et pour ce faire je pense que je vais utiliser une ancienne idée possible uniquement grâce au flash, des boutons sur les coté, qui sortent lorsque la souris passe dessus :
En revanche, si on veux du positif, j'aime bien l'avatar et les boutons
Note : Les icones proviennes de l'excellent pack de famfamfam
Re: WebDesign Communautaire
Là j'aime beaucoup. Mais je comprend pas bien où se situera la dernière partie
Buldoz- Banni
-
Re: WebDesign Communautaire
Ca c'est du WIP en bonne et due forme...
J'aime beaucoup la manière de procéder, même si comme Link', je trouve cela bizarre de voire un avatar alors que le reste n'est pas encore placé ^^
J'aime cependant beaucoup la forme générale du webdiz et j'attends de voir le final...
J'aime beaucoup la manière de procéder, même si comme Link', je trouve cela bizarre de voire un avatar alors que le reste n'est pas encore placé ^^
J'aime cependant beaucoup la forme générale du webdiz et j'attends de voir le final...
Re: WebDesign Communautaire
Rien à redire au niveau du design pour l'instant.
J'ai lu l'explication sur SdZ. Sympa comme concept !
Mais il y a du boulot -_-'
Notamment pour la partie en Flash, ça m'intrigue beaucoup : l'interaction bdd/flash n'est pas terrible, voire compliquée pour peu de choses :s Tu comptes faire un WIP du codage en Flash ? :p
Bon courage !
J'ai lu l'explication sur SdZ. Sympa comme concept !
Mais il y a du boulot -_-'
Notamment pour la partie en Flash, ça m'intrigue beaucoup : l'interaction bdd/flash n'est pas terrible, voire compliquée pour peu de choses :s Tu comptes faire un WIP du codage en Flash ? :p
Bon courage !
Re: WebDesign Communautaire
La technologique majoritairement utilisé pour les interaction avec une SGBD sera le PHP. Le flash ne seras au finale présent que dans très peu de partie du site, dans l'espace membre, il n'a pour fonction de lire uniquement le contenue des choses, les variables lui sont transmis directement par le PHP, comme ça pas de risques de sécurités.
Oui, je m'en excuse encore Oz', c'est une manière bien spéciale de travailler je m'en excuse
Buldoz la dernière partie se situeras tout simplement sur le coté, comme on peu le voir a cette étape.
Etape N°4
Quelques correctifs, le nom + le titre on étais mieux placé, ou plutôt, je préfère cette emplacement, le fait que le coin supérieur droit sois libre, donne également a mon gout, plus d'espace pour respirer.
J'ai également ajouté des lien sur le coté, pas de grand soucis, la forme faite directement dans photoshop, une ombre, les icônes avec un léger dégradé + ombre, et le texte.
Oui, je m'en excuse encore Oz', c'est une manière bien spéciale de travailler je m'en excuse
Buldoz la dernière partie se situeras tout simplement sur le coté, comme on peu le voir a cette étape.
Etape N°4
Quelques correctifs, le nom + le titre on étais mieux placé, ou plutôt, je préfère cette emplacement, le fait que le coin supérieur droit sois libre, donne également a mon gout, plus d'espace pour respirer.
J'ai également ajouté des lien sur le coté, pas de grand soucis, la forme faite directement dans photoshop, une ombre, les icônes avec un léger dégradé + ombre, et le texte.
Re: WebDesign Communautaire
Ce n'était pas une critique...Aherys a écrit:Oui, je m'en excuse encore Oz', c'est une manière bien spéciale de travailler je m'en excuse
Le principal, c'est que tu t'y retrouves. Après, les méthodes de bosser, c'est comme la façon de préparer les pâtes, il y en a un paquet...
Re: WebDesign Communautaire
Je ne l'est pas pris comme une critique, ne t'en fait pas, j'exprimer juste que je m'excuser du fait de vous imposer mon mode de fonctionnement qui pourrais vous perturber quelque peu :p
Etape N°5
Ajouts du menu et du menu déroulant,
J'ai souhaiter un style plutôt sobre, et je suis satisfait du résultat, même si je n'exclut pas d'y revenir plus tard.
Le menu déroulant est a l'emplacement du logo, j'ai décider de le faire vers le haut pour éviter de gêner la lecture et surtout pour le flash, le logo disposeras de quelques animations, et le menu seras également codé en flash.
Pour que le tout sois extensible en largeur, l'espace membre et le menu/logo serons deux fichier flash différents.
J'ai également ajouter un lien "Speed Link" il s'agis d'un système qui permet d'avoir des liens en raccourcie, il est relativement discret pour ne pas imposer son utilisation.
Oh j'oublier, je pense que vous avez compris, mais ici, on simule un passage de la souris sur "jeux".
Etape N°5
Ajouts du menu et du menu déroulant,
J'ai souhaiter un style plutôt sobre, et je suis satisfait du résultat, même si je n'exclut pas d'y revenir plus tard.
Le menu déroulant est a l'emplacement du logo, j'ai décider de le faire vers le haut pour éviter de gêner la lecture et surtout pour le flash, le logo disposeras de quelques animations, et le menu seras également codé en flash.
Pour que le tout sois extensible en largeur, l'espace membre et le menu/logo serons deux fichier flash différents.
J'ai également ajouter un lien "Speed Link" il s'agis d'un système qui permet d'avoir des liens en raccourcie, il est relativement discret pour ne pas imposer son utilisation.
Oh j'oublier, je pense que vous avez compris, mais ici, on simule un passage de la souris sur "jeux".
Re: WebDesign Communautaire
Ah. Là j'aime pas trop la façon dont sont présenté les catégories dans le menu déroulant là. J'aurais plus vu quelque chose en couleur et avec les catégories un peu séparées mais pas trop net ...
Buldoz- Banni
-
Re: WebDesign Communautaire
Quel menu déroulant ? celui au dessus de Jeu ? ou celui horizontale, a coté de l'espace membre ?
Re: WebDesign Communautaire
Aherys a écrit:Quel menu déroulant ? celui au dessus de Jeu ? ou celui horizontale, a coté de l'espace membre ?
---------------------------------------------------
Etape N°6
j'ai éclaircie la bar du menu, et rajouter des top, j'ai un peu peur de mélanger trop de style, pour l'instant j'essaye de faire des couleurs vives.
Vos Avis ?
Re: WebDesign Communautaire
Désolé de pas répondre ... C'EST LA FAUTE A LA RENTRÉÉÉÉÉ !!
J'aime beaucoup là mais j'aurais bien aimé voir ça avec le menu déroulant sur Jeux (celui dont je parlais )
GO KiKoo2.0 <3
J'aime beaucoup là mais j'aurais bien aimé voir ça avec le menu déroulant sur Jeux (celui dont je parlais )
GO KiKoo2.0 <3
Buldoz- Banni
-
Re: WebDesign Communautaire
Pas de soucis, le menu déroulant arriveras dés que j'ai le logo, j'ai une nouvelle version, mieux présenter, et plus classe, mais il faut le logo.
En attendant, voici avec quelques rajouts, c'est encore loin d'être finit.
En attendant, voici avec quelques rajouts, c'est encore loin d'être finit.
Re: WebDesign Communautaire
J'aime beaucoup malgré les fautes d'orthographes Le Jeux est mieu comme ça que en bleu je trouve
Buldoz- Banni
-
Re: WebDesign Communautaire
Oui, les fautes sont vraiment la parsque c'est juste des exemples, et que je doit faire du remplissage.
Ajouts du logo + Changements couleurs
Le logo n'est qu'une remixe du logo officiel (http://www.gamershield.com) pour qu'il s'adapte au header, il n'est pas encore finaliser il manque pas mal de "trait" qui viendrons renforcer un charactere agressif.
j'ai changé les couleurs parsque le bleu étais franchement moche, la c'est plus sobre, peu être plus monotone, mais plus agréable a l'oeil je trouve, le flash viendras mettre un peu de vie dans tout cela
Corrections + ajouts fond news
Corrections diverses notamment sur le logo, et les couleurs, ajouts d'un cadre pour la section news et ajouts de quelques sources lumineuses.
Corrections + ajout d'annonces
Tout plein de petits détailles ajoutés, une correction du logo pour lui rendre un aspect plus bouclier (on ma fait parvenir qu'on aurais dit une tente ouverte, de face).
J'ai bien travailler l'espace news, je pense que je vais refaire totalement le top des joueurs qui ne s'accorde au finale que trés peu avec le reste du design,
le logo reste un peu vide/peu lisible, je pense que je vais également devoir y rajouter quelques trucs
Ajouts du logo + Changements couleurs
Le logo n'est qu'une remixe du logo officiel (http://www.gamershield.com) pour qu'il s'adapte au header, il n'est pas encore finaliser il manque pas mal de "trait" qui viendrons renforcer un charactere agressif.
j'ai changé les couleurs parsque le bleu étais franchement moche, la c'est plus sobre, peu être plus monotone, mais plus agréable a l'oeil je trouve, le flash viendras mettre un peu de vie dans tout cela
Corrections + ajouts fond news
Corrections diverses notamment sur le logo, et les couleurs, ajouts d'un cadre pour la section news et ajouts de quelques sources lumineuses.
Corrections + ajout d'annonces
Tout plein de petits détailles ajoutés, une correction du logo pour lui rendre un aspect plus bouclier (on ma fait parvenir qu'on aurais dit une tente ouverte, de face).
J'ai bien travailler l'espace news, je pense que je vais refaire totalement le top des joueurs qui ne s'accorde au finale que trés peu avec le reste du design,
le logo reste un peu vide/peu lisible, je pense que je vais également devoir y rajouter quelques trucs
Re: WebDesign Communautaire
J'adore ! Par contre j'ai un petit problème avec la séparation du blanc et du gris entre la carte membre et la barre de menu
Buldoz- Banni
-
Re: WebDesign Communautaire
Quel problèmes ? Pourrais tu donner plus de détaille ?
Une idée pour l'améliorer ?
Etape N°15
Beaucoup d'ajouts, et donc beaucoup de correction a venir,
Le logo dispose maintenant de petits cercles en forme abstraite pour rajouter un peu a cette zone que je trouve trop vide, le slogan "War Industry" s'integre a présent mieux, moins visible, mais je le préfère comme cela.
Refonte du classement, c'est pas encore ça, mais j'approche de quelque chose qui me satisfait.
Quelques corrections de couleurs/lumières, et des ajouts de "banderole" de dossier, interview...
celle ci sont a corrigé, j'étais au départ partie sur des fond unicolor, malheureusement, même si cela fait plus gai, c'est quelque peu... dérangeant, j'ai donc préférais mettre des images derrières, du coups, le texte est moins visible, mais c'est juste pour la présentation du design, donc bon...
Une idée pour l'améliorer ?
Etape N°15
Beaucoup d'ajouts, et donc beaucoup de correction a venir,
Le logo dispose maintenant de petits cercles en forme abstraite pour rajouter un peu a cette zone que je trouve trop vide, le slogan "War Industry" s'integre a présent mieux, moins visible, mais je le préfère comme cela.
Refonte du classement, c'est pas encore ça, mais j'approche de quelque chose qui me satisfait.
Quelques corrections de couleurs/lumières, et des ajouts de "banderole" de dossier, interview...
celle ci sont a corrigé, j'étais au départ partie sur des fond unicolor, malheureusement, même si cela fait plus gai, c'est quelque peu... dérangeant, j'ai donc préférais mettre des images derrières, du coups, le texte est moins visible, mais c'est juste pour la présentation du design, donc bon...
Re: WebDesign Communautaire
Bah en fait je sais pas trop comment y remédier. Je parle de la séparation entre la carte du membre et la barre de menu là où il y a jeux etc... J'aurais peut-être vu la lueur externe noir sur la carte de membres à la place de baisser l'opacité m'enfin je sais pas comment t'as fais mais je trouve ça pas super
Buldoz- Banni
-
Re: WebDesign Communautaire
Cela ne fait pas suffisamment "ombre ?" je vais essayer d'y remédier manuellement.
Merci de ton suivie ^^
Merci de ton suivie ^^
Re: WebDesign Communautaire
Très classe, le design. Sobre, clean
La petite chose qui me choque, c'est la taille de la typo du menu (accueil, jeux, ...). J'aurai vu ça plus petit.
La petite chose qui me choque, c'est la taille de la typo du menu (accueil, jeux, ...). J'aurai vu ça plus petit.
Re: WebDesign Communautaire
Après une petite absence de quelques jours, je suis a nouveau la (travaille personnelle, etc etc..).
Le désign est bien finit, mais un autre designer est venu rajouter une petite retouche, on a donc plusieurs versions du design avec plusieurs elements.
Il est possible d'en voir une partie codés sur http://www.gamershield.com.
Et je la rep-présenterais une fois entièrement codé, avec le flash et le reste.
Le désign est bien finit, mais un autre designer est venu rajouter une petite retouche, on a donc plusieurs versions du design avec plusieurs elements.
Il est possible d'en voir une partie codés sur http://www.gamershield.com.
Et je la rep-présenterais une fois entièrement codé, avec le flash et le reste.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|