Votre forum sera (nous l'espérons XD) un "lieu de vie", dans lequel les gens circuleront, pour s'amuser ou bien parler et échanger.
Il faut tenir compte de cela dans le design.
Vos images doivent être un maximum en accord si c'est vous qui les faites, avec les mêmes tons par exemple.
Leur taille est aussi importante :
La bannière (ou header) ne doit être trop large sans quoi elle déformera les pages des personnes ayant un écran petit (1024x768 px), veillez ainsi à ne pas dépasser grosso modo les 980px. La hauteur à 400 px est pas mal, c'est aussi le maximum pour moi.
Après, la taille peut varier selon les effets, par exemple une bannière grande mais avec un effet transparent fera moins "chargé" et donc moins "lourd" au regard qu'une énorme bannière rectangle et pleine.
Sachez que la taille des images sur le serveur pas défaut est de 2Mo, aussi, il est déconseillé d'y mettre des animations, mais une animation simple peut tout de même passer.
Par contre, trop d'animation fatigue le regard, et les gens s'en lassent souvent, de même pour les designs très flashs.
Les icones, tout dépend de votre hiérarchie de forum, si elle est élevée ou non. En clair, plus votre page est longue, plus il vous faudra faire des icones petits, car il est très "chiant" de dérouler la page pendant trois heures...
La taille "normale" et moyenne, est du 100x100, mais si la page n'est pas trop longue, du 120x120 fait aussi de beaux icones.
Evitez les images trop floues ou de mauvaises qualités, elles doivent attirer l'oeil sans pour autant l'agresser.
Ne mettez pas trop de chose dans l'accueil également, sinon cela rallonge la page. Une petite vidéo est parfois bien, si elle présente l'ambiance du forum, ou bien alors un message de bienvenue, présentant les admins et le staff...ou bien la situation du RPG...etc...
Sans trop remplir non plus, et sans images trop grosses.
Si vous voulez illustrer les catégories, c'est très bien, cela met des couleurs et permet aux gens de mieux visualiser ce qu'il y a dedans. Seulement ne les faites pas non plus trop grandes, surtout en hauteur.
Pour tout le reste, ce qui est "fonctionnalités" du forum, les différentes choses que vous pouvez faire avec, je vous renvois au "forum des forums", de forumactif, qui explique tout.
Néanmoins, si vous avez des questions, la partie aide du forum est là pour ça.
Les images ont un "format", il peut s'agir de ".jpg" qui est le cas pour la plupart des images, mais aussi de ".gif" qui est pour les images comprenant la plupart du temps une animation, et un format ".png" qui ne supporte pas les animations mais permet d'avoir une image avec de la transparence.
Quelques règles :
JPG : format classique, peu lourd en général, donc l'hébergeur d'image ("Servimg" la plupart du temps) l'accepte facilement. Il ne comprend pas d'animation.
GIF : Il permet la transparence mais souvent avec des bords peu clair et "baveux", des ombres mal définies...etc... Comme par exemple sur mes boutons de new, no new et lock des sujets, si vous regardez en bas, sur le fond bleu le tour n'est pas net. Mais le GIF permet surtout les animations. Toutes vos images animées seront en formats "gif". Elles sont donc plus lourdes, et si l'animation est trop importante, il se peut que "servimg" la refuse (si elle fait plus de 2Mo).
PNG : Il permet les effets de transparences, qui sont la plupart du temps très beaux, en tout cas j'aime beaucoup (peut-être parce que ça fait pas longtemps que je sais le faire XD). Par contre, il faut savoir que c'est soit un bel effet de transparence avec ombres et tout...soit animation. Car le format PNG n'accepte pas les animations.
ATTENTION !!!
L'inconvénient du "png" c'est qu'il n'est pas prit en charge par tout les serveur internet. Autrement dit, les gens qui ont Mozilla FireFox ou Internet Explorer 7 (et version supérieures) pourront voir l'image telle qu'elle est, avec le tour transparent.
Les autres verront de la couleur (plus ou moins moche) qui remplace le transparent du cadre...
A ce propos, je vous conseille FireFox, qui parre mieux tout les petits spam et autres fichiers qui pullulent sur le net. Il est agréable à utiliser et au moins permet de voir les PNG ^^.
=> Désormais tout les navigateurs acceptent ce format !
Comment tricher ? ^^
Afin d'avoir une impression de transparence, mais aussi une animation, il suffit de savoir à l'avance la couleur du fond du cadre du forum, car ainsi, au lieu de mettre du transparent, je mets la couleur du fond, et du coup l'impression de transparent y est, et je peux quand même mettre une animation car le format est du coup en GIF (sans transparence).
D'où l'importance parfois de préciser la couleur du fond. Quand c'est noir ou blanc c'est facile, pour les autres couleurs, il suffit que vous me donniez la couleur que vous voulez, moi je prend le "code couleur" qui correspond se présentant sous forme de : #????? et je vous le précise afin que vous le mettiez dans les couleurs du forum.
Pour changer les couleurs de votre forum (texte, liens, etc...)
Il vous faut aller dans :
Thème
Images et couleurs
Couleurs
Là, vous avez la possibilité de choisir de nouvelles couleurs. Pour des raisons pratique, je vous conseille d'utiliser la "nouvelle version" du panneau (celui sur lequel vous arriver lorsque vous aller dans le panneau) tout simplement car la gamme de choix de couleur est nettement plus large que celle proposée dans l'ancienne version.
Conseils :
Attention aux couleurs que vous allez mettre, notemment la couleur du texte et du fond. Des couleurs trop proches font mal aux yeux, mais des couleurs trop flash aussi. Si vous mettez un fond blanc, le noir pour l'écriture est parfait, si c'est un fond sombre, mettez alors le texte en blanc, ou dans une couleur claire.
Trop de couleurs vives fatiguent les yeux, c'est d'ailleurs ce que l'on reproche aux jeux vidéo, responsables de crise d'épilepsie chez les jeunes à causes des couleurs trop vives et des mouvements d'images trop rapides. En particulier si vous avez un forum RPG dans lequel vous exigez de longs posts, dites-vous bien qu'il sera toujours plus agréable de jouer avec des couleurs qui ne fatiguent pas au bout de 5 minutes. Pour cela, ne choisissez pas (et même jamais) des couleurs "entières", comme du rouge vif, ou bleu vif, même le blanc et le noir avec de trop gros contrastes fatiguent. Préférez des nuances, un rouge plus pâle et grisé, un bleu-gris, un gris très clair ou beige à la place du blanc...
N'hésitez pas à tester différents tons le temps que vous installez votre thème, quitte à avoir un "forum test" sur lequel vous faites les essais avant de les passer sur votre vrai forum (ce qu'il m'arrive de faire pour les thèmes).
Afficher une palette de couleur utile ? Cliques ici
La Transparence :
Si vous laissez certaines zones vide, là où doivent normalement se trouver le code couleur, vous allez avoir du transparent.
Attention ! Toutes les zones ne peuvent pas être mises transparentes ! C'est par exemple le cas pour l'intérieur même du forum (lieux des sujets, etc...). Sauf avec l'insertion d'un code.
Vous pouvez laisser l'intérieur du cadre du forum transparent, ce qui fait que votre bannière par exemple "reposera" uniquement sur le fond du forum. Cela permet de bons effets de design par exemple, mais c'est à utiliser avec précaution tout de même.
Vous pouvez également laisser les traits servant de cadre aux catégories transparent (vous avez deux traits, un fin et un gros, les deux peuvent être mis en transparent).
Les Polices :
Vous pouvez également changer de police. Sachez pour cela que n'importe quelle police peut-être écrite dans le cadre !!! A UNE condition : que vous la possédiez sur votre pc ! Autrement dit, seuls les personnes qui ont cette police dans leur ordinateur pourront la voir, les autres ne verront qu'une police normale, celle de base.
Donc si vous comptez changer la police de votre forum, il faut mettre le lien dafont de la police afin que ceux qui veulent avoir "la bonne police" puissent la télécharger.


Malgré la vétusté des astuces rédigées ci-dessus nous espérons qu'elles puissent servir. Merci de votre lecture !
Voici la section des tutoriels graphiques qui pourront probablement vous aider à acquérir ou à approfondir vos connaissances. Le classement par logiciel vous permet une recherche rapide, et l'affichage vous facilitera la tâche avec sa notation par étoile : plus un tuto' possède d'étoile, plus sa qualité a été reconnue par nos responsables. Certains des tutoriels sont visibles directement sur le site, mais pas tous, loin de là. Par conséquent nous vous invitons à vous inscrire pour pouvoir profiter pleinement de ces quelques leçons, en espérant qu'elles puissent vous aider !
Le codage est désormais nécessaire, même sur les fora, si vous espérez être à la pointe. On a beau dire, c'est quand même très pratique et le css nous évite beaucoup de désagrément, de répétition de code et de place sur nos pages d'accueil, par exemple. Mais au fait, le codage, c'est quoi exactement ? Et le CSS ? Vous le savez mais vos connaissances sont faibles ? Moyennes ? Pour être franc, la technologie avance et l'on n'en saura jamais assez... Venez découvrir ici des cours pour débutants et confirmés, ainsi que de nombreuses astuces pour améliorer vos pages de site ou de forum.
Parce qu'il est nécessaire d'avoir de bons outils pour faire du graphisme, venez chercher des images dans cette partie du site. A votre disposition des renders faits par nos membres, mais également des adresses pour trouver de bons brushes ainsi qu'une bibliothèque d'avatar pour vos jeux de rôles. En ce qui concerne l'utilisation des images, n'oubliez pas qu'un copyright ne peut être appliqué à votre création que si vous en êtes entièrement l'auteur...
Un petit journal bourré d'article en tout genre : interviews, sujets d'actualité... un peu de lecture mis à votre disposition. N'oubliez pas que cette section est aussi la vôtre, vous êtes libres de nous proposer vos propres articles sur le sujet de votre choix : créations graphiques, société, actualité... Votre pseudo sera bien évidemment indiqué sur votre article. Bonne lecture, ou bonne rédaction !
