TECHNIQUES INFOGRAPHIQUES MULTIMEDIA > WEB GRAPHIC DESIGN LINKS (1ti @ infographie-sup.be)

Organisation et contenu du cours

Lancez-Vous. C'est gratuit
ou s'inscrire avec votre adresse e-mail
TECHNIQUES INFOGRAPHIQUES MULTIMEDIA > WEB GRAPHIC DESIGN LINKS (1ti @ infographie-sup.be) par Mind Map: TECHNIQUES INFOGRAPHIQUES MULTIMEDIA > WEB GRAPHIC DESIGN LINKS (1ti @ infographie-sup.be)

1. Infographie

1.1. Fireworks

1.1.1. optimisation des images pour le web

1.1.1.1. export

1.1.1.1.1. .gif ou.png (8bits, 256 couleurs, transparence)

1.1.1.1.2. .jpg (24bits, 16millions de couleurs, pas de transparence)

1.1.1.1.3. .png (32 bits + transparence)

1.1.2. mockup / prototyping

1.1.2.1. export

1.1.2.1.1. .html

1.1.2.1.2. .css

1.1.2.1.3. .js (javascript)

1.1.3. Layouts

1.1.3.1. fichier source .png

1.1.3.1.1. pages

1.1.3.1.2. calques

1.1.3.1.3. Grilles

1.1.3.1.4. filtres

1.1.3.1.5. interactivité

1.1.3.2. découpage pour HTML/CSS

2. Web & Multimedia

2.1. Hébergement web

2.1.1. www.dropbox.com

2.2. .HTML (hypertexte)

2.2.1. Reference manual and test drive

2.2.1.1. http://www.w3schools.com/html/default.asp

2.3. .CSS (style)

2.3.1. Reference manual and test drive

2.3.1.1. http://www.w3schools.com/css/css_examples.asp

2.4. .JS (Javascript)

2.4.1. jquery test drive

2.4.1.1. http://jquery.com/

2.5. .SWF (FLASH)

2.5.1. vidéo (.FLV)

2.5.2. audio

2.5.3. typographie et dessin vectoriel

2.5.4. images bitmap (import)

2.5.5. interactivité (actionscript .AS)

2.5.5.1. exemples créatifs

2.5.5.1.1. www.alphabazar.net

2.5.5.2. sources .fla

2.5.5.2.1. http://ffiles.com/

2.5.6. animation

2.5.7. composants

2.5.7.1. diaporama

2.5.7.1.1. http://slideshowpro.net

2.6. .PDF

2.7. Captures vidéos

2.7.1. http://www.screentoaster.com

2.7.1.1. .MOV

2.7.1.2. .FLV

2.8. transfert FTP

2.8.1. www.filezilla-project.org

2.8.2. https://addons.mozilla.org/fr/firefox/addon/684/

3. Conception de projet

3.1. gestion de projet / task management

3.1.1. http://basecamphq.com/

3.1.2. http://www.google.com/calendar

3.1.3. http://www.google.com/mobile/sync/

3.2. veille technologique

3.2.1. magazine

3.2.1.1. www.smashingmagazine.com

3.2.2. bookmarking

3.2.2.1. http://delicious.com

3.2.2.1.1. delicious firefox addon

3.2.2.2. image bookmark

3.2.2.2.1. http://vi.sualize.us/

3.2.3. marketplaces

3.2.3.1. http://envato.com

3.3. hierarchie / navigation

3.3.1. ergonomie

3.3.1.1. http://wireframes.tumblr.com/

3.3.2. mindmapping

3.3.2.1. www.mindmeister.com

3.4. sketching

3.4.1. http://speckyboy.com/2010/07/14/a-collection-of-printable-web-browser-sketching-and-wireframe-templates/

3.5. direction graphique / artistique

3.5.1. moodboard / planche tendance

3.5.1.1. www.imgspark.com

3.5.2. inspiration graphique

3.5.2.1. galerie de sites flash

3.5.2.1.1. www.thefwa.com

3.5.2.2. galeries CSS

3.5.2.2.1. www.cssimport.com

3.5.2.2.2. http://bestwebgallery.com

3.5.2.3. galerie de layouts, illus, ...

3.5.2.3.1. www.behance.net

3.5.2.4. typographie web

3.5.2.4.1. www.fontsquirrel.com/

3.5.2.5. couleurs

3.5.2.5.1. www.kuler.com

3.5.2.6. magazines

3.5.2.6.1. http://speckyboy.com/

3.5.2.6.2. http://www.smashingmagazine.com/

3.5.2.6.3. http://www.webdesignerwall.com/trends/best-of-design-2010/

3.5.2.7. stockphoto

3.5.2.7.1. www.istockphoto.com