n Les tendances Web2.0

Documents pareils
... identité visuelle logotype. CONCEPTION GRAPHIQUE [ print / web ]

Cabri et le programme de géométrie au secondaire au Québec

BENEDICTION DU TRES SAINT SACREMENT

LE LIVRE DES KINS L épopée Galactique du libre-arbitre.

Sites web éducatifs et ressources en mathématiques

G U I D E D U T I L I S A T I O N LIFTING IDENTITÉ VISUELLE

Nom : Groupe : Date : 1. Quels sont les deux types de dessins les plus utilisés en technologie?

Modules Multimédia PAO (Adobe)

MAT2027 Activités sur Geogebra

Du Premier au Second Degré

NOS DESSIN FORMATIONS. PAOMULTIMEDIAWEB3DCINEMAAUDIOVISUEL La formation idéale existe, nous l avons inventée!

Seconde Généralités sur les fonctions Exercices. Notion de fonction.

Tux Paint. 1. Informations générales sur le logiciel. Auteur : Bill Kendrick et l équipe de développement de New Breed Software

1 Création d une pièce. 2 Travail complémentaire. 1-1 Réglage des barres d outils. 1-2 Exemples de réalisation de pièces à l aide d un modeleur 3D

TBI et mathématique. Pour vous soutenir dans votre enseignement des mathématiques. Les outils du logiciel Notebook. les ressources internet

Section «Maturité fédérale» EXAMENS D'ADMISSION Session de février 2014 RÉCAPITULATIFS DES MATIÈRES EXAMINÉES. Formation visée

ÉMILIE MUDJEREDIAN GRAPHISTE / ILLUSTRATRICE emilie.mudjeredian@gmail.com

TSTI 2D CH X : Exemples de lois à densité 1

PR OC E D U RE S D E B A S E

Cours Fonctions de deux variables

Savoir lire une carte, se situer et s orienter en randonnée

Pourquoi utiliser des visuels et des logiciels de présentation?

Lecture graphique. Table des matières

Charte Graphique Caisse d Epargne Rhône Alpes

Définition de la dyspraxie

LA PHYSIQUE DES MATERIAUX. Chapitre 1 LES RESEAUX DIRECT ET RECIPROQUE

Cours IV Mise en orbite

Vision industrielle et télédétection - Détection d ellipses. Guillaume Martinez 17 décembre 2007

Utiliser un tableau à double entrée «Les véhicules»

Lecture analytique 2 Victor Hugo, «Un jour Je vis...», Poème liminaire des Comtemplations, 1856

2013 Pearson France Photoshop Elements 12 pour les photographes du numérique Loïc Olive

AC AB. A B C x 1. x + 1. d où. Avec un calcul vu au lycée, on démontre que cette solution admet deux solutions dont une seule nous intéresse : x =

Baccalauréat ES Amérique du Nord 4 juin 2008

Utiliser le logiciel Photofiltre Sommaire

Table des matières. 7 Gérer des ordres 5 Formater des paramètres OptionStation Pro 9

Je suis compagnon. Respectable Atelier «Shekinah» à l O:.de Montélimar. Ce jour 17 X 6011

Maîtriser les fonctionnalités d un traitement de texte (Word OpenOffice)

Nouvelle Vague. Design et direction artistique : Emmanuel Gallina

TUTORIEL IMPRESS. Ouvrir Impress cocher «présentation vierge», «suivant» cocher «écran», «suivant» cocher «standard», «créer»

du 24 janvier au 1er février 2015

ASSURANCE QUALITE WORLDSKILLS

Rédiger pour le web. Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web

COTTAZ Céline DESVIGNES Emilie ANTHONIOZ-BLANC Clément VUILLERMET DIT DAVIGNON Nicolas. Quelle est la trajectoire de la Lune autour de la Terre?

I Mise en place d un SIG pour la gestion des équipements sur les routes départementales de la Loire I

NOM : Prénom : Date de naissance : Ecole : CM2 Palier 2

PROGRAMME D HABILETÉS EN FAUTEUIL ROULANT (WSP-F)

Le Dessin Technique.

Complément d information concernant la fiche de concordance

Si deux droites sont parallèles à une même troisième. alors les deux droites sont parallèles entre elles. alors

Attestation de maîtrise des connaissances et compétences au cours moyen deuxième année

«Si quelqu un veut venir après moi qu il renonce à lui-même, qu il se charge chaque jour de sa croix et qu il me suive» Luc 9 : 23.

Support de formation Notebook

La révolution des satellites de Jupiter

Découverte du logiciel ordinateur TI-n spire / TI-n spire CAS

Le contexte. Le questionnement du P.E.R. :

EVALUATIONS MI-PARCOURS CM2

Éditorial. Tangente ÉDUCATION. Scratch, AlgoBox, Python. Trimestriel - n 15 - janvier 2011 Numéro spécial 16 activités TICE pour le lycée

LIVRET PERSONNEL DE COMPÉTENCES

Soit la fonction affine qui, pour représentant le nombre de mois écoulés, renvoie la somme économisée.

INTRODUCTION À L ANALYSE FACTORIELLE DES CORRESPONDANCES

2013 Pearson France Adobe Illustrator CC Adobe Press

Initiation à linfographie

DOSSIER PEDAGOGIQUE Déroulement d une visite QUELQUES MOTS SUR PAUL KLEE

L éclairage naturel première partie : Principes de base

MINISTERE DE L'EDUCATION, DE LA RECHERCHE ET DE LA FORMATION ENSEIGNEMENT SECONDAIRE SPECIAL ORGANISE PAR LA COMMUNAUTE FRANCAISE

Bac Blanc Terminale ES - Février 2011 Épreuve de Mathématiques (durée 3 heures)

La construction du temps et de. Construction du temps et de l'espace au cycle 2, F. Pollard, CPC Bièvre-Valloire

EPIJEUX-WIN POUR MATERNELLE ET ELEMENTAIRE AUTEUR : JEAN-FRANÇOIS LUCAS. Documentation. «Labypro»

Premier cours d informatique

Sondage sur le phénomène de la cyberintimidation en milieu scolaire. Rapport présenté à la

Les outils graphiques d expression pour l analyse fonctionnelle des systèmes Domaine d application : Représentation conventionnelle des systèmes

LES MOSAIQUES DU CREDIT AGRICOLE

Chapitre 4 : Guide de Mouvement et Masque

WINDOWS 8. Windows 8 se distingue par la présence de 2 interfaces complémentaires :

IMAGES NUMÉRIQUES MATRICIELLES EN SCILAB

Anne Cauquelin, L'invention du paysage.

Je découvre le diagramme de Venn

sommaire Charte graphique - identité visuelle éléments constitutifs de la charte papeterie contenu du CD-ROM

d association avec des outils libres!

Création d un fichier de découpe

C.F.A.O. : Conception et Fabrication Assistées par Ordinateur.

Je fais le point 1. PrénoM :... Il y a... oiseaux. Guide de l enseignant p.64. Écris les nombres dictés. Écris les nombres effacés par Gribouille.

PLAN DE COURS CONCEPT ET MULTIMÉDIA JCW 06

Qui mange qui? Objectif : Prendre conscience des nombreuses relations qui existent entre les êtres vivants et notamment les relations alimentaires.

Manuel d'utilisation de la maquette

Formation Storytelling par l image Partie 1 L importance du visuel + Pinterest

Faire part naissance coquelicot

Correction des Travaux Pratiques Organiser son espace de travail

Deux disques dans un carré

BACCALAUREAT GENERAL MATHÉMATIQUES

Initiation au dessin Bitmap

F0RMAT I0N BUREAUTIQUE

Continuité et dérivabilité d une fonction

Math 5 Dallage Tâche d évaluation

Le seul ami de Batman

LES REPRESENTATIONS DES NOMBRES

La perspective conique

Bien lire l énoncé 2 fois avant de continuer - Méthodes et/ou Explications Réponses. Antécédents d un nombre par une fonction

t 100. = 8 ; le pourcentage de réduction est : 8 % 1 t Le pourcentage d'évolution (appelé aussi taux d'évolution) est le nombre :

Prêt(e) pour le CE1. Tu es maintenant au CE1. Avant de commencer les leçons, nous allons réviser avec toi!

Transcription:

Les tendances 1

2

n Les tendances Web2.0

n Les tendances n Le design web2.0

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

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

n Web 2.0

les tendances web design 2013? 8

les tendances web design 2013 Skeuomorphisme

les tendances web design 2013 Icônes mobiles skeumorphique

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

les tendances web design 2013 La nouvelle vague «metro»

les tendances web design 2013 Typographies originales et nouvelles

les tendances web design 2013 Icon fonts 14

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

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

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

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

n Tendances;-(

n Tendances;-(

Comprendre et concevoir un signe graph ique! 21

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

émoticônes 23

24

Le dingbat, le casseau 25

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

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

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

Paix radioactivité 29

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

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

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

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

Nike en 1999

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

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

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

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

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

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

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

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

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

Le logotype 45

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