Du Papier au Web   Robin , Vladimir , Jérémy, Kenzo
PLAN: INTROI.   Mise En Page, CSS 3 caractères UNICODEII. Règles: quelles évolutions avec le Web,     Contraintes du numé...
INTRO Le sens du mot typographie a largement évolué depuis  sa première utilisation au XVIè siècle. Les multiples dimens...
Invention de l’imprimerie parGutenberg
Poinçons et Planche de Fonte
Les Différentes machines à Imprimer
Texte Déponctualisé Rien ne devrait massombrir plus que ce que tu me dis des hommes de leur sottise de leur instinct de s...
Texte Ponctualisé Rien ne devrait massombrir plus que ce que tu me dis des hommes, de leur sottise, de leur instinct de s...
Comparaison des 2 textesDéponctualisé                          Ponctualisé Rien ne devrait massombrir plus      Rien ne ...
I. Mise En Page, CSS 3 caractères     UNICODE gris typographique>feuilles de style CSS 3 (coupe, polices, etc.) caractè...
•La mise en page est un élément essentiel de laprésentation de linformation, mais aussi dutexte et des différents éléments...
•Le numérique bouleverse les habitudes depublication.•La publication assistée par ordinateur = une trèsgrande souplesse•La...
• Jusque-là, deux possibilitéssoffraient au concepteur dun site :obliger ses visiteurs à agrandir la pagesils venaient à p...
Histoire des polices5 polices audépartLa révolutionCSS3Plus 100 000policesaujourdhui
Mise en page différente                   http://www.youtube.com/watch?v=UVwgADes sites          oW6w7UsimilairesNouvel...
Des évolutions techniquesUne liberté accrueDes choix de polices décisives :Exemple CERN, ObamaTâches simplifiées
Les trois grands types de CaractèreAAVECEMPATTEMENT                  S         SANS EMPATTEMENT                          ...
Caractère numérique: la Vectorisation                    Permet de modifier la                     taille de la police et...
Caractère numérique: bitmap
Différence entre Bitmap et Vectoriel
Prochain SlideShare
Chargement dans…5
×

Diapo typographie fini

941 vues

Publié le

Typographie, du papier au Web

Publié dans : Design
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
941
Sur SlideShare
0
Issues des intégrations
0
Intégrations
438
Actions
Partages
0
Téléchargements
15
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Diapo typographie fini

  1. 1. Du Papier au Web Robin , Vladimir , Jérémy, Kenzo
  2. 2. PLAN: INTROI. Mise En Page, CSS 3 caractères UNICODEII. Règles: quelles évolutions avec le Web, Contraintes du numérique.III. Polices de caractères : différence entre les caractères dimpression et les caractères numériques
  3. 3. INTRO Le sens du mot typographie a largement évolué depuis sa première utilisation au XVIè siècle. Les multiples dimensions de la typographie Les codes typographiques De lécrit vers le net, première approche.
  4. 4. Invention de l’imprimerie parGutenberg
  5. 5. Poinçons et Planche de Fonte
  6. 6. Les Différentes machines à Imprimer
  7. 7. Texte Déponctualisé Rien ne devrait massombrir plus que ce que tu me dis des hommes de leur sottise de leur instinct de saccage mais tu me rappelles un peu ma belle-sœur qui au moment de la chute du franc sétonnait à neuf et en détail de la hausse de chaque marchandise ce matin la botte de radis est à quinze sous il faut en prendre son parti lhumanité telle quelle est encore est une triste chose.
  8. 8. Texte Ponctualisé Rien ne devrait massombrir plus que ce que tu me dis des hommes, de leur sottise, de leur instinct de saccage ; mais tu me rappelles un peu ma belle-sœur qui, au moment de la chute du franc, sétonnait à neuf et en détail de la hausse de chaque marchandise : "Ce matin, la botte de radis est à quinze sous !" Il faut en prendre son parti : lhumanité, telle quelle est encore, est une triste chose.
  9. 9. Comparaison des 2 textesDéponctualisé Ponctualisé Rien ne devrait massombrir plus  Rien ne devrait massombrir plus que ce que tu me dis des que ce que tu me dis des hommes de leur sottise de leur hommes, de leur sottise, de leur instinct de saccage mais tu me instinct de saccage ; mais tu me rappelles un peu ma belle-sœur rappelles un peu ma belle-sœur qui au moment de la chute du qui, au moment de la chute du franc sétonnait à neuf et en franc, sétonnait à neuf et en détail de la hausse de chaque détail de la hausse de chaque marchandise ce matin la botte marchandise : "Ce matin, la de radis est à quinze sous il faut botte de radis est à quinze sous !" en prendre son parti lhumanité Il faut en prendre son parti : telle quelle est encore est une lhumanité, telle quelle est triste chose encore, est une triste chose
  10. 10. I. Mise En Page, CSS 3 caractères UNICODE gris typographique>feuilles de style CSS 3 (coupe, polices, etc.) caractères UNICODE, (responsive design?)
  11. 11. •La mise en page est un élément essentiel de laprésentation de linformation, mais aussi dutexte et des différents éléments quilaccom-pagnent.•À la fin du XVIIIe et au début du XIXe siècle,la mise en page est marquée à la fois par lescontraintes techniques et par linfluence delimprimerie de labeur.•Le Constitutionnel utilise 35 ouvriers dédiés àla composition pour 16 000 exemplaires audébut des années 1820.•Avec larrivée combinée de machines plusperformantes, de la presse populaire, de laconcurrence et de la publicité, les journauxsétirent sur plusieurs colonnes et laissent de laplace aux gravures et aux premièresphotographies
  12. 12. •Le numérique bouleverse les habitudes depublication.•La publication assistée par ordinateur = une trèsgrande souplesse•La liberté apportée par la PAO a entrainé la miseen place dun véritable carcan.•La construction dune page en HTML (hyper textmarkup language) impose :- une construction en blocs- le positionnement de ces blocs grâce aux feuillesde style CSSmodification du code pour chaque changementdans la mise en page du site.•La colonne et La relance se sont volatilisée.•Lencadré connaît des jours difficiles.•Les lettrines => en voie de disparition!
  13. 13. • Jusque-là, deux possibilitéssoffraient au concepteur dun site :obliger ses visiteurs à agrandir la pagesils venaient à partir dun petitdispositif et leur infliger une co-lonneétrangement étroite sils venaient avecun grand écran, ou concevoir uneversion diffé-rente du site pourchaque taille dappareils.• Cependant, dans un cas comme danslautre, plus la mise en page seracomplexe au départ, plus il seradifficile de ladapter. Le concepteur desites est donc fortement tenté derester sur des designs simples,
  14. 14. Histoire des polices5 polices audépartLa révolutionCSS3Plus 100 000policesaujourdhui
  15. 15. Mise en page différente  http://www.youtube.com/watch?v=UVwgADes sites oW6w7UsimilairesNouvellesformesdorganisationsMeilleurevisibilité
  16. 16. Des évolutions techniquesUne liberté accrueDes choix de polices décisives :Exemple CERN, ObamaTâches simplifiées
  17. 17. Les trois grands types de CaractèreAAVECEMPATTEMENT S SANS EMPATTEMENT F FANTAISIE, SCRIPTE
  18. 18. Caractère numérique: la Vectorisation  Permet de modifier la taille de la police et qui permet de changer le corps du caratère
  19. 19. Caractère numérique: bitmap
  20. 20. Différence entre Bitmap et Vectoriel

×