[Résurrection] Design

Design :


Un sacré morceau de la résurrection mais peut-être pas le plus gros.



Ce qui en a été dit :


Some stuffs : Bah en fait on en a pas dit grand chose finalement ^^. Gil a dit qu'il ne voulait pas d'un forum tout noir. On est quelques-uns à avoir proposé nos maigres compétences en matières de graphisme (Arya en a davantage). Globalement, on a évoqué l'idée de passer commande d'un design, et c'est encore ce qui pourrait paraître le plus cohérent. Reste à déterminer ce qu'on veut, les couleurs, les tons, l'apparence générale, la juste dose de CSS, etc...

Pour cette partie, j'ai de quoi dire. Non pas que je sois hyper calée en CSS, templates et compagnie (surtout pas templates), mais je m'y connais plutôt bien en ce qui concerne ce qui se fait aujourd’hui niveau sites et forums. En effet, j'administre un forum depuis cinq ans et qui est toujours en activité, alors... Autant dire que j'ai suivi l'évolution du monde RP et je peux alors vous apporter mon point de vue plutôt objectif sur le coup.

DESIGN

Les commandes de design sont très fréquentes et c'est effectivement, à mon sens, la meilleure solution. Je connais un site où je passe généralement commande et où on pourra le faire de ce fait pour Gama. Passer commande suppose obtenir quelque chose de qualité, et c'est ça qui est bon. (Bon, sauf si quelqu'un de gentil nous propose quelque chose de moche, là on dit non, merci, faut pas pousser non plus. Une interface renvoie une image, alors si elle n'est pas de qualité...) Mais je vous rassure on propose rarement du moche XD Faut pas être trooop difficile non plus.

Détail très important pour les designs : les bannières comme on a, ça ne se fait plus. C'est le header qui est devenu à la mode, au point de s'imposer comme une norme. Les graphistes vont donc nous concevoir un header qui deviendra la bannière de notre forum, qui sera posée en "fixée" et qui se fondera dans la couleur de fond qu'on aura choisi. C'est carrément plus esthétique, il faut dire, vous verrez, je peux vous montrer des exemples de header que j'ai déjà pu avoir sur mon forum HP :

Spoiler:

CODES CSS

Ça, je peux aider. Il y a des petits codes tout simples qui permettent de rendre un forum plus esthétique :

- Une PA, qui dans les normes ne doit pas dépasser un écran d'ordi. Les longues PA, ça ne se fait plus du tout, mais alors plus du tout.
- Des codes pour des fiches de présentations, de PVs, de liens, esthétiques. C'est simple, des gens en créent, les créditent, et il suffit de se servir dans des bases de données comme Bazzart. Pourquoi se priver ?
- Des codes de mises en pages qui permettent de justifier automatiquement et d'avoir des marges. (Adieu le [list] chiant à toujours mettre dans chaque message !) Je vous assure, ça change la vie et c'est tout con à installer.

Et sûrement d'autres que j'oublie mais il y a plein de petites choses que je peux très facilement faire.

AVATARS

Je ne crois pas que la question s'est posée alors je la pose : est-ce que nous restons sur des avatars illustrations ou nous partons sur des avatars réels avec célébrités ? La tendance va nettement aux avatars réels aujourd'hui et j'avoue avoir une nette préférence pour ça. Ca permet d'avoir chacun son identité, d'avoir plein d'images en stock, et surtout de pouvoir utiliser des GIFS TUMBLR LES GARS. (Oui Edryn j'adore cette plateforme comme toi ^^) Mais après si la question ne s'est pas posée, je pense que c'est parce que vous partez tous sur les illustrations.

Par contre, juste une chose RÉDHIBITOIRE : il ne faut surtout pas mélanger les avatars illustrations et les avatars réels. Là, il faut absolument trancher et ne pas laisser le choix de choisir l'un ou l'autre. Non, là ça va clairement partir en couilles, ça fera terriblement brouillon, débutant, et ça bousillera notre image dès le départ. Ça, im-po-ssible. (Comment ça, je suis allergique physiquement au mélange des deux ?) Donc bon sur ce débat faudra trancher ^^

Amen.


Je dis oui à tout et personnellement, je serais pour des avatars réels.

Je trouve que ce qu'on fait maintenant niveau design est sacrément beau et bluffant alors j'ai limite hâte qu'on mette un truc similaire en place sur Gama. Personnellement, niveau couleur, je n'ai aucune préférence particulière. Comme Edryn, je pense qu'on commencera à se faire une petite idée quand on aura un contexte clairement défini.

Arbitrairement, comme ça, j'aurais quand même quelques exigences. J'aimerais un design qui ne fasse pas "fleur bleue". Je m'explique : il va sans dire que je ne veux pas de rose bonbon, de bleue layette ou de jaune canari. Après, je fais confiance aux graphistes pour trouver des associations qui claquent. A titre d'exemple : bordeau/gris clair ; beige/gris/bleu canard ; kaki/gris/jaune sable... Au niveau des polices aussi, il faudrait quelque chose de neutre et d'élégant, qui ne fasse pas trop Comic Sans Ms ou Lucinda Calligraphy (cette police a la classe mais utilisée à outrance on dirait juste une jeune fille en fleur qui a décidé de faire de son forum une page de calligraphie). J'ai aussi vu pas mal de forums avec des images incrustées dans les catégories, d'autres non et moi les deux me conviennent très bien du moment que c'est harmonieux.

J'entends vos réticences sur les avatars réels et Arya a raison quand elle dit que cela permet plus de fantaisie. Cependant, je reste sur ma position pour l'heure et j'ai plusieurs arguments à vous opposer. Personne n'est ici obligé de prendre la tête d'un acteur super connu de la mort comme Brad Pitt ou George Clooney. Il existe une pléiade d'acteurs de seconde zone a la plastique tout à fait intéressante et inspirante pour des persos sur lesquels tout le monde ne mettra pas un nom d'office. Il est très difficile, dans les mangas, de trouver des personnages "vieux" T.T. Si si, je vous jure. Dès que vous chercher un personnage qui a dépassé la vingtaine c'est la croix et la bannière. Par exemple, essayer de trouver un personnage de manga qui ait l'air d'avoir la trentaine. Ce n'est pas infaisable mais c'est très limité. Pour peu que le petit échantillonnage disponible ne vous intéresse pas, c'est la guerre. De plus, je réfute l'argument du "je pense aux roles qu'il a joué". Personnellement, quand je vois quelqu'un sur un forum utiliser un avatar de manga, je pense immédiatement au personnage que j'ai vu dans ce manga (et d'ailleurs, assez régulièrement, il y a des similitudes). Si dans un premier temps ça choque, je finis vite par me détacher de ce que je connais au préalable pour vraiment voir le perso de RP dépasser la simple apparence du personnage de manga. Enfin, même si certains artistes ont un talent monstre et que l'on arrive plus ou moins à trouver des images avec du caractère, personne ne va nier que les personnages de manga se ressemblent tous un peu. Pour peu que vous imaginiez un personnage avec un visage plutôt carré, un nez buriné, des sourcils fournis, une barbe, les cheveux en brosse... impossible de trouver une image correspondante en deux clics (voire même en cent). Souvent, ce qui se passe, c'est qu'on trouve une image de manga potable et qu'on la décrit dans la description physique. Ca limite sacrément l'imagination et les possibilités. Le visage humain, même en dépit des normes de beauté qui dominent le milieu cinématographique, a tout de même plus de variété, et de relief.

Bon, les enfants...

Je me suis amusée à bidouiller un peu histoire qu'on soit en mesure de choisir deux ou trois choses pour le prochain thème du forum.

Puisque des images parlent mieux que des longs discours, je vous montre tout ceci. La base n'est évidemment pas celle du Gama actuelle mais de Try Again, forum qu'avait déjà mentionné Edryn un peu plus haut pour illustrer ses propos. Le but était simplement d'illustrer un rendu tout con niveau couleur, sur un design un peu plus moderne que le notre.


Sobre et Classique




Frais et Caractériel





Lounge et Nature





Doux et Layette





Mature et Soft





Purple Calme





Purple Powa





Total Look





Purple and Grey





Reposant et simple





Champêtre et éclairé





Évidemment, il ne s'agit que d'exemple de combinaison de couleur qui peuvent d'ailleurs être mieux pensées. Je n'ai essayé que de faire un rendu approximatif, histoire qu'on voit vers quoi s'orienter, montrer qu'il était possible d'avoir un rendu sympa avec de la couleur et pas forcément que du noir de partout même si notre univers dystopique en devenir sera plutôt sombre. Là dessus, il n'y a pas non plus d'images, de renders, de choses multiples qui pourraient agrémenter le fond, ou les boutons, etc. C'est juste une base.

Personnellement, mes préférés sont :
- Sobre et Classique
- Mature et Soft
- Reposant et Simple
- Purple And Grey


Vous aurez remarqué que j'ai visiblement un goût prononcé pour le violet en ce moment... Sinon, bah aucun ne peut vous plaire aussi. C'est pour voir un peu les goûts de chacun que j'essaie ces combinaisons.

J'aime beaucoup le "Doux et Layette" et j'aime bien le "Purple Calme" et le "Purple Powa", seulement je les trouvent un peu trop meugnon pour le futur forum. Les deux derniers que j'ai mentionné je les trouve un peu orienté fille aussi.

Sinon j'aime :
- Sobre et classique
- Lounge et Nature
- Purple and Grey
- Reposant et simple
- Champêtre et éclairé

Le "Sobre et classique" est quand même assez similaire avec le "Lounge et Nature" et quitte à choisir je préfère le "Sobre et Classique".
Pareille pour le "Purple and Grey" qui a des couleurs assez similaires (sauf le violet) à "Reposant et simple" et là je préfère ce dernier, parce que je trouve que le vert et le gris sont plus harmonieux que le violet et le gris.

Enfin tout ça pour dire que mes préférés sont :
- Sobre et classique
- Reposant et simple

Mais que j'aime bien :
- Lounge et nature
- Purple and grey
- Champêtre et éclairé

Salut les sales gosses !

Oui parce que du coup vous notez des trucs dans la conversation Skype, mais y'a qu'Edryn qui m'écoute et qui donne son avis dans le sujet qu'il faut ! Vermines, va...

Bref, du coup, Oz et Gil n'ont pas encore exprimé une opinion sur les suggestions précédentes. Cependant, de ce que tout le monde m'a rapporté, le thème qui remporte le plus de suffrage est "Sobre et Classique". Aussi ai-je travaillé sur cette base pour vous soumettre une suggestion de fiche de présentation.

Je vous préviens tout de suite que je n'ai RIEN commencé à coder et que cet exemple a été amoureusement bricolé sur Photofiltre pour vous donner une idée de ce que j'avais en tête et qu'on puisse déterminer en premier lieu ce qu'il convient de garder et ce qu'il faudrait modifier. Je vous préviens aussi tout de suite que la taille du texte est inadaptée à cette fiche mais puisque je m'en suis rendue compte trop tard, je n'avais pas le courage de tout modifier à nouveau. Donc imaginer que le corps de texte sera un peu plus petit et donc un peu plus agréable à lire. Au niveau des images, elles ne sont là que pour illustrer. Chaque joueur mettra les images qu'il veut, voire des gifs, c'est pas un problème.

Au niveau du codage en lui-même : certaines choses me poseront clairement soucis, mais j'ai essayer de rester simple et de ne pas faire trop alambiquer. Si la fiche vous paraît trop claire, rassurez-vous et souvenez-vous que le forum est bordé par un fond sombre (violet très foncé) et un fond des catégories sombre lui-aussi (bleu-vert foncé).

Pour vos remarques et les modifications que vous souhaiteriez, voire les ajouts, essayez d'être aussi clairs et précis que possible dans vos descriptions, quitte à poster des exemples de ce que vous voudriez obtenir (ça fait trois jours que j'écume les forums et les fiches présa pour sélectionner ce que j'aime, mais je n'ai naturellement pas tout vu). D'ailleurs, si votre idée vient d'un forum en particulier, donnez l'adresse du forum en question.

Enjoy !

J'ai la flemme d'éditer mon post précédent, donc je précise encore deux ou trois choses par ici.

Les titres, les champs et autres, je les ai mis de façon TOTALEMENT arbitraire et je n'ai pas réfléchi trois heures dessus, hein. Personnellement, je change toujours les titres des catégories donc peu m'importe ce qu'on choisira là-dessus à terme. De même pour les polices. Celles utilisées là sont Georgia, Calibri, et Tahoma (qui, je crois, est la police par défaut du forum mais je n'en suis pas sûre). Elles sont changeables à souhait, si vous avez de meilleures, je les ai choisi par défaut.

Concernant les titres : j'ai longtemps hésité à les mettre dans des barres rectangulaire qui courraient de part et d'autres de la fiche. De même, j'ai hésité à mettre tous les bords des fonds rectangulaires et non une diagonale arrondie comme j'ai fait là. Si j'avais fait ces choix, la fiche aurait eu un aspect plus "dure" car plus carré et sec. Du coup, je suis en plein doute parce que je trouve qu'avec les couleurs et ces quelques éléments "ronds", elle gagne en douceur. Je ne suis pas sûre que ça colle au thème.

Maintenant que je le vois, je m'aperçois que je n'ai pas mis d'effet "ombre portée" sur la dernière image de "Behind The Screen". Sauf que je me dis que ça ne rend pas si mal et du coup, je me demande si ça vaut pas le coup de l'enlever sur les deux petites images de "identity card".Par rapport à ta suggestion Arya, je trouve l'idée pas mal de mettre une image pour le groupe, mais encore faudrait-il trouver les images en question pour se faire réellement une idée. Perso, je ne sais pas encore comment faire, mais j'ai bien l'intention d'insérer un gif ou deux dans ma future fiche ^^.

Isuzu : mea culpa. Je suis crevée, ça fait je ne sais pas combien d'heures que j'y suis, JUSTE pour avoir un modèle propre à vous montrer. Du coup je pars en live...

Et je crois que j'en ai fini avec mon auto-critique pour l'instant.

Tu l'aimes ce gouvernement, avoue (espèce de barge de 1984)...

Oh ! t'inquiète. Je n'ai rien mal pris. J'ai même honte d'avoir laissé des fautes pareilles s'imprimer sur mon magnifique travail de collage (oui, parce que les captures d'écran ça y est allé).

Pour les gifs, tu me rassures. Encore faudrait-il que j'en trouve avec l'acteur voulu (cet enfoiré) et que je ne m'emmêle pas les pinceaux dans les codes.

La terrible Bête a écrit:Salut les sales gosses !

Mais pourquoi tant de haine ? me suis-je demandé.



La fabuleuse Bête a écrit:Oui parce que du coup vous notez des trucs dans la conversation Skype, mais y'a qu'Edryn qui m'écoute et qui donne son avis dans le sujet qu'il faut !

   

J'avais fait pleins de petits commentaires direct sur l'image, mais mon programme d'image a eu un problème et j'ai tout perdu alors vous aurez tout par écrit ^^.
J'ai compris que tout n'était pas définitif, mais je met quand même tout mes commentaires.

- Titres en anglais : moi non plus je ne suis pas très fan de l'anglais.

- Titres soulignés : je sais que c'est fait exprès, mais je trouve dommage qu'avec la ligne qui touche les lettres on ne voit pas le bas des majuscules et le point du point d'interrogation. (Par contre je me doute un peu que ça fera sûrement bizarre de remonter le bla bla d'un pixel pour ne pas que ça touche...)

- Prénom nom : Chez moi les couleurs foncés sont vraiment foncés et du coup la couleur de ces mots se fond dans le noir de l'image derrière. Je sais qu'on peut la changer, mais c'est pas très pratique si on mettre une image avec du noir ou une couleur foncé. (Ce point ne sert à rien si vous me dites qu'on peut changer la couleur de ces mots).

- 1er § dans "Identity card" : À quoi il sert ? Qu'est-ce qu'on est censé écrire ici ?

- Ambition : j'aurai plus vu quelque chose d'autre comme métier ou âge ou un truc un peu plus passe partout. Je ne vois pas l'utilité de mettre l'ambition autant en valeur (surtout si l'ambition d'un perso c'est d'avoir la plus grande collection de glaçons de la ville), j'ai l'impression que c'est plus quelque chose dont on parle dans la partie histoire ou même caractère.

- Les deux images dans "Identity card" : je préférerai qu'elles soient remplacés par une seule image qui prendrait autant de place, et sans ombre.

- Les catégories en général : Est-ce qu'il n'aurait pas été mieux de ne pas mettre toutes les catégories dans le même cadre ? Il ne faut pas oublier qu'il y a un maximum de signe par message et si on le dépasse il va falloir couper la présentation en deux, or si on fait ça on met quoi comme code pour ce deuxième message ? On va s'embêter à copier un bout de code en espérant que ça va le faire ou alors le deuxième message n'aura pas la même présentation que le premier (bon y'a toujours ceux qui s'y connaissent aussi).
Il vaudrait mieux couper la présentation en deux ou trois parties (mettre l'histoire à part ou le caractère, le physique et l'histoire...)

- Les coins arrondis : j'adore.

- L'ombre du cadre : c'est ce que je préfère ^^.



Et pour les gifs : ce que tu veux, Ô magnifique Bête, c'est un gif animé et qu'est-ce qu'un gif animé ?? En gros une image qui bouge. Si tu sais insérer une image simple, tu sais insérer un gif, c'est la même chose.

Titres en anglais : modifiables à souhait, aucun soucis là-dessus.

Le découpage : Pas de panique ! Vous me connaissez avec mes présentations à rallonge en 3 tomes et 14 chapitres chacun et j'ai réussi, en deux messages distincts, à ne pas casser un code alors que je n'y connaissais rien et que je venais de reprendre le RP. C'est exactement le même principe que les balises html (qui en sont la version simplifiée dixit Arya). Du coup, tant que chaque balise ouverte est refermée, c'est un jeu d'enfant. Maintenant, pour ce qui est d'atteindre le maximum de caractères, à moins de faire comme moi et de jouer aux psychopathes volubiles, y'a aucune raison de les atteindre dès le premier coup dans la fiche présa. J'aime les fiches qui ne prennent qu'un seul message (dit-elle...). Maintenant, si vous voulez à tout prix qu'on sépare la fiche en deux, no soucy, ça pourra être fait.

Titres soulignés : effectivement, c'est un effet de style. C'est facile à coder pour un rendu que je juge sympathique. Maintenant, on peut tout à fait envisager autre chose.


Par exemple :








Prénom et Nom : La couleur est changeable à souhait. On pourra en proposer une plus claire qui se distinguerait mieux sur un fond plus sombre.

1er § dans "Identity Card" : c'est un champ plutôt à la mode en ce moment qui se traduit par un "message" type du personnage qui le résume en quelques mots. Généralement, la formulation est impersonnelle : "Je m'appelle ... et j'ai ... ans. Je suis ... mais ma passion dans la vie c'est ... . Mon principal défaut est ... et ma qualité majeure ... ." Personnellement, je le personnalise toujours avec les tics de langage de mon personnage. On peut aussi opter pour une présentation plus classique avec "Nom", "Prénom", "Age". Ça n'a pas vraiment d'importance à mes yeux mais j'aimais bien le discours direct.

Ambition : XD Edryn... Nan sérieux, j'ai dit que les champs je les avais mis au hasard.

Les images : Oui, on peut remplacer par une seule grande image (encore qu'avec l'avatar juste à côté, je n'aime pas le parallélisme que ça donne). Ce sera d'ailleurs nettement plus facile à coder (moins y'en a, mieux c'est !).

Les catégories en général : pour illustrer ton propos, j'ai bidouillé un test.


Exemple :



Spoiler:


Spoiler:


Spoiler:


Les coins arrondis : c'est pas pour rien que c'est chiantissime à coder /sbaf>

L'ombre du cadre : Moi auuuussssiiiiii ! Et d'ailleurs, je n'ai pas la moindre idée du code qu'il va falloir mettre pour obtenir ce résultat .

--Nom :
--Prénom :
--Age :
--Faction :
--Maîtrise de votre pouvoir/compétences :
--Métier : (pas toujours pertinent mais pourquoi pas ?)
--Taille :
--Poids :

--Pseudo
--Age
--Etude/Métier (pourquoi pas ?)
--Que pensez-vous du forum ?
--Compétences graphiques ? (non, je ne cherche pas DU TOUT à recruter ^^)
--Un petit truc à dire ?