Esthétique de l’interface
Presentation
•
Arts
•
University
•
Practice Problem
•
Easy
Alix Orellana
Used 1+ times
FREE Resource
17 Slides • 16 Questions
1
Naissance d’une esthétique de l’interface
By Alix Cerezal Orellana
2
HTML brut
Typographie système
Liens bleus soulignés
Tableaux
Frames
Débuts du web (1990–1995) :
le Web 1.0
3
4
Multiple Choice
Quel était le principal type de contenu utilisé sur les sites Web 1.0 ?
Texte
Image
GIF
Vidéo
5
Open Ended
Quelle caractéristique visuelle était typique des liens sur ces sites ?
6
GIF animés
Boutons 3D
Applets Java
Flash
Pixel art
Le web graphique (1995–2003)
7
8
Open Ended
Quel outil a révolutionné le design interactif à la fin des années 1990 ?
9
Multiple Choice
Quel était un inconvénient majeur de ces sites “graphiques” ?
Polices d'écriture natives uniquement
Navigation peu intuitive / Accessibilité faible
Beaucoup trop stylé
Pas assez de choix de couleurs
10
Skeuomorphisme
Textures réalistes
Ombres portées
Reliefs
Apple design
L’ère du skeuomorphisme (2007–2012)
11
12
Multiple Choice
Que signifie le terme skeuomorphisme ?
Surfaces texturées
Imitation de l'espace et des étoiles
Imitation des objets physiques dans une interface
Design épuré et mat
13
Word Cloud
Qu'évoque le skeuomorphisme ?
14
Flat design
Minimalisme
Pictogrammes
Sans-serif
Couleurs franches
Le flat design (2012–2017)
15
16
Multiple Select
De quels courants artistiques s'inspire ce style ?
Art Déco
Bauhaus
Swiss Style
Brutalisme
17
Multiple Choice
Pourquoi a-t-il été adopté massivement ?
Pour améliorer la lisibilité et la rapidité de chargement
Pour faciliter la lecture
Pour être plus facilement imprimable
Parce qu'il demande moins de travail de design
18
Material design
Ombres douces
Hiérarchie visuelle
Responsive
Le material design & le flat 2.0 (2014–2020)
19
20
Open Ended
Qui est à l’origine du Material Design ?
21
Multiple Select
Quelle innovation ajoute-t-il au flat design ?
Profondeur
Ombres douces
Animations logiques
Brillance
22
Néomorphisme
Soft shadows
Effets d’embossage
Esthétique douce
Le néomorphisme (ou soft UI) (2020–2022)
23
24
Multiple Choice
Quel effet visuel caractérise les boutons en neumorphisme ?
Boutons plats
Boutons dessinés
Boutons embossés
Boutons contrastés
25
Open Ended
Quelle est une critique fréquente de ce style ?
26
Web brutalism
UI raw
Glitch
Anti-UX
Typographies massives
Brutalisme numérique & anti-design (depuis 2017)
27
28
Multiple Choice
Pourquoi certains critiques parlent d’“anti-UX” ?
Préférence pour l'UI
Ergonomie volontairement ignorée
Utilisation des IA
Haine des mots en x
29
Multiple Select
À quoi cette esthétique fait-elle souvent référence ?
Cottagecore
Glitch art
Mouvement punk
Early web
30
WebGL
Parallax
Storytelling interactif
Scrollytelling
Réalité augmentée
Interfaces immersives et narratives
(depuis ~2020)
31
32
Open Ended
Quelle technologie permet l’ajout d’éléments 3D dans une interface web ?
33
Multiple Choice
Quel effet est utilisé pour raconter une histoire par le scroll ?
Superscrollifragilisticexpialidocious
Doom Scrolling
Scrollifaction
Scrollytelling
Naissance d’une esthétique de l’interface
By Alix Cerezal Orellana
Show answer
Auto Play
Slide 1 / 33
SLIDE
Similar Resources on Wayground
22 questions
Broadway Senza Frontiere - 1
Presentation
•
University
28 questions
Presentación Unidad 1 Tema 4
Presentation
•
University
25 questions
PRINCIPLE OF VISUAL ART
Presentation
•
12th Grade
27 questions
Pensamiento Estratégico
Presentation
•
University
27 questions
ITDB - Aniversario
Presentation
•
University
26 questions
FOTODISEÑO - EXPOSIMETRO
Presentation
•
University
24 questions
Adivina quien es
Presentation
•
University
27 questions
Qu'est-ce que c'est, Mardi Gras?
Presentation
•
KG - 12th Grade
Popular Resources on Wayground
24 questions
PBIS-HGMS Day 10
Quiz
•
6th - 8th Grade
10 questions
HCS SCI 03 Summer School Review 3
Quiz
•
3rd Grade
11 questions
Home Scope
Quiz
•
7th - 8th Grade
15 questions
HCS SCI 05 Summer School Assessment 3 Review
Quiz
•
5th Grade
35 questions
Lufkin Road Middle School Student Handbook & Policies Assessment
Quiz
•
7th Grade
18 questions
Geo 11.3 Area of Circles and Sectors
Quiz
•
9th - 11th Grade