Fandom

Wikia Français

Commentaire1

Astuces pour un logo et un habillage seyants

Wyz août 15, 2011 Blog utilisateur:Wyz

Interférence d'un bloqueur de publicité détectée !


Wikia est un site gratuit qui compte sur les revenus de la publicité. L'expérience des lecteurs utilisant des bloqueurs de publicité est différente

Wikia n'est pas accessible si vous avez fait d'autres modifications. Supprimez les règles personnalisées de votre bloqueur de publicité, et la page se chargera comme prévu.

Sur Wikia, il y a beaucoup d'utilisateurs qui font de très bels arrière-plans pour leurs wikis. Toutefois, tout le monde ne connaît pas le design et le code, il arrive donc parfois que les Assistants vous aident à créer des habillages (skins) et des logos. Nous avons pensé qu'il serait chouette de partager quelques unes de nos astuces pour créer une apparence unique pour votre wiki — ainsi, vous pouvez essayer d'expérimenter des idées de votre côté. Dans le carrousel, vous verrez des exemples de bels habillages ; ci-dessous vous trouverez des conseils utiles :

  • fr.lostpedia.wikia.com
  • fr.sims.wikia.com
  • fr.grandfantasia.wikia.com
  • fr.stargate.wikia.com
  • fr.yugioh.wikia.com

Créer un habillage (ou image d'arrière-plan)

Faits : La largeur d'une page de wiki fait 1000 pixels de large ; la taille du fichier image de l'arrière-plan ne doit pas excéder 100 Ko.

  • Choisissez une image qui peut être « divisée » en deux parties, ou choisissez deux images — une pour chaque côté.
  • La ou les images que vous utilisez pour l'arrière-plan doivent être suffisamment larges pour remplir l'espace vertical des deux côtés (quand on affiche le haut de la page).
    • Par exemple, la plupart des résolutions d'écran font 900 pixels de hauteur (à plus ou moins 150 près), aussi utiliser une image d'arrière-plan qui ne mesure que 400 pixels de haut laissera un grand espace vide.
  • Quand vous créez une image d'arrière-plan, assurez-vous que le sujet principal (personnage) est suffisamment près de chaque côté de la zone de la page, ainsi il sera toujours (au moins partiellement) visible pour les personnes utilisant des résolutions avec une largeur de 1280 pixels ou 1366 pixels.
  • C'est toujours une bonne idée d'ajouter un léger dégradé sur les bords gauche, droit et bas de votre arrière-plan (en particulier si la largeur de votre image d'arrière-plan fait moins de 1920 pixels). Cela évite que les utilisateurs avec des résolutions plus importantes voient l'image qui s'arrête nette sur les côtés de l'arrière-plan.
    • Pour appliquer ce dégradé en utilisant Photoshop ou GIMP, mettez comme couleur de premier plan la même que celle que vous avez choisie pour la couleur d'arrière-plan dans le Concepteur de thème. Utilisez alors l'outil dégradé avec l'option « premier plan vers transparent » pour appliquer le dégradé sur les bords.
  • Si vous pensez utiliser une petite image d'arrière-plan et choisir « mosaïque » dans le Concepteur de thème (répétée verticalement et horizontalement), il est recommandé que vous utilisiez une image « sans raccord » (seamless). C'est une image qui, placée à côté d'elle-même, quel que soit le côté, s'accorde de telle sorte que vous ne voyez aucun décrochage. Cela produit une image infiniment large à partir d'une simple petite image.
  • À cause de la limitation à 100 Ko, nous vous recommandons fortement d'utiliser le format de fichier .jpeg/.jpg pour votre image d'arrière-plan. Cela permet de préserver une bonne qualité d'image en compressant la taille du fichier image.

Faits : Les dimensions du logo (ou wordmark) ne doivent pas dépasser 250x65 pixels et le fichier doit être au format .png pour pouvoir l'importer en utilisant le Concepteur de thème.

  • Si l'image que vous souhaitez utiliser pour logo est plus large que 250 pixels et/ou fait plus de 65 pixels de haut, redimensionnez l'image pour ne pas dépasser ces limites. Assurez-vous de conserver les proportions de l'image en redimensionnant.
  • Si votre logo comporte le logo officiel du sujet dont traite votre wiki (jeu vidéo, série télévisée, film, collection de livres, etc.) et que vous souhaitez utiliser une police similaire à celle utilisée dans ce logo officiel, recherchez des polices libres sur dafont.com.

Autres astuces

La lisibilité est l'une des choses les plus importantes à considérer quand vous créez un habillage personnalisé. Voici quelques conseils pour terminer :

  • Quand vous définissez une couleur de lien dans le Concepteur de thème, assurez-vous que la couleur que vous choisissez permet aux visiteurs de lire facilement le texte des liens.
  • Si vous prévoyez d'utiliser une page semi-transparente, n'utilisez pas un niveau de transparence trop grand afin que l'arrière-plan qui est visible au travers ne rend pas le texte trop dur à lire.

Requêtes

Si vous avez des questions, ou si vous n'êtes pas sûr(e) de ce que voulez mettre en place comme habillage ou logo sur votre wiki, vous pouvez me contacter.

Pour finir, nous savons que les exemples dans le carrousel ci-dessus ne sont qu'un petit échantillon d'habillages de wikis sympathiques. Si vous avez conçu un habillage que vous souhaitez mettre en valeur, faites-le nous savoir dans les commentaires ci-dessous. Veuillez aussi partager vos propres trucs et astuces avec vos camarades Wikiens !


Vous pouvez consulter l'article original ici (en anglais).
Vous souhaitez être informé(e) sur les billets postés en rapport avec l'actualité Wikia ? Alors cliquez ici pour suivre ce blog.

Sur le réseau Fandom

Wiki au hasard