Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

Les Principes Du Design

Télécharger au format pdf ou txt
Télécharger au format pdf ou txt
Vous êtes sur la page 1sur 13

INTRODUCTION & PRINCIPES DU DESIGN

Assane Ndour
ndouring@yahoo.fr
www.ndouring.com
Structuration du cours

.Introduction & principes du design

. Présentation de Photoshop & apprentissage du


logiciel

.Processus métier & projets


Objectifs du cours Photoshop

A la fin du cours chaque étudiant doit être


capable:
.Connaitre les principes du design
.Utiliser les outils d’éditions de Photoshop ,
.se familiariser avec l’interface de Photoshop ,
.De travailler des images et des calques
.Réaliser des médias ( temples , outils communication etc.…)
.Développer et présenter un projet en groupe suivant un thème.
Organisation du travail

.Chaque étudiant travaille dans son compte


.Créer un dossier Cours_photoshop_votre_nom
.Enregistrer tous les fichiers utilisés ,exercices et projets
réalisés dans votre dossier personnel
.Pour les projets collectifs, donner le nom du groupe au
dossier .
. Introduction & principes du design
1. Que renferme le terme design ?

Le terme design désigne la discipline consistant à structurer les éléments


graphiques d’un média afin de traduire , à travers une dimension esthétique
, l’identité visuelle de la société ou de l’organisation.

L’objet du design est de valoriser l’image de l’entreprise ou de l’organisation


par le biais d’éléments graphiques afin de renforcer son identité visuelle et
de procurer un sentiment de confiance au niveau du public, client ou cible.

Néanmoins, en vertu de la charte graphique , un design doit avant tout


répondre aux attentes du cible et lui permettre de trouver facilement
l’information qu’il cherche.

Le design est ainsi un compromis entre une présentation possédant un


graphisme époustouflant, permettant de donner une crédibilité et une image
de marque à l’entreprise.
Types de design

 Design de communication

Le design de communication communique une marque, un

esprit d’entreprise, une intention stratégique, il a pour

fonction d’assoir une marque.


 Webdesign

Désigne la conception de l'interface web:


l’architecture interactionnelle, l’organisation des
pages, l’arborescence et la navigation dans le
site web. Il s’agit d’une phase essentielle dans la
conception d’un projet web. La conception d'un
design web tient compte des contraintes
spécifiques du support Internet, notamment en
termes d’ergonomie.
Design de packaging

Appelé aussi design de produit est


centré sur l’emballage des produits,
placé au centre de la stratégie
marketing, le design de packaging fait
appel à des notions d’esthétique
(couleur, forme, graphisme), de
fonctionnalités (ergonomie, valeur
d’usage) et d’information.
2. La nécessaire inspiration

Le design est avant tout un acte artistique mettant en œuvre l’inventivité et la création. Le
but de ce guide est de donner quelques principes clés permettant d’obtenir un design
efficace , néanmoins une bonne source d’inspiration peut aussi consister d’analyser le
travail déjà réaliser par des professionnels, comment les éléments sont structurés ,
comment l’information est mis en avant et d’une manière générale ce qui fait qu’un
design parait pro.

3. Charte graphique

On appelle « charte graphique » ( En anglais graphic charter ) le document synthétique


récapitulant les règles d'édition et de présentation d’un média ( site web , logo ; affiche
pub …) ,traduisant son identité visuelle .

La charte graphique définit l’habillement graphique d’un média, notamment les tailles,
couleurs et apparences des textes , images ainsi que le positionnement relatif des
objets dans le média.

4. Maquette
Une maquette est un média factice et sommaire ( prototype ) présentant un graphisme et
son contenu , La maquette d’u média permet de formaliser la conception et constitue
généralement l’étape de validation de cette phase , pour passer à la réalisation.
5. Couleur d’arrière plan
Le choix de la couleur d’ arrière plan est primordial, car un arrière plan mal choisi peut
gêner la lisibilité . Un bon contraste ente la couleur d’avant-plan et la couleur
dominante de l’ arrière plan est nécessaire.

6. Typographie

Il est fortement contre indiqué d’utiliser plus de 3 polices sur un média . Les polices
stylisées doivent être utilisées avec parcimonie ( pour les titre par exemple ) et
l’essentiel du média devra être réalisé avec une police classique ( Arial , verdana ,
Helvetica .etc..)

Pour une utilisation imprimée traditionnelle, les polices à empattement ( serif ) facilitent
généralement la lecture car les empattement permettent d’accompagner le regard du
lecteur.

Sur le web l’utilisation de telles polices est déconseillée car selon la définition de l’écran
du visiteur, les empattements peuvent tés vite devenir des pattes de mouches
gênantes pour la lecture. Ainsi , il est souhaitable d’opter pour des polices sans
empattements ( sans serif ) , plus rondes.

Enfin, sachez que les textes utilisant des polices non standard risquent de ne pas
apparaitre correctement sur les écrans ou au papier.
7.La notion de pixel

Une image est constituée d'un ensemble de


points appelés pixels (pixel est une
abréviation de PICture ELement) Le pixel
représente ainsi le plus petit élément
constitutif d'une image numérique.
L'ensemble de ces pixels est contenu
dans un tableau à deux dimensions
constituant l'image.
7. Types d’images

On distingue généralement deux grandes catégories d'images : les


Images bitmap et images vectorielles

Les images bitmap : il s'agit d'images pixellisées, c'est-à-dire un


ensemble de points (pixels) contenus dans une matrice, chacun de
ces points possédant une ou plusieurs valeurs décrivant sa couleur.

Les images vectorielles: les images vectorielles sont des


représentations d'entités géométriques telles qu'un cercle, un
rectangle ou un segment. Ceux-ci sont représentés par des
formules mathématiques (un rectangle est défini par deux points, un
cercle par un centre et un rayon, une courbe par plusieurs points et
une équation). C'est le processeur qui sera chargé de "traduire" ces
formes en informations interprétables par la carte graphique.

Vous aimerez peut-être aussi