background preloader

La lisibilité sur écran et les polices à empatement à utiliser

La lisibilité sur écran et les polices à empatement à utiliser
Lit-on de la même façon en surfant sur Internet que sur papier ? Absolument pas. Et pourtant bon nombre de textes sur le web sont de vulgaires « copier-coller » de textes imprimés. Quelques règles pour améliorer la lisibilité et ne pas perdre nos (chers) cyber lecteurs. Une règle fondamentale, essentielle, cruciale, prédominante, qui s’impose : vos messages doivent être faits pour le lecteur, pas pour vous. Des études de comportement ont montré que les techniques de lecture d’un internaute (de recherche et de navigation aussi) ne sont pas les mêmes que sur le papier. Les techniques « d’écriture » doivent être donc repensées. Sur PAPIER : Pour les titres, choisissez de préférence une police SANS empattement (appelée aussi sans Serif). Sur papier, pour le texte (à l’inverse du titre), optez pour une police AVEC empattement (Times ou un Garamond par exemple). Sur ECRAN : sans empattement Les lettres avec empattement sont, en effet, moins lisibles sur l’ordinateur. Exemple ci-dessous. USEIT.

La documentation/Rédaction technique/Lisibilité Un livre de Wikilivres. Le but d'un document est d'être lu. La lisibilité est donc un problème fondamental en ce qui concerne la forme. L'invention de l'imprimerie à caractère mobile a donné un caractère systématique à la production de documents, et a donc accouché de règles chargées d'assurer une bonne lisibilité : les règles typographiques. On remarquera tout d'abord que ces règles changent en fonction du format : une affiche, un quotidien, un magazine ou un roman ont des mises en forme très différentes. Pour le domaine particulier de la couleur, on lira De l'usage des couleurs dans un document. Accessibilité[modifier | modifier le wikicode] Un document imprimé est définitif, mais un document électronique peut être « interprété » de différentes manières. En la matière, il convient d'exploiter au maximum la séparation du fond et de la forme, pour laisser toute liberté au programme chargé de l'affichage de modifier la forme et ainsi de s'adapter au handicap. De cela, il faut retenir que

Infographies Information − 28-03-2014 - 11:15 Comment obtenir le plus rapidement des informations sur les décisions prises au Parlement européen ? Via Twitter ! Avec ses messages de 140 caractères maximum, le réseau social est devenu la plateforme de choix pour les politiciens, les journalistes et autres passionnés des médias. Avec plus de 100 comptes officiels gérés par le Parlement européen, il peut être difficile de s’y retrouver… Utilisez notre carte interactive pour trouver votre chemin ! Interviews, communiqués de presse, derniers résultats des votes des commissions parlementaires, vidéos d’EuroparlTV ou notes d’information du service de recherche du Parlement européen : retrouvez toutes ces informations via les comptes Twitter du Parlement européen. Notre carte est calquée sur un plan de transport en commun. Actualités dans votre langue Tweets locaux La ligne bleu foncé relie les comptes des bureaux d’information du Parlement européen, qui publient les actualités locales des États membres.

Les couleurs et l'accessibilité En France, la proportion de daltoniens est d'environ 8% chez les hommes et 0,45% chez les femmes (source Wikipédia). Plus de 10% de la population masculine est daltonienne dans le monde, et affectée par une perception des couleurs déficiente. Il existe différentes formes de cécité des couleurs : rouge-vert, vert-brun, et ainsi de suite... Bien entendu, il est très difficile, voire impossible d'éviter de mettre sur son site toutes les couleurs qui pourraient être mal perçues. Cependant, il est à la portée de tout le monde de faire en sorte que les pages soient lisibles par tous, quel que soit le handicap visuel. Dans cet exemple on voit bien que C et E sont plus facilement lisibles parce que le contraste est assez fort. En plus de faire attention aux couleurs employées, je vous rappelle qu'il est important de garder à l'esprit que la couleur ne soit jamais la seule indication de sens.

Pays Utilisation des photos L'utilisation des photos de L'ART AU COIN DE LA RUE est possible de manière privée ou pédagogique, en dehors de l'édition professionnelle. Il est donc possible de les utiliser sans autorisation pour un exposé, une présentation, un cours, un montage photo mais en aucun cas pour un ouvrage, même distribué gratuitement. L'utilisation des photos de L'ART AU COIN DE LA RUE (à l'exception des miniatures d'une largeur de 201 pixels proposées en aperçu sur le site) n'est pas autorisée sur des sites internet. Les Membres Les membres s'engagent à ne renseigner que des informations personnelles exactes (prénom, nom, adresse email). Seul l'identifiant des membres apparaitra sur le site. Les membres ne peuvent poster des photos qu'avec l'autorisation de leur auteur. Ils s'engagent à partager gratuitement leurs photos et à en laisser l'exploitation à l'ART AU COIN DE LA RUE.

Rendez plus lisible votre texte grâce aux césures 01net. le 29/05/08 à 00h00 Scribus, logiciel téléchargeable gratuitement, est idéal pour la création de brochures. Des blocs de texte peuvent être insérés et mis en forme avec les outils de présentation classique (police, gras, souligné, alignement, etc. ). Ces blocs peuvent être rendus plus lisibles en leur appliquant des césuresBrigitte Bourbé (Carm2i) Remarque : la création d'un bloc de texte a déjà été traitée dans les numéros 474, 478, 501 de Micro Hebdo. Etape 1 : Paramétrez les césures 1 Ouvrez un document puis, dans le menu Fichier, choisissez l'option Réglage du document : 2 Dans la barre d'outils verticale de la nouvelle fenêtre, cliquez sur Césure : Les options de césure apparaissent dans la partie droite de la fenêtre (voir l'illustration 1) : Césures suggérées Si vous cochez la case Suggestions de césure, le logiciel proposera des coupures automatiquement. Césures automatiques Langue Les césures sont différentes en fonction de la langue choisie. Longueur des mots Nombre de césures

3 outils en ligne pour editer des videos Si l’usage de la vidéo en classe est un véritable plus pédagogique incontestable, ce média bien particulier peut aussi poser de vrais problèmes dès qu’il s’agit de monter ou d’éditer des images brutes. Il faut des ordinateurs puissants et des logiciels pros et onéreux à l’apprentissage souvent aride. Voici 3 outils en ligne pour éditer des vidéos facilement. Ils fonctionnent tous parfaitement à partir d’un simple navigateur. 1 – Pixorial. 2 – WeVideo. 3 – Wideo. Sur le même thème

Comparatif des solutions de création et de gestion de sites internet UGAL est un CMS simple pour créer un site internet professionnel. L'accent est mis sur la facilité d'utilisation d'une part et sur la qualité technique du code d'autre part. UGAL libère ses utilisateurs de toutes contraintes techniques et leurs permet d'optimiser leur référencement naturel grâce au contenu. UGAL convient aux TPE pour créer un site vitrine ou une boutique en ligne. Dans: CMS hébergé 42stores 42stores est une solution hébergée pour créer des boutiques en ligne. L'inscription est rapide. Amen Amen est un hébergeur qui s'est diversifié en offrant des services autour de l'hébergement : nom de domaine mais aussi référencement et plateforme de création de boutique en ligne. Dans: CMS hébergé Hébergeur Clikeo Clikeo propose la création de site internet sur mesure dans le cadre de formules packs. Dans: CMS hébergé Web Agency Creaboutique Créaboutique est un logiciel de création de boutique en ligne. A noter que le site ne propose pas de CGV ni de rubrique "A propos". e-concept e-monsite

langage html et cie À travers de nombreux exemples pratiques et cas concrets, Alsacréations vous propose de découvrir toutes les possibilités offertes par la conception web aux normes, HTML, XHTML, HTML5, les feuilles de style CSS et CSS3, le Web mobile, l'accessibilité, PHP, JavaScript, jQuery, etc. Tutoriel : Guide pas à pas Article : Document d'analyse ou de référence Astuce : Court stratagème toujours utile Cette page présente une sélection de nos ressources. Comprendre le positionnement en CSS Consolidez et élargissez vos connaissances des différents schémas de positionnement CSS actuellement utilisés ou avant-gardistes (flux, positionnement absolu, fixé, relatif, flottement, inline-block, modèle tabulaire). Alsacréations est également un organisme de formation agréé qui propose des enseignements web à Paris et Strasbourg : HTML et CSS (tous niveaux jusqu'à expert), Web mobile, jQuery, accessibilité numérique, Wordpress.

Ergonomie d'un site web Décembre 2016 Définition L'ergonomie est l'utilisation de connaissances scientifiques relatives à l'homme (psychologie, physiologie, médecine) dans le but d'améliorer son environnement de travail. Appliquée au domaine du web, l'ergonomie d'un site web peut être définie par sa capacité à répondre efficacement aux attentes des utilisateurs et à leur fournir un confort de navigation. La principale difficulté que tente de lever l'ergonomie est la diversité des profils des visiteurs. attentes de l'utilisateur : tous les visiteurs du site ne recherchent pas nécessairement la même information ou n'ont pas nécessairement les mêmes exigences en terme de graphisme. habitudes de l'utilisateur : elles correspondent à des comportements acquis. âge de l'utilisateur : il caractérise en général la capacité d'adaptation de l'utilisateur et sa rapidité de navigation. équipements : il s'agit d'une des difficultés majeures. Caractéristiques humaines Les trois types de mémoire sont fortement liés.

Movenote L'écriture numérique L'entrée du numérique dans les apprentissages scolaires est une des manières de penser l'école d'aujourd'hui mais encore plus de demain. Le développement des technologies numériques dans tous les domaines de production de biens et de services fait peser sur le système scolaire une série d'enjeux qu'il est nécessaire de prendre en compte. Donner à chacun les habiletés nécessaires aux usages efficaces des outils, mais surtout - et c'est bien plus complexe - construire la capacité pour chaque usager de comprendre comment traiter et produire de l'information, telles doivent être nos ambitions d'enseignants et de formateurs. La présence invasive de données de toutes natures a d'ores et déjà rendu nécessaires des apprentissages méthodologiques pour les transformer en information. Comment les professeurs documentalistes s’emparent-ils de l’écriture numérique avec leurs élèves ? Qu’en est-il dans leur pratique de diffusion et de communication de l’information ?

Top 12 des banques d'images gratuites et libres de droits Cette année, on vous dit tout ! Voici l’un de nos petits secrets. La liste des banques d’image libre de droit que nous utilisons régulièrement chez Orson (et dans bien d’autres Startups) pour réaliser nos créations et illustrations. La liste comprend maintenant, 12 banques d’images gratuites et libres de droits. Beaucoup de sites internet utilisent des images trouvées sur Internet sans vérifier les droits liés à cette image. Or, à l’instar des droits d’auteurs, il existe des droits d’images, même sur Internet... Nous avons sélectionné pour vous les meilleurs sites d’images gratuites et libres de droits. Qu’est-ce que les droits d’images ? Les droits d’images sont différents selon l’utilisation que vous souhaitez faire de l’image. En revanche, si vous souhaitez modifier la photo, vendre un produit ou un service contenant cette photo, il faudra alors utiliser une image ayant la licence Creative Commons BY et citer l’auteur de la photo. Comment trouver l’image libre de droits de ses rêves ?

Related: