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

Organisation et contenu du cours

Get Started. It's Free
or sign up with your email address
Rocket clouds
TECHNIQUES INFOGRAPHIQUES MULTIMEDIA > WEB GRAPHIC DESIGN LINKS (1ti @ infographie-sup.be) by 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