La page d'Audrey : Différence entre versions

De Design numérique
Aller à : navigation, rechercher
(ÉTAPE 1. Composer l'écran avec les scrolls.)
(ÉTAPE 1. Composer l'écran avec les scrolls.)
Ligne 12 : Ligne 12 :
  
 
[http://work.pratiquesnumeriques.be/2021-2022/scrolls/audrey/grid.html SITE] . Je pars sur des jeux de typo, contrairement à mon autre site qui était centré autour de dessin et de la composition. J'apprécie la composition, mais je ne sais pas encore trop quoi en faire. Ceci dit, il y a deux résultats sur la page qui me plaisent : en haut à gauche, il y a des lettres qui apparaissent derrière d'autres ; et en bas à droite, où un scroll passe au-dessus d'un autre scroll.
 
[http://work.pratiquesnumeriques.be/2021-2022/scrolls/audrey/grid.html SITE] . Je pars sur des jeux de typo, contrairement à mon autre site qui était centré autour de dessin et de la composition. J'apprécie la composition, mais je ne sais pas encore trop quoi en faire. Ceci dit, il y a deux résultats sur la page qui me plaisent : en haut à gauche, il y a des lettres qui apparaissent derrière d'autres ; et en bas à droite, où un scroll passe au-dessus d'un autre scroll.
 +
 +
===='''ÉTAPE 2. Exploiter la superposition.'''====
 +
 +
[ajouter image]
 +
 +
[http://work.pratiquesnumeriques.be/2021-2022/scrolls/audrey/grid2.html SITE] . J'ai essayé d'exploiter l'idée des lettres qui apparaissent derrières d'autres, pour créer quelque chose de plus graphique, voire utile ? Je ne sais pas. Dans tous les cas, j'ai joué avec des couleurs différentes. Et j'ai découvert qu'avec le scroll qui va vite, on lit mieux le mot derrière. J'apprécie ce truc-là, je vais essayer de voir jusqu'où je peux aller dans cette idée.
 +
 +
===='''ÉTAPE 3. Que faire avec la superposition ?'''====
 +
 +
SITE . Bah là maintenant, j'ai décidé de focus beaucoup plus sur la superposition mais plus graphique.

Version du 1 décembre 2021 à 14:34

Scroll — Créer un site web qui exploite l'utilité du scroll

ID. Superposition et scrollbars

L'idée est de créer un grid avec énormément de scroll qui se superposent pour créer un effet plutôt graphique. J'avais déjà créé un site avec cette idée dans le cadre du cours de Web2Print, mais plutôt dans la perspective de l'imprimer. Ici, ce serait vraiment dans la perspective de fonctionnalité amusante.

ÉTAPE 1. Composer l'écran avec les scrolls.

Grid1.png


SITE . Je pars sur des jeux de typo, contrairement à mon autre site qui était centré autour de dessin et de la composition. J'apprécie la composition, mais je ne sais pas encore trop quoi en faire. Ceci dit, il y a deux résultats sur la page qui me plaisent : en haut à gauche, il y a des lettres qui apparaissent derrière d'autres ; et en bas à droite, où un scroll passe au-dessus d'un autre scroll.

ÉTAPE 2. Exploiter la superposition.

[ajouter image]

SITE . J'ai essayé d'exploiter l'idée des lettres qui apparaissent derrières d'autres, pour créer quelque chose de plus graphique, voire utile ? Je ne sais pas. Dans tous les cas, j'ai joué avec des couleurs différentes. Et j'ai découvert qu'avec le scroll qui va vite, on lit mieux le mot derrière. J'apprécie ce truc-là, je vais essayer de voir jusqu'où je peux aller dans cette idée.

ÉTAPE 3. Que faire avec la superposition ?

SITE . Bah là maintenant, j'ai décidé de focus beaucoup plus sur la superposition mais plus graphique.