AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


1 résultat trouvé pour b8b8b8

NyoTheNeko

Critique de Colonie [2/2] - Mer 22 Juin 2016 - 23:46

Eh bien dans ce cas, je commence tout de suite ma critique. Voici donc la première partie ! ♥

Codage et Design


Malheureusement souvent un facteur très important pour un forum, vu que c'est ce qui va nous donner la première impression sur ce dernier, vu que c'est ce que l'on voit en premier. Ici les questions que l'on va se poser reposent plus de la subjectivité, bien évidemment, mais au delà du "j'aime/j'aime pas" on peut aussi avoir des côtés plus objectifs. Par exemple, si les couleurs s'accordent, si elles semblent aller avec ton thème, si les images et les formes s'accordent et correspondent à ton concept et enfin, si la mise en forme est cohérente partout.

I. À Prime Abord


Ici, je jette un coup d’œil rapide à ton forum, comme une personne qui vient d'arriver dessus. C'est à dire, en tant que joueur sur RPG expérimenté, qu'est-ce qui me choque, qu'est-ce que je trouve bien, et qu'est-ce qui m'attire ou me rebute. À la fin de ce point, en général, un joueur va décider s'il va continuer ou non à explorer ton forum, ou s'il va simplement regarder ailleurs.

Alors tout d'abord, ce qui me frappe est bien sûr la très jolie image du fond de page. C'est vraiment bien trouvé, et une belle qualité, même si dans le code tu la fais formater à la taille de mon écran. Cependant, ça pose un petit soucis avec le corps du forum.
Comme tu peux le voir ici :
Tag b8b8b8 sur Never Utopia - graphisme, codage et game design 1466627354-1
Le noir du corps ne se fond pas avec le noir du bas de l'image, ce que je trouve ultimement dommage. De même, je trouve dommage que l'image de fond reste tout le long avec le corps.
Tag b8b8b8 sur Never Utopia - graphisme, codage et game design 1466627481-2

Je pense qu'ultimement, laisser le fond plutôt en haut avec un fond de page noire, même si ça ne prend pas 100% de la largeur donne un meilleur effet. Même si l'image se coupe, ça ne donne pas un mauvais effet, vu qu'on peut imaginer qu'on se trouve entre deux murs, que le contre-jour fait apparaître tout noir.
Tag b8b8b8 sur Never Utopia - graphisme, codage et game design 1466627732-3
Et du coup, je trouve que le corps de forum est même mieux sans une bordure, qu'il s'intègre mieux avec le fond du forum.
Tag b8b8b8 sur Never Utopia - graphisme, codage et game design 1466627904-4

Bien évidemment, là ce ne sont qu'un avis personnel de ce que je trouve visuellement plus plaisant. Tu n'as bien évidemment pas besoin de suivre mes conseils.

Pour ce qui est de la première impression sur l'image en elle-même, je trouve qu'elle relève très bien le petit sous-titre du forum "un espoir en forme de cage", avec les barreaux formant la cage, et la fille regardant le soleil levant symbolisant l'espoir. C'est vraiment bien trouvé.
En soi, avec l'image et le titre, je pense tout de suite qu'il doit s'agir d'un forum de type pensionnat, plutôt dans un style de huis-clos. Je n'en suis cependant pas encore certaine parce que le design ne me donne pas plus d’informations.

Après mon premier coup d’œil, je présume qu'on est sur une île en format de huis-clos, avec un régime totalitaire qui contrôle l'intérieur de l'île. C'est bien sûr qu'une supposition avec seulement le visuel.
Quoiqu'il en soit, je suis un peu intriguée à la fin de mon petit premier tour de piste. En soi, même si très sombre et pouvant être assez taxant sur les yeux, le forum n'est pas non plus trop contrasté pour donner un mal de tête au bout de quelques minutes. Peut-être que je modifierait la couleur blanche pure de l'écriture en une couleur qui aurait un contraste plus petit (comme #b8b8b8 ) pour adoucir un peu le visuel. Forcément, le blanc sur noir est bien souvent à éviter !

II. Couleurs et Agencement


Ici, je parle plus en profondeur de ton design et du codage.

Une première remarque que j'ai tout de suite en voyant la PA, les catégories et le titre du forum, c'est qu'il y a beaucoup trop de polices différentes. Sur la bannière tu en a deux (titre et sous-titre), puis sur la PA tu as la répétition du sous-titre qui est encore dans une autre police, puis le titre de catégories qui est encore une autre et enfin les liens de forum qui sont encore une autre (mais la même que celle pour le dernier message). Pour avoir une identité visuelle, tu devrais essayer de garder le plus possible les même polices d'écriture, de faire rappel de ce qui est vu sur ta bannière partout ailleurs sur le forum.
Ça peut paraître difficile, mais avec l'aide de Google Fonts, c'est en réalité assez simple. Du coup, ce que tu devrais faire, c'est réutiliser la police de ton titre (Colonie) pour les titres de catégories, et ta police de ton sous-titre pour la PA et les forums/derniers messages/liens. Tu peux bien évidemment changer la police de ta bannière, mais l'idée c'est que tu aies une uniformisation des polices que tu utilises.

D'ailleurs, si tu souhaites utiliser celle que tu as actuellement pour les liens de forums comme une de tes polices... je te le déconseille. En réalité, elle est assez difficile à lire :
Tag b8b8b8 sur Never Utopia - graphisme, codage et game design 1466628415-5
Et ce, malheureusement, même en gras. Vu que le fond de ton forum est déjà très noir et peut à la longue fatiguer les yeux, il n'est pas dans ton intérêt de mettre une police difficilement visible. Je pense aussi aux personnes malvoyantes (j'en ai dans ma famille) qui vont simplement abandonner l'idée de passer sur ton forum.

Deux autres remarques concernant la PA, en zommant/dézoomant, j'ai remarqué qu'il y a un petit bug sur la PA du forum :
Tag b8b8b8 sur Never Utopia - graphisme, codage et game design 1466629349-7
Il faudrait régler ça, parce que l'image décide de se balader sans le reste de la PA ! =P
Ensuite, il y a le fait que la phrase d'accroche est mal écrite. En effet, tu as sur la PA "Un espoir..." puis "en forme de cage." Or ce devrait être "...en forme de cage." En effet, lors de ma première vue, j'ai cru que le "en forme de cage" se rapportait aux images en 50*50 à gauche, et non pas à la suite du texte en haut à gauche.

Autre soucis que je vois avec la PA, c'est qu'il manque des titres. En effet, en voyant les images en 50*50, je ne sais pas à quoi elles correspondent. Je pensais à des partenaires, mais ces derniers sont en réalité en footer. Même si on comprend rapidement qu'on a les prédéfinis et le staff, ce n'est pas forcément très évident. Idéalement, il faudrait donner un titre à tes informations.
Enfin, dernière remarque la concernant, c'est cet large espace que tu as entre tes crédits/disclaimer et ton contexte :
Tag b8b8b8 sur Never Utopia - graphisme, codage et game design 1466629706-8
D'une manière personnelle, je le trouve un peu trop grand. Je trouve aussi qu'avec le reste de ce qui l'encadre, cela donne un alignement bizarre, d'avoir ce texte en haut, puis un gros trou. On peut imaginer un truc un peu plus proche comme ceci :
Tag b8b8b8 sur Never Utopia - graphisme, codage et game design 1466629872-9

Pour les catégories en elles-mêmes, on note le manque d'image, mais elles sont fluides et compréhensibles. Tu pourrais peut-être centrer le nombre de messages et de sujets dans leur bloc, mais en soit rien de gênant.
Si je note le manque d'image, c'est parce que pour un univers inventé, avec une île inventée, les gens aiment souvent bien avoir un visuel, surtout pour les lieux où ils vont RP. Ce n'est bien évidemment obligatoire, mais je relève tout de même au cas où tu penses que ce serait bénéfique pour toi.

Enfin, en bas de page, au niveau du QEEL, bien que l'image est forte, elle ne va pas vraiment avec le reste des couleurs du forum. En effet, jusqu'ici, on avait des couleurs qui allaient bien ensemble, un peu sombres, mais qui se fondaient dans le décor. Soudainement, on a une image blanche. Laisser juste le rond, qui a des couleurs vives et saturées - et une images forte qui plus est - serait judicieux et clacherait moins avec le reste du design.
Également, comme le montre ce petit carré rouge :
Tag b8b8b8 sur Never Utopia - graphisme, codage et game design 1466628816-6
Tu as un large écart entre la partie de droite et le rond, et pourtant tu en as pas à gauche. Cet asymétrie fait un peu bizarre, surtout avec le rond au centre pour donner une idée de symétrie. tu peux soit recentrer le rond pour que la distance entre les deux carrés et le rond soit égale, soit donner la même taille aux deux carrés (ce qui me semble plus judicieux).

Passons donc à la liste des sujets ! Là, il y a tout de suite un soucis avec le petit fil d’Ariane :
Tag b8b8b8 sur Never Utopia - graphisme, codage et game design 1466630107-10
Si jamais, tu as plusieurs solutions pour ce problème. Le premier, est de simplement réduire la taille de l'image en CSS. Là, tu auras toujours une image, mais le texte pourra être moins lisible. Ou alors, tu peux aussi modifier pour que tes titres de catégorie contiennent à la fois l'image et le texte, comme ceci :
Code:
<img src="URL_IMAGE" /> <span>TITRE</span>

Et ensuite, dans ton CSS, tu fais en sorte qu'il n'y ait que l'image qui s'affiche dans l'affichage des catégories, et que seul le span s'affiche dans le fil d'Ariane, avec un simple "display: none". Si tu as besoin d'aide pour le code exact, n'hésite pas à me le demander Wink

Pour la liste des sujets, bien que le code soit élégant et similaire à celui de la page d'accueil pour les catégories, je trouve que les informations sont peut-être un peu "fouillis" et qu'il peut devenir difficile de s'y retrouver.
Tout d'abord, même moi qui ai l'habitude de coder et de dispositions uniques de sujets, j'ai pris un petit moment pour comprendre que le nom en gros à droite n'était pas le dernier posteur, mais bien l'auteur du sujet. Un "par" ou "sujet par" devant pourrait aider à la compréhension. De plus, je pense qu'il faudrait inverser l'auteur du sujet et le dernier message, ou alors les vues et réponses avec le dernier message, pour avoir une meilleur lisibilité en un coup d’œil de ce qui est quoi.
Je trouve également qu'un simple v et un r pour vue et réponse est peut-être un peu trop minimaliste. Un nouveau membre qui ne connaît pas bien les forums peut très vite se demander à quoi cela se réfère. Si tu veux quelque chose de petit qui reste clair, on peut imaginer mettre un œil à la place du v et une bulle de dialogue à la place du r. Ou alors vues et reps, c'est pas beaucoup plus long et c'est tout aussi clair Wink

Enfin, pour ce qui est des sujets/messages en eux-même, je n'ai que trois petites remarques. La première (et non ce n'est pas le profil qui est à droite ♥) est que le titre d'un sujet n'est pas assez visible. Certes, il est mit dans la date d'un message en haut, mais en soit, il n'est pas visible en haut du sujet même.
Tag b8b8b8 sur Never Utopia - graphisme, codage et game design 1466630850-11
C'est dommage, car c'est pourtant une fonction que j'utilise personnellement tous les jours quand je RP, notamment quand j'ai plusieurs sujets ouverts en même temps, pour me rappeler ce qui est quoi.
Ensuite, l'écriture dans les messages qui est blanche sur un fond noire, c'est un grand non. C'est trop de contraste, ça rend rapidement le texte difficile à lire car faisant mal aux yeux. Tu peux ainsi modifier la couleur de fond des messages pour la rendre moins noire (voire carrément grise comme le fond de description de catégories) soit rendre le texte moins blanc. Idéalement, tu fais les deux, car cela rend le toute plus lisible.
Enfin, dernière chose qui me chiffonne est le pseudo du posteur. En effet, je trouve qu'on ne le voit pas assez.
Tag b8b8b8 sur Never Utopia - graphisme, codage et game design 1466631885-13
Ce n'est pas tout à fait naturel de ne pas l'avoir dans la région de l'avatar, même si ce ne serait pas dérangeant s'il était plus visible. Donc rien que l'agrandir, pour qu'on le voie bien, et pourquoi pas le rapprocher de l'avatar à droite, serait une bonne idée.

Une dernière remarque, mais qui vient plus d'un goût personnel, c'est pour ce qui est des rangs. En effet, je n'ai vu que pour le nouvel habitant et le fondateur, mais il me semble que ce ne soient pas des couleurs retrouvées ailleurs sur le forum. C'est dommage, et idéalement, tu pourrais réutiliser des couleurs de ta bannière, vu qu'il y en a beaucoup !

Voilà, j'ai fait le tour du design général de ton forum. En soit, certes il y a beaucoup de noir, mais ce n'est pas non plus très grave, c'est cohérent avec l'effet fourni par la bannière et ce n'est pas désagréable. Pense tout de même à faire attention à ce que l'écriture soit bien lisible et pas trop contrastée, surtout au niveau des messages, vu que c'est là que le membre ira lire le plus !

III. Structure des Catégories


Bien que l'on pourrait croire le contraire, la structure des catégories est lié au design, et c'est aussi ce qui va permettre à un joueur à se retrouver facilement ou non sur ton forum, que ce soit avant l'inscription, ou après lorsqu'il faut débuter le RP.

Je n'ai en réalité, rien à redire. Toutes tes catégories ont des descriptions (même celles qui ne sont pas sur l'index), elles sont bien classées et claires. La seule chose dommage est que le flood soit un unique forum un peu tout seul. Pourquoi ne pas le fusionner avec le reste des choses hors-RP pour qu'il soit moins "seul" ?
Sinon, je trouve qu'il n'y a ni trop, ni pas assez de catégories. En soi, c'est bien proportionné ! Il n'y a plus qu'à attendre que tu aies des membres pour y RP !

Par contre, j'ai remarqué que pour la description de l'université, il y avait trop d'espace :
Tag b8b8b8 sur Never Utopia - graphisme, codage et game design 1466631216-12

IV. Dans les Sujets Importants


Regardons à présent rapidement les sujets importants. Je dis rapidement, parce qu'ici je ne vais parler que du visuel, pas du contenu. Ceci est surtout pour vérifier que ton identité visuelle est claire et correspond bien à ce qu'on attend.

En soi, la mise en page est partout pareille pour ce qui est d'officielle, que ce soit pour les textes importants (règles, contexte, etc) que pour les annonces. Et je dois dire que c'est parfait ! Cependant, je remarque aussi qu'il n'y a aucune image, ce qui est dommage.
Une petite image tout en haut, avant ou après le premier titre, ou alors entre deux titres, c'est toujours sympas. Non seulement ça donne l'ambiance du sujet selon l'image choisie, mais cela donne également un peu de couleurs et un petit quelque chose de différent face à tout ce texte. En soi, cela casse un peu la monotonie de tout le reste.

De même, les prédéfinis et les présentations ont la même mise en forme, ce qui est de nouveau très bien.

L'identité visuelle est là, le tout est sobre et clair. Bref, pas grand chose à redire !

Et voilà ! J'ai fait le tour du visuel de ton forum ! Si tu veux encore discuter de quelques points ou me poser des questions, n'hésite pas ! :hug:


Revenir en haut

La date/heure actuelle est Jeu 2 Mai 2024 - 8:35