19
Application Multimédia Interactive Dossier de conception

Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

Application Multimédia Interactive

Dossier de conception

Page 2: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

Titre, thème, problématique

Concept multimédia et objectifs recherchés

Mots-clés, scénario

Arborescence

Storyboard multimédia, contenus et maquettes

Sources

Choix graphiques

p1

p2

p2

p3

p4

p6-16

p5

p17

Dossier de conception ~ Lise GARNIER 21A

Page 3: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

Thème

Problématique

Concept multimédiaet objectifs recherchés

p2

La Calligraphie - L’art de l’écriture

Découverte de la calligraphie

Qu'est-ce-que la calligraphie ?

Les objectifs de ce web-documentaire sont :

Initier à un premier cours de calligraphie

Faire découvrir l'art de la calligraphie

Connaître l'Histoire de la calligraphie

Découvrir quelques alphabets

Énumérer les principaux outils

Apprendre les premières bases requises pour débuter

Dossier de conception ~ Lise GARNIER 21A

Mon objectif est de faire découvrir l'art de la calligraphie à travers ce web-documentaire. Via cette application interactive l'utilisateur se retrouvera plongé dansun univers graphique où il pourra découvrir et apprendre sur le sujet.

La calligraphie est un sujet très peu abordé sur le web car il s'agit d'un art écrit etmanuel donc dissocié d'internet. Pourtant, aujourd'hui on observe un engouementimportant sur les polices d'écritures sur le web. Je pense donc que l'apprentissagede cet art de l'écriture et de son histoire peut être très riche et susciter l'intérêt.

Page 4: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

Mots-clés

Scénario

p3

Calligraphie / Écriture / Lettering / Art Graphique

Alphabet / La Capitale / La Capitale Romaine / La chancelièreLa Cursive Anglaise / La Caroline / Proportions

Outils / Pinceaux / Plumes / Calame / Automatic pen

Encres / Encre de chine / La gouache / Encre metallo-galliqueLe broux de noix / Encre acrylique

Dossier de conception ~ Lise GARNIER 21A

Sur cette page d'accueil il découvre l'univers de la calligraphie. Plusieurs choix seprésentent à lui : il peut écouter l'audio sur l'histoire de l'art de l'écriture, découvrir lespages sur les alphabets, le matériels nécessaires ou les encres, il peut revisionner lavidéo de présentation ou effectuer son premier cours de calligraphie.

Si l'utilisateur poursuit sa navigation sur la page des alphabets, il pourra découvrir 5alphabets très différents de par leurs histoires, leurs caractéristiques et leursapparences.

Si l'utilisateur poursuit sa navigation sur la page du matériel nécessaire, il pourradécouvrir l'ensemble des outils qui pourra utiliser pour ses calligraphies.

Si l'utilisateur poursuit sa navigation sur la page des alphabets, il pourra découvrir 5alphabets très différents de par leurs histoires, leurs caractéristiques et leursapparences.

Si l'utilisateur poursuit sa navigation sur le premier cours de calligraphie, il seraredirigé vers le tuto vidéo qui lui apprend les premières notions de la calligraphie.

L'utilisateur arrive sur le web-documentaire. Il arrive donc sur la vidéo d'introduction.Il peut la visionner, elle lui présente la calligraphie et les principaux thèmes qui s'yrattachent. A la fin de la vidéo, il est dirigé vers la page d’accueil (l'atelier).

Page 5: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

Premier cours decalligraphie

Légende0-

lien cliquable écran

lien cliquable vidéo

lien cliquable audio

bouton audio

bouton plein écran

écran

sens de navigation

Tous les écrans(exceptés les vidéos) auront :

c

Les encres3-

b

Matérielsnécessaires

2-

a

Alphabets1-

ed

cbaf g h

i j k

l m

Atelier(page d’accueil)0-

A

Vidéo d'Introduction

Arborescence

Dossier de conception ~ Lise GARNIER 21Ap4

Page 6: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

Choix graphiques

p5Dossier de conception ~ Lise GARNIER 21A

BahnschriftCalligraphie

Ants ValleyCalligraphie

Navy BalladCalligraphie

Dayland

CalligraphieValentine Vibes

Calligraphie

#D4EBE1

#FCDDDF #D5A6E1

#C7EAFB

J'ai choisi d'illustrer l'univers de la calligraphie avec des couleurs pastel douces dansl'objectif de créer une ambiance apaisée en accord avec ma perception de lacalligraphie.

J'ai fait le choix d’opter pour un angle de vu en "hauteur" pour que l'utilisateur ceretrouve plongé dans l'univers d' atelier. Pour représenter les différents éléments :outils, alphabets... J'ai choisi de les représenter dans un style "dessin" et de lesréaliser en dessins vectoriels.

J'ai choisi d'utiliser différentes polices pour montrer la diversité des possibilitéscalligraphiques.

Page 7: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

p6

Pitch

Éléments interactifs

bouton : play/pause (lecture de la vidéo)1

Vidéo

3 bouton : son (régler le son de la vidéo)

2

4 bouton : Activer/Désactiver le plein écran

Dossier de conception ~ Lise GARNIER 21A

13

24

Vidéo d'Introduction

Légende

Atelier(page d’accueil)

0-

barre de lecture : changer l'instant de la vidéo

Cette vidéo plongera l'utilisateur dans l'univers de la Calligraphie. Elle serale premier contenu que l’utilisateur verra lors de sa visite dans ce web-documentaire.

Elle sera constituée de courts plans : d'écriture, d'outils et de personnespratiquant la Calligraphie.

Cette vidéo d'introduction a pour principal objectif de donner envie àl'utilisateur d'en apprendre plus sur la Calligraphie.

Page 8: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

p7Dossier de conception ~ Lise GARNIER 21A

Vidéo d'Introduction

14

2 3

Atelier(page d’accueil)

0-

1-Alphabets

Matérielsnécessaires

2-Premier coursde calligraphie

Lesencres3-

Page 9: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

p8

Éléments interactifs

bouton : Revisionner la vidéo de présentation

bouton : Désactiver/Activer ambiance sonore

bouton : Désactiver/Activer le plein écran

bouton : Écouter l'audio

1

2

3

4

Légende

Dossier de conception ~ Lise GARNIER 21A

Contenu

4

Atelier(page d’accueil)

0-

L’histoire de l’écriture et de ses nombreuses formes est le résultat d’un long processusde développement et de transformations de plus de 6000 ans. Son histoire est étroitement lié àcelle de l’Homme. En effet l’homme a toujours cherché à laisser une trace, transmettre son savoir,ou encore communiquer avec les autres. Pourtant il semble que la forme de l’écriture est toutaussi importante que sa fonction. En effet, écrire un mot d’une certaine manière en dit souventlong sur notre pensée.C’est ainsi qu’en étudiant la structure particulière d’un caractère, sa calligraphie on replace lemessage dans un certain contexte historique, culturel et artistique. La calligraphie nous faitvoyager dans l’histoire et dans les arts. Elle est source d’inspirations pour hier, aujourd’hui etdemain et elle rend visible les sentiments les plus profonds en s’approchant du Beau.

Page 10: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

p9

Éléments interactifs

bouton : Désactiver/Activer ambiance sonore

bouton : Désactiver/Activer le plein écran

bouton : Écouter l'audio

1

2

3

Légende

Dossier de conception ~ Lise GARNIER 21A

Contenu

1 2

3e3e

3b

3c

3d

3a

Atelier(page d’accueil)

0-

Alphabets

1-

La Capitale Rustica ou capitalis rustica est comme son nom l’indique un alphabet composéexclusivement de majuscules. Elle est caractérisé par son écriture étroite et élancée et sesempattements épais marquant la ligne base. Elle connut son plus grand développement entre le Ier etle Vème siècle après J.C. Elle était à l’époque écrite au calame (un roseau taillé en pointe) avec del’encre à base de galle.Elle permit la réalisation de splendides manuscrits comme les œuvres des poètes Virgil et Térence ouencore la réalisation d’inscription sur les édifices on retrouve par exemple des inscription en rusticasur les murs de Pompéi. Son utilisation diminua progressivement en subsistant principalement dansla composition des titres de livres.

3a

Page 11: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

p10Dossier de conception ~ Lise GARNIER 21A

Alphabets

1-

3c

3b

3d

3e

La Capitale Romaine ou capitalis monumentalis est comme son nom l’indique un alphabetcomposé exclusivement de majuscules. Elle est caractérisé par la solennité et l’harmonie de sescaractères dont les proportions s’approchent d’une certaine perfection. La forme de la CapitaleRomaine atteignit sa perfection au IIème siècle après J.C. Elle était tracée au pinceau sur la pierreavant d’y être gravée. On peut encore aujourd’hui observer les inscriptions gravée sur le socle de lacolonne de Trajan à Rome.

La caroline ou minuscule Carolingienne, doit son nom à Charlemagne qui, durant son règneentre la fin du VIII e et début du IX e siècle, mit en oeuvre une vaste campagne de réformesculturelles. Elle est caractérisé par des formes rondes et régulières qui la rendent plus facile à lireet à écrire. C’est d’ailleur une des raisons de sa création Charlemagne avait la volonté d’uniformiserles écritures régionales et de remplacer l’écriture mérovingienne par une écriture plus facile àdéchiffrer et à rédiger à travers tout son Empire. Elle fut élaboré et codifié par les moines bénédictinsde l’Abbaye de Corbie. De la forme de la Caroline dérivent aujourd’hui les lettres minuscules del’écriture moderne.

La Chancelière ou cancellaresca corsiva est une forme cursive de la minuscule humanisteutilisée pendant toute la Renaissance. C’est en Italie, en 1522, que le calligraphe Ludovico degli Arrighià travers son traité La operina, présenta une nouvelle cursive aux traits élégants et fonctionnels.Dans son traité le calligraphe italien codifia tous les aspects de cette écriture qui répondait à lanécessité d’avoir un caractère raffiné et fluide pour rédiger les document officiels. Elle fut adoptée parla chancellerie papale au XVI e siècle d’ou lui vient son nom. Nommé aussi Italique la chancelièreprésente en effet des caractères penchés, étroits et dynamiques. Aujourd’hui encore elle est encoreemployé dans de nombreux domaines de la communication. C’est d’ailleur l’une des écritures les pluspratiquées par les ateliers de calligraphie, pour son élégance et ce malgré les difficultés quereprésente une bonne acquisition de son ductus.

La Cursive Anglaise aussi appelée l’anglaise ou par généralisation écriture cursive sedéveloppa au début du XVIII e siècle en Angleterre. Elle apparu dans les travaux des maîtres écrivainsJohn Ayers et William Banson. Elle est rapidement devenu populaire et codifiée dans plusieursouvrages, de cette manière elle se diffusa rapidement dans toute l’Europe. Elle se démocratise avecle temps et devient l’écriture scolaire officiel dans plusieurs pays notamment la France, l’Espagne etl’Italie. Malgré sa démocratisation elle caractérisée par une forte pente vers la droite selon uneinclinaison d’environ 55°. Elle représente aujourd’hui un exemple d’alphabet tracé avec une plumepointue. Contrairement au plumes à bout large, c’est en exercent une pression sur la plume qu’onobtient les pleins. La pression exercée sur la plume est donc essentielle est demandé un tempsd’adaptation important et un savoir faire à acquérir.

Historiquement l’harmonie des proportions de cet alphabet à suscité l’émerveillement etles recherches, avec par exemple les savants et artistes de la Renaissance Albert Dürer et LucaPacioli qui prirent en modèle la capitale romaine pour leur étude sur les principes de construction etde perfection géométrique. Les lettres de son alphabet son encore aujourd’hui un modèle deréférence pour les calligraphes et les créateurs typographiques.

Page 12: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

p11Dossier de conception ~ Lise GARNIER 21A

1 2

3g

3h

3f

Atelier(page d’accueil)

0-

Matériels nécessaires

2-

Alphabets

1-

Page 13: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

p12

Éléments interactifs

bouton : Désactiver/Activer ambiance sonore

bouton : Désactiver/Activer le plein écran

bouton : Écouter l'audio

1

2

3

Légende

Dossier de conception ~ Lise GARNIER 21A

Contenu3f

3g

3h

Matériels nécessaires

2-

Les premiers outils dont tu auras besoins seront une règle, un crayon papier, une équerre, etdu papier il te permettront dans un premier temps avant même d'écrire de tracer tes repères. N'hésite pasà aller voir le tuto qui t'explique comment te servir de ce matériels.

Les couleurs et les encres te permettront d'écrire et de colorer tes calligraphies. Il en existe denombreuses variétés je te conseille de tester différents médium. Pour en savoir plus tu peux aussidécouvrir la page sur les encres.

Pour les outils à proprement parlé d'écriture tu as également le choix comme tu peux voirautour de toi. Tu pourras utiliser des outils traditionnels comme la plume, le pinceau ou encore automaticpen mais tu pourras également te tester sur des outils plus atypiques comme le calame (ce roseau tailléen pointe).

Page 14: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

p10

Éléments interactifs

bouton : Désactiver/Activer ambiance sonore

bouton : Désactiver/Activer le plein écran

bouton : Écouter l'audio

1

2

3

Légende

Dossier de conception ~ Lise GARNIER 21A

1 2

3i

3j

3l3m

3k

Atelier(page d’accueil)

0-

Les encres

3-

Contenu3i

Éléments interactifs

bouton : Désactiver/Activer ambiance sonore

bouton : Désactiver/Activer le plein écran

bouton : Écouter l'audio

1

2

3

Légende

p13

L’encre de chine est une encre noire utilisée pour l’écriture, le dessin et la calligraphie. Elle estconstituée d’un pigment noir de carbone et d’un liant aqueux. Elle se présente à l’origine sous forme debâtons à frotter sur une pierre dans de l’eau. Elle est indélébile et brillante après séchage. Il s’agit d’uneencre de qualité à la propriété de ne pas baver lorsqu’elle est en contact avec de l’eau et d’un noir trèsprofond et intense. Aujourd’hui elle existe sous diverses formats vous n’êtes pas obligé de l’acheter enbâton des préparations toutes faites existent sur le marché. Vous pourrez l'utiliser à la plume, au calameou au pinceau.

Page 15: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

p10Dossier de conception ~ Lise GARNIER 21A

Les encres

3-

3j

3k

3l

3m

p14

La gouache de l’italien guazzo est une peinture à l’eau couvrante et opaque son liant estprincipalement la gomme arabique. Pour utiliser la gouaches comme médium de calligraphie il fautpréalablement la diluer à l’eau. C’est pour cela qu'il vous faut choisir de la gouache extra-fine de cettemanière elle aura une forte concentration de pigments qui assureront tout son éclat et son opacité malgrésa dilution. Utiliser la gouache pour vos calligraphies a deux principaux avantages vous pourrez réaliserde belles calligraphies colorés pour un petit prix et le nettoyages de vos plumes ou pinceaux sera trèsfacile. D’ailleur la gouache même sèche n’est jamais perdu il vous suffit de la re mélangée avec de l’eaupour la réutiliser. Je vous conseille fortement ce médium si vous débutez !

L’encre métallo-gallique ou encre au gallo-tannate de fer est une encre noire à violette. Elle estconstituée de sels métalliques : principalement de sulfate ferreux mais parfois de sulfate de cuivre et dedivers tanins d’origines végétale. Elle était l’encre la plus utilisée en Europe entre le XII et XIX siècles. Elleest plus fluide que l’encre de chine ce qui la rend plus agréable pour l’écriture à la plume. Cependant sonprincipal inconvénient est son aspect corrosif ainsi il vous faudra nettoyer correctement vos outils aprèsutilisation pour éviter toute oxydation. Je ne vous conseille pas cette encre si vous débutez cependant sijamais ce n’est pas le cas vous pouvez tout à fait vous y intéresser et son utilisation vous fera voyager àtravers l’histoire.

Le broux de noix est un colorant naturel extrait de l'écorce de la noix. Il se présente sous laforme d’une poudre qu’il suffit de diluer dans de l’eau chaude pour obtenir l’encre brune souhaitée. Il sertpour la teinture du bois et pour la fabrication d’une encre brune. Il est utilisé en calligraphie et offre unecouleur et un aspect très authentique. D’ailleurs de nombreux artistes l’utilisait pour leurs œuvres c’est lecas de Rembrandt pour la réalisation de lavis.

L’encre acrylique est créée à base de pigments. Elle est l’une des encres plus récente. Elle s’estdéveloppée au début du XXème siècle lors de la recherche et du développement des grands fabricants depeinture. Elle offre une forte intensité, peut être très colorée et est très couvrante. De plus l’encre acryliquea la particularité d’adhérer sur tous les supports bois, papier, verres… cela vous offre un champ despossibles plus important et peut vous permettre d’explorer la calligraphie sous d’autres supports que letraditionnel papier.

Page 16: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

p10Dossier de conception ~ Lise GARNIER 21A

p15

1

32

4

Atelier(page d’accueil)

0-

Premier cours decalligraphie

Les encres

3-

Page 17: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

p16

Pitch

Éléments interactifs

bouton : play/pause (lecture de la vidéo)1

Vidéo

3 bouton : son (régler le son de la vidéo)

2 barre de lecture (vidéo)

4 bouton : Activer/Désactiver le plein écran

Légende

Dossier de conception ~ Lise GARNIER 21A

Premier cours decalligraphie

Cette vidéo permettra à l'utilisateur de faire en vidéo un premier cours deCalligraphie. Ce cours sous forme de tuto lui apprendra à tracer son premier moduledes proportions, de comprendre la notion d'inclinaison et de tracer ses premièreslignes avec l'outil de son choix.

Page 18: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie

Encre de chine. In : futura science [en ligne]. Disponible sur : https://www.futura-sciences.com/sciences/dossiers/chimie-mille-facettes-carbone-815/page/4/(consulté le 10 décembre 2019).

Broux de noix. In : wikipédia [en ligne]. Disponible sur :https://fr.wikipedia.org/wiki/Brou_de_noix (consulté le 10 décembre 2019).

L'ABC de la Calligraphie. In : Faber Castell [en ligne]. Disponible sur :https://www.faber-castell.fr/tutorials/Artists/techniques-de-base-calligraphie(consulté le 10 décembre 2019).

Encre métallo-gallique. In : wikipédia [en ligne]. Disponible sur :https://fr.wikipedia.org/wiki/Encre_m%C3%A9tallo-gallique (consulté le 10 décembre2019).

p17

Sources

Dossier de conception ~ Lise GARNIER 21A

Laura Toffaletti. L'art de la Calligraphie - techniques et exercices d'écriture. Édition2019 White Star.

Lettres & Co : Débuter. In : lettresandco.com [en ligne]. Disponible sur :https://lettresandco.com/category/debuter (consulté le 10 décembre 2019).

Calligraphy History & Styles : Calligraphy. In : youtube [en ligne]. Disponible sur :Rustic Capitals. In : https://www.youtube.com/watch?v=9VGZe3yMRbs (consulté le 10décembre 2019).

Roman Capitals Practice. In : youtube [en ligne]. Disponible sur :https://www.youtube.com/watch?v=JXp8gh-QgDE (consulté le 10 décembre 2019).

La caroline. In : youtube [en ligne]. Disponible sur :https://www.youtube.com/watch?v=UaPvEq3-a-Q (consulté le 10 décembre 2019).

Calligraphie latine - "Chancelière" minuscule. In : youtube [en ligne]. Disponible sur :https://www.youtube.com/watch?v=R-lYRKMzbCc (consulté le 10 décembre 2019).

Calligraphie | Effet anglaise. In : youtube [en ligne]. Disponible sur :https://www.youtube.com/watch?v=8Zbm9rOa-Gg (consulté le 10 décembre 2019).

Page 19: Dossier de conception - perso.univ-lemans.frperso.univ-lemans.fr/~i180525/portfolio/assets/... · s o p3 e e s n e e A Sur cette page d'accueil il découvre l'univers de la calligraphie