Table des matières

Maquette de site de revue

Les sites de revues créés avec Lodel utilisent une base graphique appelée "maquette". La maquette de base est personnalisée au cours du travail afin de correspondre à la charte graphique de la collection.

Choix de la base graphique

Les sites hébergés par Edinum peuvent utiliser l'une des deux maquettes de base aux choix : Prima ou Nova.

Maquette Prima

La maquette "Prima" propose un affichage moderne et particulièrement adapté à la lecture sur écran. La maquette Prima n'est disponible que pour les sites hébergés sur le serveur d'Edinum. Voir le site de démonstration : https://demo.edinum.org/

Maquette Nova

La maquette "Nova" propose un affichage plus classique, inspiré des sites d'OpenEdition Journals. Voir par exemple le site de la revue Photographica réalisé par Edinum : https://devisu.inha.fr/photographica/

Personnalisation graphique

La personnalisation graphique consiste à adapter la maquette du site à la charte graphique de la revue et à effectuer certains choix de présentation. Il s'agit d'un travail de déclinaison graphique qui ne correspond pas à une création à proprement parler.

Nous transmettons à l'éditeur un formulaire destiné à recueillir ses choix de personnalisation. L'éditeur devra le compléter et l'envoyer en même temps qu'un certain nombre d'éléments graphiques optionnels (logos, images, polices...) demandés dans le formulaire, qui seront utilisés lors de l'intégration graphique.

Certaines demandes complexes (développement de fonctionnalités supplémentaires, personnalisation avancée, création graphique...) peuvent faire l'objet d'une prestation complémentaire.

Questions fréquentes

Quel format d'images utiliser pour le logo d'un site ?

Il existe plusieurs approches possibles pour créer la bannière du site.

Nous recommandons généralement de privilégier un logo simple à un bandeau complet. Cela permet de n'avoir qu'un seul logo pour tous les supports, que l'on redimensionne selon le terminal. Voir par exemple : https://demo.edinum.org

Si vous souhaitez néanmoins avoir un bandeau complet, si possible le mieux est de décomposer ce bandeau en un logo transparent au premier plan (qui sera éventuellement réduit pour ne pas déborder de l'écran) et un arrière plan qui pourra être tronqué, redimensionné ou même masqué indépendamment du premier plan. Nous avons alors besoin de deux fichiers distincts au format PNG avec gestion de la transparence (ou éventuellement un seul PSD avec plusieurs calques). Voir par exemple : https://www.revue-quartmonde.org (redimensionner la fenêtre du navigateur pour voir comment le bandeau s'adapte).

Toutes ces images doivent être envoyées au format PNG avec une largeur de 2000 pixels.

Les formats vectoriels sont également acceptés sous réserve que toutes les polices utilisées dans l'image soient correctement vectorisées.

Comment est déterminée la taille de la police du site ?

Les polices des sites d'Edinum sont dimensionnées pour rendre la lecture sur l'écran agréable. Le choix d'un corps important pour les polices des sites est motivé par les aspects suivants :

  • Du point de vue de l'ergonomie, cela permet de respecter la recommandation qui veut qu'un texte sur un écran fixe doit rester confortablement lisible à une distance équivalente à celle d'un bras tendu en avant (sans casser la nuque et le dos pour se rapprocher, et sans fatiguer ses yeux avec des caractères trop petits). Le site reste ainsi accessible à tous les publics.
  • Du point de vue typographique, cela permet de maintenir un nombre de caractères par ligne inférieur à 75, seuil à partir duquel la lecture devient plus difficile. Voir cet exemple sur Wikpédia.
  • Du point de vue du webdesign, cela s'inscrit dans une tendance qui ne cesse de gagner de l'ampleur depuis plusieurs années. On pourra pour s'en convaincre lire cet article (en anglais).

Les sites et plateformes qui utilisent des petites polices ont souvent été conçus à une époque où les normes d'ergonomie et d'accessibilité étaient moins exigeantes qu'aujourd'hui. Les prendre pour modèle n'est pas toujours une bonne idée.

Quelques exemples de sites avec des grandes polices :

Si vous souhaitez malgré tout réduire la taille de la police, n'hésitez pas à nous l'indiquer afin que nous procédions à la modification.

Pourquoi le texte du site est-il aligné à gauche ?

Par défaut la maquette de nos sites évite de justifier les textes pour les raisons suivantes :

  • À ce jour la césure automatique n'est pas correctement supportée par tous les navigateurs. Cela entraîne un mauvais affichage de la justification sur certains terminaux, avec de nombreuses lézardes (ou "rivières").
  • Un autre problème qui peut apparaitre est celui des espaces qui entourent la ponctuation, dont la chasse est variable dans la plupart des navigateurs quand le texte est justifié.

  • Du point de vue de l'accessibilité enfin, le ferrage à gauche a pour avantage de faciliter la lecture pour certains lecteurs souffrant de dyslexie, le drapeau du texte constituant un repère supplémentaire pour l'œil.

Quelques exemples de sites avec du texte ferré à gauche :

Si vous souhaitez malgré tout justifier les textes du site, n'hésitez pas à nous l'indiquer afin que nous procédions à la modification.

Si cette page ne répond pas à toutes vos questions alors n’hésitez pas à consulter les autres rubriques ou à nous écrire à l’adresse contact@edinum.org.