10

Click here to load reader

Digital : Références visuelles et outils de travail

Embed Size (px)

DESCRIPTION

Références visuelles et outils de travail pour le cours de "digital" du Mastère Directeur Artistique.

Citation preview

Page 1: Digital : Références visuelles et outils de travail

Fantassin

École BellecourAnnée 2013/2014 : Digital

Références visuelles et outils de travail

Page 2: Digital : Références visuelles et outils de travail
Page 3: Digital : Références visuelles et outils de travail

Sites de références visuelles1/2

Page 4: Digital : Références visuelles et outils de travail

Fan

tass

inR

éfér

ence

s vi

suel

les

et o

utils

de

trav

ail

Éco

le B

elle

cour

Ann

ée 2

013/

2014

: D

igita

l

4 —10

Les références visuelles nourissent, permettent de suivre les nouvelles tendances et possibilités, peuvent illustrer des idées et aider à cerner les attentes de certains clients.

Behance http://www.behance.net/(pour tous les domaines : identité, web, applications…)

Design http://www.thisiscollate.com/ http://www.aa13.fr/ http://www.aisleone.net/ http://www.underconsideration.com/brandnew/

http://www.fubiz.net/ http://visuelle.co.uk/ http://www.visualcache.com/

1. Sites de références visuelles

Page 5: Digital : Références visuelles et outils de travail

Fan

tass

inR

éfér

ence

s vi

suel

les

et o

utils

de

trav

ail

Éco

le B

elle

cour

Ann

ée 2

013/

2014

: D

igita

l

5 —10

Web http://www.cssdsgn.com/ http://www.siteinspire.com/ http://www.cssdesignawards.com/ http://www.frenchdesignindex.com/ http://www.awwwards.com/ http://www.thefwa.com/ http://mediaqueri.es/

Applications / mobile http://www.thefwa.com/mobile/ http://pttrns.com/ http://www.mobile-patterns.com/

Bien sûr, vous pouvez vous abonner à tous ces sites via des lecteurs de flux RSS (Feedly, Flipboard…)

1. Sites de références visuelles

Page 6: Digital : Références visuelles et outils de travail

Outils de travail2/2

Page 7: Digital : Références visuelles et outils de travail

Fan

tass

inR

éfér

ence

s vi

suel

les

et o

utils

de

trav

ail

Éco

le B

elle

cour

Ann

ée 2

013/

2014

: D

igita

l

7 —10

Quelques outils pour vous aider dans vos créations de tous les jours…

Générateur de grilles web http://modulargrid.org/#appGénérateur de faux texte (Mac) http://littleipsum.com/Gabarits Apple iOs (GUIs) http://www.teehanlax.com/tools/Intégrations de sites/apps http://placeit.breezi.com/

Résolutions et déf. d’écran http://screensiz.es/Changement de résolution Window Resizer (plugin Chrome)

Outils colorimétriques http://colorschemedesigner.com/ http://flatuicolors.com/ http://0to255.com/ Adobe Kuler Pantone Color Manager

2. Outils de travail

Page 8: Digital : Références visuelles et outils de travail

Fan

tass

inR

éfér

ence

s vi

suel

les

et o

utils

de

trav

ail

Éco

le B

elle

cour

Ann

ée 2

013/

2014

: D

igita

l

8 —10

Icônes https://www.iconfinder.com/ http://thenounproject.com/ http://iconmonstr.com/

Solutions de travail de groupe Google Drive Dropbox Xmind

Pièces jointes à ce document Curseurs web Gesture icon system Gabarit de timeline Facebook Autres outils…

Enfin, pour les gens désireux d’apprendre sur le design interactif de manière plus complète et internationale (ressource en anglais), le site http://hackdesign.org/ est une mine d’or.

2. Outils de travail

Page 9: Digital : Références visuelles et outils de travail

Fan

tass

inR

éfér

ence

s vi

suel

les

et o

utils

de

trav

ail

Éco

le B

elle

cour

Ann

ée 2

013/

2014

: D

igita

l

9 —10

Pour les travaux réalisés lors de ce cours, les solutions privilégiées seront du type collaboratives.

L’intérêt :— centraliser les ressources— partager facilement les fichiers— solutions utilisées par les professionnels

+

Dropbox Google Drive

2. Outils de travail

Page 10: Digital : Références visuelles et outils de travail

Fin de document

Fantassinwww.fantassin.fr

[email protected]