Les principes du Design

8/8/2019 Les principes du Design

1/13

INTRODUCTION & PRINCIPES DU DESIGN

Assane [email protected]
mailto:[email protected]://www.ndouring.com/http://www.ndouring.com/mailto:[email protected]


2/13

Structuration du cours

.Introduction & principes du design

. Prsentation de Photoshop & apprentissage dulogiciel

.Processus mtier & projets


3/13

Objectifs du cours Photoshop

A la fin du cours chaque tudiant doit tre

capable:

.Connaitre les principes du design

.Utiliser les outils dditions de Photoshop ,

.se familiariser avec linterface de Photoshop ,

.De travailler des images et des calques

.Raliser des mdias ( temples , outils communication etc.)

.Dvelopper et prsenter un projet en groupe suivant un thme.


4/13

Organisation du travail

.Chaque tudiant travaille dans son compte

.Crer un dossier Cours_photoshop_votre_nom

.Enregistrer tous les fichiers utiliss ,exercices et projetsraliss dans votre dossier personnel

.Pour les projets collectifs, donner le nom du groupe audossier .


5/13

. Introduction & principes du design

1. Que renferme le terme design ?

Le terme design dsigne la discipline consistant structurer les lmentsgraphiques dun mdia afin de traduire , travers une dimension esthtique, lidentit visuelle de la socit ou de lorganisation.

Lobjet du design est de valoriser limage de lentreprise ou de lorganisationpar le biais dlments graphiques afin de renforcer son identit visuelle etde procurer un sentiment de confiance au niveau du public, client ou cible.

Nanmoins, en vertu de la charte graphique , un design doit avant toutrpondre aux attentes du cible et lui permettre de trouver facilementlinformation quil cherche.

Le design est ainsi un compromis entre une prsentation possdant ungraphisme poustouflant, permettant de donner une crdibilit et une imagede marque lentreprise.


6/13

Types de design

Design de communication

Le design de communication communique une marque, un

esprit dentreprise, une intention stratgique, il a pour

fonction dassoir une marque.


7/13

Webdesign

Dsigne la conception de l'interface web:larchitecture interactionnelle, lorganisation despages, larborescence et la navigation dans lesite web. Il sagit dune phase essentielle dans la

conception dun projet web. La conception d'undesign web tient compte des contraintesspcifiques du support Internet, notamment entermes dergonomie.


8/13

Design de packaging

Appel aussi design de produit estcentr sur lemballage des produits,

plac au centre de la stratgie

marketing, le design de packaging faitappel des notions desthtique

(couleur, forme, graphisme), de

fonctionnalits (ergonomie, valeurdusage) et dinformation.


9/13

2. La ncessaire inspiration

Le design est avant tout un acte artistique mettant en uvre linventivit et la cration. Lebut de ce guide est de donner quelques principes cls permettant dobtenirun designefficace , nanmoins une bonne source dinspiration peut aussi consister danalyser letravail dj raliser par des professionnels, comment les lments sont structurs ,comment linformation est mis en avant et dune manire gnrale ce qui fait quundesign parait pro.

3. Charte graphique

On appelle charte graphique ( En anglais graphic charter ) le document synthtiquercapitulant les rgles d'dition et de prsentation dun mdia ( site web , logo ; affichepub ) ,traduisant son identit visuelle .

La charte graphique dfinit lhabillement graphique dun mdia, notamment les tailles,couleurs et apparences des textes , images ainsi que le positionnement relatif desobjets dans le mdia.

4. MaquetteUne maquette est un mdia factice et sommaire ( prototype ) prsentant un graphisme et

son contenu , La maquette du mdia permet de formaliser la conception et constituegnralement ltape de validation de cette phase , pour passer la ralisation.


10/13

5. Couleur darrire planLe choix de la couleur d arrire plan est primordial, car un arrire plan mal choisi peut

gner la lisibilit . Un bon contraste ente la couleur davant-plan et la couleurdominante de l arrire plan est ncessaire.

6. Typographie

Il est fortement contre indiqu dutiliser plus de 3 polices sur un mdia . Les policesstylises doivent tre utilises avec parcimonie ( pour les titre par exemple ) etlessentiel du mdia devra tre ralis avec une police classique ( Arial , verdana ,Helvetica .etc..)

Pour une utilisation imprime traditionnelle, les polices empattement ( serif ) facilitentgnralement la lecture car les empattement permettent daccompagnerle regard dulecteur.

Sur le web lutilisation de telles polices est dconseille car selon la dfinition de lcrandu visiteur, les empattements peuvent ts vite devenir des pattes de mouchesgnantes pour la lecture. Ainsi , il est souhaitable dopter pour des polices sansempattements ( sans serif ) , plus rondes.

Enfin, sachez que les textes utilisant des polices non standard risquent de ne pasapparaitre correctement sur les crans ou au papier.


11/13

7.La notion de pixel

Une image est constitue d'un ensemble depoints appels pixels (pixel est uneabrviation de PICture ELement) Le pixelreprsente ainsi le plus petit lment

constitutif d'une image numrique.L'ensemble de ces pixels est contenudans un tableau deux dimensions

constituant l'image.


12/13

7. Types dimages

On distingue gnralement deux grandes catgories d'images : lesImages bitmap et images vectorielles

Les images bitmap : il s'agit d'images pixellises, c'est--dire unensemble de points (pixels) contenus dans une matrice, chacun deces points possdant une ou plusieurs valeurs dcrivant sa couleur.

Les images vectorielles: les images vectorielles sont desreprsentations d'entits gomtriques telles qu'un cercle, unrectangle ou un segment. Ceux-ci sont reprsents par desformules mathmatiques (un rectangle est dfini par deux points, un

cercle par un centre et un rayon, une courbe par plusieurs points etune quation). C'est le processeur qui sera charg de "traduire" cesformes en informations interprtables par la carte graphique.


13/13

Les principes du Design

Documents

Transcript of Les principes du Design