Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Typographie 02

No description
by

R B

on 27 January 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Typographie 02

Typographie
Licence TAIS CIAN
2.2 Lisibilité
Comment choisir une typographie?
2.2 b Le processus de lecture
Une lecture saccadée
02 dimensions distinctes :

notion matérielle
notion intellectuelle
1962 : l'expérience de Richaudeau
"Sleon une édtue de l'Uvinertisé de Cmabrigde, l'odrre des ltteers dnas un mtos n'a pas d'ipmrotncae, la suele coshe ipmrotnate est que la pmeirère et la drenèire soit à l bnnoe pclae. Le rsete peut êrte dnas un dsérorde ttoal et vuos puoevz tujoruos lrie snas porlblème. En efeft le creaveau hmauin ne lit pas chuaqe ltetre elle-mmée, mais le mot cmome un tuot."
2.2 a Définition
" La lisibilité d'un texte repose sur différents facteurs de la présentation du texte (couleur du texte et de l'arrière plan, espaces, police, longueur des lignes, alignement, densité des paragraphes) permettant au lecteur de déchiffrer les mot et le phrases".
2.1 b Classification par date
1400s - Blackletter
1475 - Old Style
1500s - Italique
1550 - Scriptes
1650 - Transitional
1775 - Modern
1825 - Slab Serif
1900s - Sans Serif
1990s - Serif /Sans serif
2.1 a Regroupremet Simple
02
Regiany de Almeida Barros
Cours 02 :
Objectif
2.1 Le système de classification
2.1 c Classification par type
Humanes
Geraldes
Réales
Didones
Mécanes
Linéales
Incises
Scriptes
Graphiques
2.1 d Exemple
2.2 c L'importance des formes
Caractères de "titrage"
une hauteur d’œil importante,
des formes faciles à identifier ;
ils ne sont ni trop gras, ni trop maigres, pas trop étroits ;
le contraste entre plein et délié ne doit pas être trop marqué ;
les empâtements doivent être subtils, bien qu’une linéale soit plus lisible, à ses yeux, puisque les formes des lettres sont plus facilement identifiables.
Allan Halley
Les nouvelles tendances…
Capitales ou bas de casse ?
Caractères LABEUR
Linéales ou caractères à empattements ?
Italique ou romain ?
Gras ou maigre ?
Caractères de "paragraphe"
Georgia ou Verdana
@Font-Face

FF Meta web Pro,
FF-Meta Serif Web Pro
FF-Dagny Web Pro
"la lecture sur écran est en moyenne 25% plus lente que la lecture sur papier"
(Jackob Nielsen)
source de lumière
fréquence de rafraîchissement des écrans
résolution d’un écran « classique »
certains écrans reflètent la lumière extérieure.
position du lecteur devant un écran d’ordinateur est statique, parfois inconfortable.
Taille de texte confortable (dépendant du caractère utilisé, mais généralement supérieur ou égale à 14px);
Une hauteur de ligne située entre 1,3 et 1,5 fois le corps de texte;
Un contraste suffisant entre la couleur du texte et la couleur du fond de la page;
Des marges sur chaque côté du texte permettant de bien dégager celui-ci du reste du contenu;
Une longueur de ligne autorisant 50 et 75 signes;
Alignement à gauche ou justifié avec grande précaution pour éviter les lézardes ;
Un rendu homogène sur tous les environnements
La lecture « discontinue »
79% des internautes ne lisent pas les pages web mais les parcourent du regard.
Hiérarchiser le contenu pour permettre une distinction facile et rapide des différents éléments de la page : contenu éditorial, éléments de navigation, publicité, etc. Ce travail sera effectué au début du projet, durant la phase d’architecture de l’information qui va permettre de récupérer, trier et organiser le contenu d’un site web ;
Créer des repères visuels permettant de faciliter la lecture discontinue : titres / sous titres / paragraphes ;
Aérer le contenu afin de bien séparer chaque zone;
Homogénéiser les éléments de la page en utilisant une charte graphique cohérente ;
Utiliser une grille de mise en page pour aligner le contenu : verticalement et horizontalement.
Full transcript