Bonjour bonjour,

J'ai beau être à la "retraite" certains comprendront ! Mais un retraité a toujours des occupations, en naviguant un peu sur mon PC j'ai trouvé un kit qui m'a inspiré et m'a donné l'envie de faire à nouveau un petit design (Et puis j'avais annoncé à ma présentation que j'allais partager en graphisme...).

J'ai donc réalisé un petit design (Rien d'extraordinaire ok..) mais ça peut dépanner certains qui n'ont pas l'inspiration au moment où il le faut soit pour coder mon psd soit pour s'en inspirer !

Mais avant toute chose, je tiens à vous montrer un aperçu pour que vous puissiez me dire ce que vous en pensez, (Trop sombre, mal agencé etc..) afin de pouvoir l'améliorer et enfin de vous le partager !

Voici :


J'espère avoir au moins 10 avis !

Cordialement,

Pas mal du tout

Dans les blocs de news, le texte est trop collé sur la droite, de même le lien "lire plus" il faudrait le démarquer du texte (soulignement ou couleur). Également démarquer le titre des news?

Sinon le reste ne me pose pas de soucis, c'est même joli... L'effet sur Inscription c'est l'effet de survol sur les boutons? Dans se cas je le trouve trop "vert".

Merci pour ces conseils !

Effectivement pour le bloc new le texte est trop collé mais comme c'est du photoshop (Pas encore codé) c'est une erreur de placement de calque de ma part Bonne idée pour démarquer le titre/lire plus peut-être en blanc ou jaune?

Oui ça serait l'effet de survol ou pas... Dépend des choix du codeur ! Je vais voir si je peux le mettre orange ou autre ça passerais peut-être mieux

Merci encore !

Mise à jour 19/09/2014 Dis moi ce que tu en penses

Visuellement c'est beaucoup mieux

Dans la technique maintenant, ton bloc de news ne semble pas extensible vers le bas (motif des bordures non répétable proprement vers le bas), je pense que c'est voulu?

Concernant OFFLINE et ONLINE je pencherais plus pour EN LIGNE et HORS LIGNE. Soit on fait un site en anglais ou en français mais faut éviter le mélange. (de même pour top pvp)
Sa me choque pas si c'est du texte modifiable par la suite par l'intégrateur

Ergonomiquement le bouton connexion est mal placé.. Pourquoi?
- Dans le cas ou la personne est déconnectée, elle va se référer à la plupart des sites qu'elle connait. Le bouton connexion sera généralement détaché et non dans le menu principal. (une boite sur le coté ou un bouton tout en haut de la page)
- Maintenant si tu es connecté, que se passe t'il? On ne va pas laisser le bouton connexion...

Pour le bouton inscription la couleur est parfaite ! On est d'accord que c'est la couleur au survol?
Sur la plupart des sites le bouton "inscription" ressort du lot, même non survolé... Pour faciliter la vue et "vite cliquer dessus" (approche purement commerciale et pourtant..)

je chipote, je chipote mais c'est très bien globalement

--
PS : si tu souhaite faire un PSD complet pour intégration, pense à faire la structure pour une page avec la news complète ! Tu peux également faire la page "le serveur" qui pourra s'inspirer de la page "news".
De même faire la page de contact pour intégrer un formulaire ! Sa permet d'avoir un formulaire stylisé pour l'intégrateur plus tard.

Merci beaucoup pour tout ce que tu me dis là ! En ce qui concerne En ligne / Hors-ligne => Done maintenant top pvp tu me conseils JcJ ?

Pour le cadre news tu as raison et j'y avais pensé ^^ mais je me suis dis justement il y aura une limite (Le bloc) et l'utilisateur devrait impérativement cliquer sur lire plus pour avoir les informations complémentaires ! Mais peut-être que stratégiquement parlant ce n'est pas judicieux tu as raison ! Je vais voir ce que je peux faire Je vais voir si en prenant plusieurs "1px" de longueur ça fait moche ou pas ou sinon faire un milieu qui se superpose je sais pas encore mais merci du conseil je me penche dessus !

Le bouton connexion est mal placé je te l'accord, -oublie de le faire ailleur...- cependant une fois connecté à la place de " connexion " il y aurait " Mon compte " afin d'avoir les points votes, boutique, modif perso, nom mot de passe etc...

Le bouton inscription maintenant, oui ça pourrait être la couleur de survol mais pourquoi pas laisser comme ça d'origine ? Pour attirer l'inscription comme tu dis et jouer le hover avec une lueur en + sur le texte par exemple non ?

Pour le reste des page je vais les faire c'est prévu mais j'attend d'avoir l'accueil complète pour pouvoir faire le reste Si tu peux me donner ton skype par MP on pourrait discuter plus facilement pour le partage de screen etc..

J'aime beaucoup, Horus !

Un petit truc qui m'a démangé quand j'ai eu fini de lire les commentaires de Gala, et qu'il n'a pas soulevé (sans doute ça ne l'aura pas dérangé, lui xD) :

L'ensemble de ton design est très structuré, chaque chose à sa place. Ton header offre une très belle image, et intégrée au fond noir, c'est vraiment du bon travail.

Mais là où ça m'a démangé un peu, c'est qu'en bas, mis à part le cadre des news, rien ne "tient" ensemble, c'est comme suspendu dans le noir du background, tu vois ?
Et pourtant, les trois boutons sont tenus par des chaines, eux !

As-tu essayé de voir ce que ça donnait si tu reproduisais un bg style bois sombre en contenu de ton site ? Le bg du site resterait noir, mais le milieu (jusqu'aux bords droit et gauche de la slide) aurait un bg couleur et style ébène ? C'est une idée, et il se peut que ce soit très moche, mais ça offrirait un certain décalage entre le bg du site et le bg des contenus, et le bg des news.

Sinon, en parlant du background des news, je me demande si intégrer une couleur plus claire (tout en restant sombre) ou un style bois, ou autre... ne serait pas plus intéressant ?

Concernant les trois boutons latéraux droits, les textes des calques sont mal placés, je crois, ils sont plus vers le bas qu'au centre du bouton. Je pense même que tu gagnerais en esthétique à déplacer les images avec, à les décaler vers la droite, parce qu'ils sont encre très "collés à gauche". ^^

Pour ce qu'a dit Gala, avec PvP, je crois que pour ce point, ce n'est pas important... En fait, le terme PvP est davantage présent dans la conversation que JcJ. De toute façon, les deux se disent, mais je crois que PvP est un terme purement générique et plus souvent employé
En tout cas, moi ça ne me dérange pas de mettre de l'anglais à ce niveau-là. Pour "online/offline", là, c'est vrai que c'est plus embêtant xD

Concernant la barre de menu, j'aurais mis tout ce qui est moins technique d'un côté, et tout ce qui l'est de l'autre. Par exemple, l'[bAccueil[/b] toujours à gauche, ensuite Le serveur (pour en apprendre plus sur le lore (si RP), sur l'équipe, les rates, etc... (les trucs que les joueurs veulent savoir en général avant de s'inscrire) et Forum pour qu'ils rejoignent la communauté.

Le bouton d'inscription serait la jointure.

Ensuite, Statistiques, Contact puis Connexion, qui serait remplacé par Déconnexion.
Et le bouton Inscription, une fois connecté, ne servirait plus à rien, et donc pourrait être le fameux bouton Mon Compte.

Non ?

Salut Horus.

En effet, jolie design, mais je rejoint les autres membres sur le faite que toutes les partie du site (header sidebar et news) sont séparées, je trouve que ce serait mieux de faire tout un ensemble.


Sent from Tapatalk

Merci à tous pour ces commentaires ! Je rentre de Week-end et je lis tout ça avec plaisir, je vais me remettre au travail le plus vite possible histoire d'améliorer tout cela. Un petit topo de ce que je vais faire :

• Un bouton connexion en haut à droite.
• Un background grisé clair derrière les news
• Un raccord des blocs par des chaînes ? (à réfléchir)
• Ajout d'un cadre de connexion pour faire un effet apparition / masquage une fois que l'utilisateur clique sur connexion.

Voili voilou !

Cordialement,

Beau design je pourrais faire le code derrière quand tu l'auras posté

Des nouvelles?

C'est intéressant ce que tu dis là mathman !

@Galathil : Oui mais comme j'ai pas fini, voici juste un début (ce ne sont que des modifications partielles)

Normal :





à noter que je n'avais pas encore mis car je trouve que ça ne fait pas assez propre pour afficher mais, comme tu le demande, voilà ^_^

Cordialement,

Voilà, là c'est très bon !

Le background de la première news, ça donne un autre style, vraiment bien !
Il reste à finaliser, mais je crois que t'as tout compris, t'es sur la bonne piste je trouve !

En tout cas, bravo, la nouvelle version est nettement plus jolie ! ^^

Merci ! Dés que j'ai fini tout ça, je vais poster ça en PSD (Essayant de bien trier) pour voir si mathman peut le coder et ça fera un template

Merci encore pour les compliments, même si je trouve que ça fait un peu sombre le background !

T'as essayé un peu plus clair, pour voir ce que ça donnait ?