3. Sommaire
Les composants du projet.......................................... p.3
Un site web / une installation ................................................................................... p.3
L’installation ...................................................................................................................... p.4
Scenarii Web ................................................................. p.7
Elements généraux ........................................................................................................ p.8
Scenario documentaire................................................................................................. p.12
Scenarios conceptuels................................................................................................... p.21
Scenarii Installation ...................................................... p.27
La contemplation ........................................................................................................ p.28
Le passage ..................................................................................................................... p.30
L’action ............................................................................................................................ p.32
Planches Tendances ..................................................... p.34
Planches de styles ....................................................... p.39
3
4.
5. Présentation
Andy Goldsworthy est un artiste écossais
travaillant quasiment uniquement avec des
matériaux naturels.
Il considère ses travaux comme des oeuvres
éphémères. Selon les matériaux utilisés et les
évènements ses oeuvres peuvent durer entre
quelques heures et plusieurs années.
Il ne souhaite pas marquer la nature mais plus
chercher une relation harmonieuse avec elle,
même courte.
La seule trace qui reste sont les photos et les
films réalisés à l’occasion.
Pitch A travers deux supports intimement liés, ce projet
vise à adapter au multimédia ce qui fait vivre l’oeuvre
d’Andy Goldsworthy : l’évolution naturelle découlant de
l’environnement et des interactions. Recréer une vie naturelle.
5
6. Point de vue
Le travail d’Andy Goldsworthy aborde trois notions principales à mes yeux : le temps, l’énergie et les échanges.
Le temps
Toutes ses oeuvres sont au bord de
“La véritable l’effondrement. Placées dans la nature, de
oeuvre est le nombreux facteurs aléatoires influent sur leur
changement” évolution et elles finissent par disparaitre pour
retourner à la nature.
Les échanges
Goldsworthy s’investit physiquement pour
“Ce qui donne créer ses oeuvres. Il est au contact direct de
vie à mes la Nature, hors du cocon de la civilisation.
oeuvre, cause L’art est une forme de nourriture par lequel il
leurs pertes” cherche à comprendre l’énergie de la Terre, la
croissance et la disparition. Ses oeuvres sont en
mouvement, dans l’espace ou dans le temps.
L’énergie Ou l’absence d’échange. Goldsworthy
“Lorsqu’un aime être seul et communiquer avec les
travail devient éléments. Les gens le fatigue. Pour lui tous
vivant, c’est les éléments sont reliés par des flux qui
pour cela que peuvent être composés de n’importe quoi
je vis” (un troupeau de mouton, une rivière, de
6 l’énergie ...).
7. Le projet
Je vais présenter Andy Goldsworth autour de ces
trois notions, chacune influençant le projet par son
essence.
Le projet mettra en place deux supports, un site web
et une installation. Le site web permettra de découvrir
l’artiste et son oeuvre alors que l’installation sera une
oeuvre en elle même.
Mon travail évoluera donc dans le temps et son
affichage même prendra en compte le temps.
Il évoluera, vivra; en fonction de l’énergie, de
l’investissement des ses utilisateurs. L’installation
devra disparaitre du fait des actions des utilisateurs.
Enfin les deux supports et leurs évolutions propres
s’influenceront l’un l’autre, le projet dans son entier
étant pris dans un seul et même flux.
L’expérience utilisateur
L’utilisateur sera mis en situation
d’agir sur le projet, volontairement ou
non, pour utiliser et vivre les concepts
abordés par Andy Goldsworthy
7
9. Les composants du projet
Un site web Une installation
Chacun influe l’autre
Influencé par : Influencé par :
- le nombre de visiteurs présents sur le site - le nombre de visiteurs présents sur le site
- les mouvements de souris des visiteurs - le niveau d’activité des personnes sur le site
présents sur le site. - le mouvement autour de l’installation
- le temps sur l’installation - le son autour de l’installation
- le mouvement autour de l’installation
- le son autour de l’installation
9
10. Personna
Catherine
Proche de la quarantaine, Catherine est prof
d’économie dans un lycée parisien. Même si elle vit
à paris elle à su rester calme et elle sait prendre
son temps et apprécier les choses simples.
Elle n’utilise pas intensivement les nouvelles Valeurs
technologies mais est quand même familière curiosité
avec internet. Elle l’utilise régulièrement pour se simplicité
renseigner sur les expos qu’elle ira voir avec son zen
concubain et pour approfondir certains aspects de
ce qu’elle voit. Elle est curieuse, autonome et vive.
attentes
découverte
Elle a une bonne culture générale et s’intéresse beauté
particulièrement à l’Art. Elle aime être touchée par surprise
une oeuvre plus que par la réflexion derrière celle-ci.
0
1
14. Vue en coupe de profil Vue de dessus d’un niveau
de l’installation
2
3
1
Vue en coupe de profil
Dispositif
LA fontAine & L’érosion
1 LA forme 2 de LA structure 3 écLAirAge
L’installation reprend la forme Un jet d’eau en son centre agit Des ampoules postées dans la
Passage d’un mode à l’autre d’une graine, symbole de la vie qui sur l’intérieur de la graine alors structures l’éclaire de l’intérieur et
nait, de l’évolution à venir. qu’une petite coupole sur le réagissent selon les interactions
Elle est composée de bloc de dessus permet à l‘eau de avec son environnement.
matière facilement érodable (type ruisseler le long de l’installation.
argile). Elle agit ainsi des deux côtés et
permer également à l’utilisateur
d’avoir un contact physique plus 14
14 surprenant.
15. 1 2
1 peu d’Activité 2 Activité importAnte
Eclairage
Selon l’intensité de l’activité autour
de l’installation et sur le site web,
les lumières changent de couleur et
d’intensité.
15
15
16. Vue latérale 2 Vue du dessus
2
1
1
Vue en coupe de profil
Dispositif 1 détection LArge 2 détection proche
La détection de l’activité La caméra latérale a un champ plus La caméraplacée au dessus a un
akentour large lui permettant de saisir plus champ plus étroit et centré sur
d’activité alentour (passants etc la structure. Elle capte ainsi les
...). gens s’approchant au plus près
de l’installation.
Ce sont à priori les personnes
plus interessées, donc l’activité
sera interpretée comme plus 16
16 importante.
17. Le matériau s’érode au contact de
La disparition l’eau. Plus le temps passe plus elle
se détruit.
Plus les utilisateurs intéragissent,
plus le jet d’eau est fort, plus la
structure s’érode vite.
17
17
20. - Navigation par caractéristique commune FLuX temps - Navigation linéaire, affichage limité dans le
- Ambiance chaleureuse et dynamique temps
2 2 - Ambiance zen, fluide
- Navigation influencée par le niveau énergie BiBLiothèque - Navigation par zoom pour permettre un
d’activité de l’utilisateur accès rapide et aisé aux oeuvres recherchées
- Ambiance chaleureuse et dynamique 2
oeuvre 1 - Ambiance calme, “cocon”
contenu
compLet
Arborescence Web
Principe 1 contenu
4 Approches
Approche
1 documentAire
Approches
2 conceptueLLes
Chaque oeuvre peut être abordée La bibliothèque vise à offrir les L’énergie, les flux et le temps sont
sous 4 approches différentes. moyens de trouvers des infos et des concepts sur lesquels travaille
L’affichage et la navigation changent médias rapidement. Goldsworthy. Ces approches mettent 20
20 selon l’approche choisie. en scène ces concepts.
21. accueil
i
Vue de l’installation ?
Temps
Echanges
Bibliothèque
Energie
Temps Energie Echanges Bibliothèque
i
toutes les ? i
oeuVres
Temps
Echanges
Bibliothèque
Energie
i
oeuVre ? i
Arborescence Web nAvigAtion Actions infos sur Le trAvAiL
Arborescence Energie
Echanges
Temps
Bibliothèque
Utilisation du menu radial Zoom / Dézoom
i
Biographie
fonctionnelle
Informations sur une oeuvre
Favoris
Changement d’approche infos sur Le projet
Télécharger
i Explication 21
?
21
Aide
25. 2 1
3
4
5
zonings
zonings
Gabarit
Bibliothèque 1 fond
1 BiogrAphie 2 mosAïque
indicAtions reLAtives
3 AuX oeuvres 3 menu
Aide & informAtions
5 sur Le projet
Bibliographie de la structure générale du
Présentation Le idellariam Rompotebus,
Nicauctu fond est constitué la plupart Nicauctu idellariam Rompotebus,
- Information sur l’oeuvre affichée Nicauctu idellariam Rompotebus,
- Aide : Explication des icônes
site. nem ni conihi, te, Ti.une image en plein
du temps par Serum prae, Biographie
nem ni-conihi, te, Ti. Serum prae, te, Ti. Serum prae,
nem ni conihi, Explication de la navigation
Nicauctu idellariam Rompotebus, nem écran
que fachilis Maedo, que publibus que fachilis Maedo, que publibus que fachilis Maedo, que publibus
ni conihi, te, Ti. Serum prae, que fachilis - Informations :
verte consum periam ditem int. verte consum periam ditem int. verte consum periam ditem int.
Maedo, que publibus verte consum Vidéo de présentation du
2 Castiam uniquo tem
Agilis, retour à LA home 4 Castiam uniquo tem
Agilis, fonctionnALités Agilis, Castiam uniquo tem
projet.
periam ditem int. conSoluderedis cortemo vermihica conSoluderedis cortemo conSoluderedis cortemo
Agilis, Castiam uniquo tem Serfex serorum publin terriss - Favoris
vermihica Serfex serorum publin vermihica Serfex serorum publin
conSoluderedis cortemo vermihica. iconderio, - Recherche
terriss iconderio, terriss iconderio, 25
26. emplacement
Les icônes sont réparties sur le côté
1
gauche de l’écran et regroupées par
types : 2
1. navigation
2. fonctionnalités 3
3. infos
etats communs à
toutes les icones
Désactivé
Active
Message Feedback pour l’utilisateur.
Scénario fonctionnel
Les icônes Les icônes permettent d’avoir un aperçu
rapide de l’état du site (approche),
d’accéder rapidement aux infos et aux 26
26 Principe fonctionnalités.
27. naVigation accès aux informations
Retour à Biographie
l’installation
Informations
sur l’oeuvre i
approches fonctionnalités
Temps Favoris
1
Energie
2 L’oeuvre a été ajoutée
Echanges
Bibliothèque
Recherche
ok
Les différentes icones 27
28. Temps
Flux
Bibliothèque
Energie
1
Scénario fonctionnel
Menu 1 cLick AvAntAges
Principe Le menu apparait au click gauche. - Chaque item est à égale distance - Les mesures scientifiques montre
Il se place autour curseur. du curseur une adaptation rapide et une
- On peut agrandir la zone sans vitesse d’utilisation plus élevée.
jouer sur la distance à la cible. - la forme circulaire renvoie au
- Il n’apparait qu’au click, libérant travail de Goldsworthy où le
de l’espace d’affichage. cercle, la révolution, le cycle est
omniprésent.
28
29. Flux Temps Zoom
Marquer
Energie Bibliothèque
1 comme 2 Télécharger
favoris
Changer d’approche
1 cLick sur LA scène 2 cLick sur une oeuvre
2 contextes d’utilisation Le click sur la scène permet de changer à Au click sur l’oeuvre le menu propose les
tout moment l’approche souhaitée actions possibles sur cette oeuvre.
Selon l’élément cliqué, le menu affiche
des éléments différents.
29
30. Zoom Temps
Flux
Marquer Bibliothèque
Energie
1 cLick comme Télécharger 3
favoris
Actions possibles
Changer d’approche
4 cLick
2 cLick
Scénario fonctionnel
Menu 1 cLick sur une oeuvre 2 chAnger d’Approche 3 AnimAtion
Passage d’un mode à l’autre Au click sur l’oeuvre, le PieMenu Cependant on peut toujours Le menu tourne sur lui même et
s’adapte et propose trois actions accéder au menu de choix prend l’autre disposition.
possibles sur l’oeuvre : d’approche.
- zoomer dessus
- la mettre dans ses favoris 4 Action possiBLes
- la télécharger
De même, on peut retourner aux
actions possible lorsqu’on est sur
30
le menu de choix d’approche.
31. 2 1 L’oeuvre a été ajoutée aux favoris
Zoom Zoom
Marquer Enlever
comme Télécharger des Télécharger
favoris favoris
1 cLick 3 cLick
Changer d’approche Changer d’approche
Zoom Zoom
1280x960
Marquer Marquer
comme Télécharger comme Télécharger 1024x768
favoris favoris
800x600
4 survoL 5 cLick
Changer d’approche Changer d’approche
mArquer comme L’icone AppArAit et
1 fAvori 2 informe de L’Ajout 3 enLever des fAvoris
Favoris & Télécharger
Chaque oeuvre peut être marquée
comme favori. 4 téLéchArger 5 choisir LA tAiLLe
Elle sera alors affichée différement sur
la mosaïque et accessible de partout
depuis l’icone Favoris.
31
32. faible activité forte activité
Scénario fonctionnel
Curseur
Le curseur, indique en permanence au Il fonctionne à la fois sur la forme et
Principe visiteur son niveau d’activité. Il fonctionne la couleur pour être accessible à tous,
comme un indicateur permettant d’avoir même aux personnes souffrant d’une
conscience de sa propre influence. vision altérée (1 personne sur 10). 32
32
33. ?
Scénario fonctionnel
Trace des autres
visiteurs Les trajectoires des souris des visiteurs sont ponctuellement
enregistrées pour former une bibliothèque de trajectoire.
33
elles sont ensutie utilisées pour introduire des changement
Principe discret dans les fonds des pages. 33
36. sculpter
avec le
temps
le projet
i 1 2
i
Entrer
3
le projet aide
zonings
Home vidéo de
1 présentAtion 2 teXte de présentAtion 3 fond
Présentation Courte vidéo présentant Reprend synthétiquement la Pour le moment abstrait, il reflète
rapidement le projet (ses deux vidéo pour offrir un aperçu rapide l’heure sur le lieu de l’installation
Un écran accueille le visiteur et lui composants et leurs interactions). du projet. (matin, jour, crépuscule, nuit ...).
présente rapidement le projet dans son
ensemble.
36
37. sculpter
avec le
temps
1 i Cliquer et rester appuyé pour accéder au menu
2
3 hh:mm
jj-mm-aaaaz
4 le projet aide
zonings
Home Aide à
1 L’ApprentissAge 2 fond 3 repère temporeL
La box d’accueil se range en Tant que l’utilisateur n’a pas activer Le fond affiche une vue de Le site étant international, l’heure
bas permettant à l’utilisateur de au moins une fois le menu, un l’installation. du visiteur peut-être différente de
comprendre qu’il pourra y accéder à message lui explique comment y celle de la structure.
n’importe quel moment. accéder. Ensuite il se cache.
On accède ensuite à la home en elle 4 Le projet
-même.
La box d’accueil s’est rangée en
bas.
37
38. sculpter
retour à LA
home
avec le
temps
Approche
choiX d’une
Approche
fAvoris
recherche
infos
i conteXtueLLes
BiogrAphie
1 2 32
le projet aide
zonings
Home 1 eXpLicAtions 2 Approches 3 menu
Aide une boite transparente couvrant Explication des différentes Explication de l’utilisation du
tout l’espace apparait. Elle contient approches et des icônes menu.
Au clic sur le bouton aide, les les explications de chaque élément correspondantes.
explications viennent s’appliquer de l’interface.
directement à côté de l’élément qu’elle
concerne.
38
39. sculpter
avec le
temps
i
Temps
Flux
Bibliothèque
Energie
1
le projet aide
zonings
Choix d’une 1 pie-menu
approche Au clic, le menu se déroule autour
du point de click.
Cela permet d’avoir un minimum
Au clic et tant que le bouton est de distance à parcourir et donc
enfoncé, le menu apparaît. une utilisabilité améliorée.
39
40. 1
2
3Chargement 64%
le projet aide
zonings
Chargement retour à
1 L’instALLAtion 3 chArgement ...
Selon l’approche choisie, l’écran de 2 mosAïque Approche choisie Elément utilisé Son joué
chargement utilise un élément différent
Temps sable 0:18:00
pour écrire le mot chargement.
Une citation audio de Goldsworthy en Energie feu 0:18:30
L’icône représentant l’approche
lien avec l’approche est joué. choisie apparait. Echanges eau 1:05:00
Bibliothèque ombres 0:40:00
40
41.
42. 1
4
2 5
i
3
le projet
le projet aide
aide
zonings
zonings
Bibliothèque
Bibliothèque 1 BiogrAphie
1 mosAïque 2 mosAïque
2 BiogrAphie 3 menu
3 recherche
L’écran ne contient qu’un nombre Une nouvelle icône apparait Une nouvelle icône apparait
Bibliographie
Mosaïque Nicauctu idellariam Rompotebus, sont
limité de vignettes. Celles-ci Nicauctu idellariam Rompotebus, à la
permettant d’accéder permettant d’accéder au module
Nicauctu idellariam Rompotebus,
nem niplacées dans un ordre aléatoire.
conihi, te, Ti. Serum prae, nem nibiographie.Ti. Serum prae,
conihi, te, de recherche.
nem ni conihi, te, Ti. Serum prae,
Nicauctu le visiteur a fait le choix d’approcher
Si idellariam Rompotebus, nem que fachilis Maedo, quela souris sur un
Quand on place publibus que fachilis Maedo, que publibus que fachilis Maedo, que publibus
ni conihi, te, Ti. par la bibliothèque, les oeuvres
l’oeuvre Serum prae, que fachilis verte consum periam ditem int. mosaïque
bord, on se déplace sur la verte consum periam ditem int. verte consum periam ditem int.
sont publibus en mosaïque
Maedo, quedisposées verte consum reprenant Castiam explorant ainsi
Agilis, vers ce bord, uniquo tem toute 4 Castiam
Agilis, fAvoris uniquo tem 5
Agilis,oeuvres mArquées
Castiam uniquo tem
periaml’organisation qu’utilise Goldsworthy
ditem int. la mosaïque.
conSoluderedis cortemo vermihica conSoluderedis cortemo conSoluderedis cortemo
Une nouvelle icône apparait Les oeuvres marquées comme
Agilis, Castiam uniquo tem
pour classer ses photos. Serfex serorum publin terriss vermihica Serfex le nombrepublin
serorum de favoris et
indiquant vermihica Serfex serorum publin
favorites sont différenciées.
conSoluderedis cortemo vermihica. iconderio, terriss iconderio, d’y accéder.
permettant terriss iconderio,
42
43. BiogrAphie Titre du média
2 3
i
1 survoL
Informations relative au media
le projet
le projet aide
aide
zonings
Bibliothèque 1 AppArition Au survoL 2 BiogrAphie 3 mediAs
Biographie Au survol de l’icone et après un Texte comprenant des liens vers Affichage des vidéos, photos et
très court délai, la biographie des images et des interviews players de son.
apparait au premier plan. audio et vidéo.
43
43
44. 3
3
Zoom1 cLick
Marquer
comme Télécharger
favoris
i 2
Changer d’approche
3
3
le projet aide
zonings
Bibliothèque 1 Accès grâce Au menu 2 informAtions
se dépLAcer sur LA
3 mosAïque
Affichage d’une oeuvre Au click sur zoom, on zoom sur Une nouvelle icône apparait Les oeuvres attenantes sont
l’oeuvre en question. permettant d’accéder aux partiellement visibles.
informations sur l’oeuvre. Un click dessus et la mosaïque se
déplace pour se centrer sur elle.
44
45. i1 2 3
le projet aide
zonings
Bibliothèque 1 AppArition Au survoL 2 teXte d’informAtion 3 mediA
Informations Au survol de l’icone et après un Les oeuvres d’Andy Goldsworthy Si l’oeuvre est reliée à une vidéo
très court délai, les informations ne sont pas titrées mais sont ou à un son de Goldsworthy
apparaissent au premier plan. identifiées par de petits textes parlant d’elle, ce cadre apparait.
explicant :
- le lieu
- le moyen d’obtention
45
46. 1 cLick
Flux Temps
i
2
Energie Bibliothèque
Actions possibles
le projet aide
zonings
Le temps 1 Accès pAr Le menu 2 oeuvre en pLein ecrAn
Affichage d’une oeuvre L’oeuvre occupe la totalité de
l’écran pour encourager une
immersion.
46
47. i i i
le projet aide le projet aide le projet aide
zonings
Le temps
Disparition
Les oeuvres ne sont affichables qu’un Le temps de disparition dépend de l’oeuvre
temps limité. Au fur et à mesure afin de laisser le temps de percevoir
de l’épuisement de ce temps, elles l’oeuvre dans son ensemble (notamment
disparaissent créant une tension pour pour les vidéos).
le visiteur qui est confronté à cette
avancée du temps, il visualise le caractère
inexorable et desctructeur du temps. 47
48. Lieu
3b
1 cLick M
at
Temps ièr
Flux e 3a
i
2
Energie Bibliothèque
e
vi
de
e
3c
ré
Du
Actions possibles
le projet aide
zonings
Les échanges 1 Accès pAr Le menu 3 Lien
Affichage d’une oeuvre Les liens renvoient vers une autre
oeuvre relié par un critère
Chaque oeuvre a trois caractéristiques a. Matière
(matière, lieu, durée de vie). Cette approche
2 oeuvre en pLein ecrAn
b. Lieu
permet de naviguer par type d’oeuvre.
L’oeuvre occupe la totalité de c. Durée de vie
l’écran pour encourager une
48 immersion.
49. 2
Dézoom 1 cLick
Marquer
comme Télécharger
favoris
3
Changer d’approche
le projet aide
zonings
Les échanges 1 Accès pAr Le menu 2 Liens 3 fAvoris
Affichage global Chaque type de lien a une couleur, Les oeuvres marquées comme
montrant ainsi ce qui relie les favorrites bénéficie dans cette
oeuvres en entre elles. approche égaelement d’un
affichage différent.
Le lien sert également de guide
de mouvement lors des transitions
entre oeuvres.
49
50. Flux Temps
i
2
Energie Bibliothèque
1 cLick
Actions possibles
le projet aide
zonings
L’énergie 1 Accès pAr Le menu 2 oeuvre en pLein ecrAn
Affichage d’une oeuvre L’oeuvre occupe la totalité de
l’écran pour encourager une
immersion.
50
51. i i i
le projet aide le projet aide le projet aide
Plus le visiteur est actif, moins l’affichage dure longtemps.
zonings
L’énergie
Disparition
Plus l’e visiteur est actif plus la disparition
est rapide et énergique.
La disparition agit comme une
métaphore accélérée de ce qui arrive à
l’installation.
51
54. Action Arrive sur
S’arrête et s’assoit
l’utilisateur place
Changement L’installation
Réaction Captation
du son
d’intensité
des lumières
n’enregistre plus Les lumières et le jet sont influencés par l’activité sur le site
l’installation et du jet d’activité dans son web.
d’eau environnement.
Teinte : jaune, vert, bleu
Activité : lente
Scénario utilisateur
La contemplation
L’oeuvre parait vivre d’elle-
même. Même si personne ne
bouge autour, cell-ci continue
d’évoluer seule grâce aux
interactions occurant sur le site
web.
54
54
55. 1
1 Lumières
L’installation reçoit des infos sur
l’activité du site, les lumières
réagissent tranquillement en
fonction.
55
55
56. Action Passe juste à côté de la structure
l’utilisateur
Captation du son
Réaction Changement d’intensité des
l’installation lumières et du jet d’eau
Détection du niveau de mouvement
Teinte : vert, orange
Activité : moyenne
Scénario utilisateur
Le passage
Même inconsciamment les gens
ont impact sur la structure.
56
56
57. 1
2
repérAge des
1 2 écLAirAge
mouvements ALentours
La caméra latérale avec un En fonction du niveau
champ plus large que la d’activité, les lumières et le
supérieure capte plus de jet d’eau sont plus ou moins
mouvements autour de la actifs.
structure.
57
57
58. Action S’approche Touche l’installation
l’utilisateur
Captation du son Changement
Réaction Détection du niveau
d’intensité des Détection de l’entrée
dans la zone par la
Changement
d’intensité du jet
l’installation lumières et du jet d’eau des lumières
de mouvement caméra.
d’eau
Teinte : orange, rouge
Activité : forte
Scénario utilisateur
L’action
La structure s’abîme d’autant plus
qu’on intéragit avec.
58
59. 1 2
détection des
1 2 écLAirAge
mouvements proches
La caméra supérieure Quand une personne rentre
détecte les changements dans le champ, la structure
dans son champ qui est s’anime plus rapidement, les
beaucoup plus recentré sur couleurs sont plus vives.
la structure que celui de la
caméra latérale. 59
63. Charte graphique
Une identité organique dans le temps sans
Identité puisque le projet a sa
propre vie. Reprenant
la forme de la structure
définir d’étapes précises.
Les évolutions se
superposent et
visuelle mais la manipulant,
évoquant une évolution
s’additionne pour créer
l’identité.
64.
65. 1 oeuvres
2 interfAce fiXe
- icônes
- aide & explication
- info & biographie
3 interfAce
mouvAnte
- curseur
- menu
- trace des autres visiteurs
Charte graphique
interfAce
Une interface
1 oeuvres 2 interfAce fiXe 3
mouvAnte
Cette couche contient l’aide Cette couche contient les
à 2 niveaux et la navigation et tous les
éléments permettant de
éléments contextuels. C’est
une partie plus vivante.
connaitre l’état du site. Elle se démarque de la
Elle doit être claire et couche précédente par un
explicite. traitement plus organique.
66. 1 typo texte courant Antique Olive Light 2 cAdres
12px
Pero commy nosto commodignis
ecte do odolesecte magnim venit
alit, sequis erat wisim quam in
exeriuscilit at. Cum volendiamet
titrage Antique Olive Light Roman
14px
Ceci est un titre
Charte graphique
Interface fixe 1 typo 2 cAdres
L’Antique Olive d’Excoffon Les cadres sont rectilignes
a une largeur de lettre pour exprimer leur rôle
particulièrement importante fonctionnel.
qui donne un aspect très Ils apparaissent en
rond à ses caractères. Elle est transparence pour évoquer
donc à la fois légère et lisible l’idée de couches chère à
mais renvoie également au Goldsworthy.
cycle.
67. 1 typo 2 évoLution
La blur
Neville Brody
Charte graphique
Interface 1 typo
La blur semble non-définie
2 évoLution
La structure de la typographie
mouvante alors que tous ces bords sont
parfaitement lisses.
Elles peut être légère ou
permet de jouer avec ses
limites avec des animations
la faisant évoluer comme
forte tout en gardant un une ombre projetée par une
aspect immatériel évoquant flamme vacillante.
l’immatérialité, les jeux de
lumière etc ...
68. 1 oeuvres
4 AmBiAnce
2 interface fixe
3 interface
mouvante
Charte graphique
Différentes
4 couche AmBiAnce
ambiances
La couche d’ambiance Intercalée entre la couche
évolue en fonction de présentant le travail et
deux caractéristiques : les couches d’interface
- l’heure sur la structure elle peut ainsi altérer la
- l’approche choisie première sans changer les
autres.
69. matin soir
heure
Temps
Echanges
Energie
Approche
évoLution de
L’AppArence
En fonction de l’heure
sur la structure et de
l’approche, l’affichage est
influencé.
71. 100%
0%
Charte graphique
Chargement
Dispositif pour prise de vue
Bibliothèque > Ombres
72. 3
Introduction
de l’encre
2
1
Charte graphique
Chargement 1 etAt initiAL 2 méLAnge 3 etAt finAL
Dispositif pour prise de vue Les lettres sont creusées On introduit de l’encre qui Les lettres sont clairement
Echanges > eau dans un bloc et remplis va se mélanger à l’eau et définies.
d’eau. créer les lettres.