CATALOGUE Design et Infographie Formation WebDesign UX / UI Apprendre les tendances graphiques en Webdesign L'évolution des logos Google : De la 3D au flat design

L'évolution des logos Google : De la 3D au flat design

TP : Quelques règles pour les polices de caractères (serif, sans serif)

Vidéo non disponible ! Réessayez plus tard

1h 55min

21 leçons

4,0

Transcription

49,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

DescriptionProgrammeAvis

1h 55min

21 leçons

4,0

49,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

L'importance de la typographie dans le design numérique

Objectifs

L'objectif est de comprendre l'évolution des styles de typographie et de design dans les logos numériques, et d'apprendre à recréer ces effets en utilisant Photoshop.

Résumé

Apprenez les évolutions récentes en matière de typographie et de design numérique à travers l'exemple du logo Google.

Description

Dans cette leçon, nous explorons l'importance de la typographie et de l'interface utilisateur en design numérique. En examinant l'évolution du logo Google depuis sa création en 1998, nous mettons en lumière comment les tendances ont changé, passant de polices serifées avec des effets 3D à des polices sans serif et des aplats de couleurs, tels qu'introduits en 2015. Ce changement a été motivé par la nécessité d'améliorer la lisibilité sur les smartphones et autres interfaces numériques. Nous détaillerons également comment recréer ces styles de logo dans Photoshop en utilisant des techniques comme le biseautage, l'estampage, et les ombres portées.

Questions - réponses

Pourquoi Google a-t-il simplifié son logo en 2015 ?

Google a simplifié son logo en 2015 pour améliorer la lisibilité sur les interfaces numériques, notamment les smartphones, en optant pour des polices sans serif et des aplats de couleurs.

Quels sont les principaux changements entre le logo Google de 1998 et celui de 2015 ?

Les principaux changements incluent le passage de polices serifées avec des effets 3D à des polices sans serif épaisses et des aplats de couleurs, augmentant ainsi la lisibilité sur les écrans numériques.

Quels effets graphiques sont utilisés pour créer du relief dans Photoshop ?

Pour créer du relief dans Photoshop, on peut utiliser des techniques telles que le biseautage, l'estampage, et l'ajout d'ombres portées.

Programme détaillé

Accueil de la formation

Module 1 - Introduction

Introduction à la formation sur les tendances graphiques 00:34

Module 2 - Histoire et définition

Définition du flat design appuyé d'illustrations et exemples 03:47

Définition du skeuomorphisme appuyé d'illustrations et exemples 02:58

La transition de l'un vers l'autre 01:58

TP : Règles d'harmonies, les palettes de couleurs, règles de complémentarités dans Photoshop et Illustrator 02:24

Réflexion sur le design des boutons et icônes 00:58

TP : Elaboration de boutons et icônes à l'aide de forme simple dans Illustrator 07:29

TP : Quelques règles pour les polices de caractères (serif, sans serif) 07:45

TP : Cliquable or not cliquable, quelles sont les règles qui rendent identifiables un élément cliquable 02:54

Module 3 - Les influences

Le Bauhaus 02:54

Raymond Loewy 03:14

TP : réalisation du logo Shell avec Illustrator 06:01

Le nombre d'or 00:46

TP : le nombre d'or sous Illustrator 11:14

Module 4 - L'avènement de la 2D ?

Le nouveau skeuomorphisme 03:18

TP : le logo Toyota ou Volvo avec Illustrator 12:40

Module 5 - le renouveau de la 3D (Adobe Dimension)

Le renouveau de la 3D 07:51

Module 6 - Flat vs Skeuo - Illustrator vs Photoshop

Vector et bitmap : les différences 01:55

TP : Création de pictos avec Illustrator 07:40

TP : les boutons de la calculatrice avec Photoshop 17:11

Module 7 - Les autres designs

TP : Le logo Batman vs Superman en 4 designs avec Photoshop 09:37

4 commentaires

4,0

4 votes