n Les tendances Web2.0

Transcription

1 Les tendances 1

2 2

3 n Les tendances Web2.0

4 n Les tendances n Le design web2.0

5 n Web 2.0 Formes arrondie polices sans sérif Taille typo surdimensionnée

6 n Web 2.0 Graphisme décoratif Courbes et contre-courbes Ombres portées

7 n Web 2.0

8 les tendances web design 2013? 8

9 les tendances web design 2013 Skeuomorphisme

10 les tendances web design 2013 Icônes mobiles skeumorphique

11 les tendances web design 2013 contre icônes «flat design» 11

12 les tendances web design 2013 La nouvelle vague «metro»

13 les tendances web design 2013 Typographies originales et nouvelles

14 les tendances web design 2013 Icon fonts 14

15 les tendances web design 2013 Le phénomène Pinterest, favorise le responsive web design

16 PINTEREST Mot valise de pin et interest, soit épingler et intérêt. Site de partage de centres d intérêt Photos glanées sur Internet Panneau de tendances? 16

17 les tendances web design 2013 Les illustrations personnalisées et de très haute qualité

18 les tendances web design 2013 Les illustrations personnalisées et de très haute qualité

19 n Tendances;-(

20 n Tendances;-(

21 Comprendre et concevoir un signe graph ique! 21

22 LE SIGNE Déf: Représentation matérielle d'une chose, dessin, figure ou son ayant un caractère conventionnel : Signes de ponctuation, note de musique Le Larousse 22

23 émoticônes 23

24 24

25 Le dingbat, le casseau 25

26 Désigner quelque chose, quelqu'un à quelqu'un, attirer son attention sur quelque chose ou quelqu'un par un geste, un signe précis : Il m'indiqua du regard la personne que je cherchais. Montrer quelque chose à quelqu'un, lui désigner, lui attribuer, etc., ce qui lui revient : On nous a indiqué nos chambres à la réception. Marquer quelque chose, informer: Ma montre indique l'heure. Le panneau indique les horaires des trains. Renseigner, donner à quelqu'un tel renseignement, tel conseil : Il m'a indiqué un bon moyen pour réussir. Révéler quelque chose, en être le signe ; dénoter : Sa pâleur indiquait combien il était mécontent. 26

27 Le signe n est donc pas la chose en elle même! Un dessin qui se simplifie devient un signe, une trace, une marque, un symbole 27

28 Qu est ce que le symbole? Lorsque l image se réduit à un signe porteur d une symbolique, celui ci devient un symbole. Il faut encore que l observateur puisse y investir ses convictions et en fasse un objet de méditation, c est-à-dire nourrissant son esprit. 28

29 Paix radioactivité 29

30 Qu est ce que le symbolisme? Le symbolisme d une image est une valeur non représentée, un sens sous-jacent à ce que l on voit dans l image. Cette symbolique est censée éclairer l esprit de l observateur. Philosophie, religions, magie et graphisme! 30

31 Gestes symboliques! Représentation symbolique L'inuksuk Chez les Innus

32 Le symbole est donc beaucoup plus qu un simple signe Il porte au-delà de la signification première Il est sujet à des interprétations Il est porteur d histoires 32

33 Attention au symbolisme culturel Chance malchance Svastika vient du sanscrit «se sentir bien» et cette croix symbolisait la perfection suprême en Chine.

34 Nike en 1999

35

36 Les éléments plastiques de base les tracés élémentaires Le point La ligne La surface L œuvre théorique de Paul Klee sur la ligne, l espace, la forme et les couleurs. Esquisses pédagogiques 1920 Le livre de Kandinsky Point, ligne, plan 1926

37 Les 4 symboles fondamentaux La croix Le cercle Le carré Le centre 37

38 La croix Horizontale et verticale = espace et cosmos Caractère dualiste Mouvement possible 38

39 Le cercle Signes solaires Le ciel Le temps Le souffle divin La perfection La protection L âme 39

40 Le carré La terre Solidité Stabilité Le minéral La limitation La matière 40

41 La symétrie Le centre milieu=support de la méditation Le labyrinthe Le nœud SYMBOLE: La perfection à atteindre La méditation et la sagesse Le coeur 41

42 signes étoilés Les astres nocturnes Médiateurs mystérieux entre les mondes et nous 42

43 Le triangle Le chiffre Trois ( la trinité ) Équilatéral = divinité, harmonie et proportion Pointe en haut = feu et sexe masculin Pointe en bas = eau et sexe féminin Le feu et le cœur Ascendance ou transcendance 43

44 Malgré les variations culturelles de la perception visuelle, les formes géométriques de base (carré, triangle, cercle...) sont universellement utilisées. 44

45 Le logotype 45

46 L homme et ses signes signes, symboles, signaux atelier Perrousseaux éditeur Adrian Frutiger 46