Du concept board aux pistes graphiques

0 %
100 %
Information about Du concept board aux pistes graphiques

Published on February 2, 2008

Author: laureno

Source: slideshare.net

Description

Quelques éléments graphiques à considérer dans un concept board : couleurs, textures, traitement des photos, typographie, effets de transition, etc...

Concept Board et pistes graphiques

Objectifs  Définir les premiers éléments graphiques qui conduiront à construire l'identité visuelle du site  Recevoir un feedback de la part de l'ensemble de l'équipe pour mieux orienter les recherches concernant les futures pistes graphiques

Concept board Résumé de la ligne éditoriale  Ton, ambiance, style du site  Profil général du public cible  Qualification verbale : des couleurs, des formes, des textures, de la typo concept board

Concept board Influences graphiques  Images clés - sites de référence  Influences print

Concept board Palettes des couleurs : utilisation  Traduire une ambiance  Donner un repère visuel (menu) pop/funky : Colored feet sites web catégorisés par couleurs sobre :fondation cartier chromazone elegant: puig

Concept board Palettes des couleurs : ressources  Site collaboratif : colourlovers (aparté : article)  Palettes à partir des couleurs d'une illustration, d'un site 0% 25% 50% 75% 100% Color ressources Creating color palettes

Concept board Page textures et formes  Aquarelle ? Acier ? Glossy ? Epuré ? 3D ? Transparent ?  Arrondies ? Funkies ? Cartoon ? Rectiligne ? lovebirds shutterstock : catégorie texture tutoriel effet aquarelle photoshop brushes tutoriel reflet d'eau intro zimenko texture_fond_ecran transparence : burstlabs

Concept board Traitement des photos  Contour : découpées, ombrées, cadre noir  Traitement graphique (aplats couleurs, sépia, flou...) 3D photo effect andy warhol retro effect reflet d'image

Concept board Iconographies, illustrations  Style des icônes +logo (glossy, perspective, épurées...)  Traitement des traits : pointillés, curvilignes, etc..  Illustrations d'accompagnement : mise en perspective, reflet, 2D/3D... cirque du soleil: traits brands of the world partage d'illustrations logos web2.0 image de fond : 2advanced 36 creative logos rythm of lines design box

Concept board Page typo Typo titre/rubrique Typo texte général urbanfont, fawnt what the font top 10 web safe blogging font http://www.typeneu.com/

Concept board Effets - transitions  Redimensionnement dynamique ?  Jeux sur l'opacité, la transparence ?  Effets rollover ?  Effets typo ? => cohérence graphique : statique et dynamique coverflow et lightbox gallerie photo- oh my flash http://cssglobe.com/lab/imagelink/ Effet texte

Concept board Collages graphiques  Propositions d'assemblement couleur, formes, etc

Exemples Example 2. quot;collagesquot;

Pistes graphiques En fonction du « chemin de fer » des pages (cf. analyse fonctionnelle)  Template page d'accueil  Template page de contenu  Transition entre les pages : mini-storyboards exemple pistes graphiques page d'accueil

Pistes graphiques http://www.slideshare.net/askrom/interaction-design

Références  http://www.strangefruits.nl/  http://bestwebgallery.com/  http://www.flashmint.com/  http://www.csselite.com/  Liste de galeries web  http://commandshift3.com/

Add a comment

Related presentations

Related pages

Du concept board aux pistes graphiques - slidesearchengine.com

Concept Board et pistes graphiques Objectifs Définir les premiers éléments graphiques qui conduiront à construire l'identité visuelle du ...
Read more

Du concept board aux pistes graphiques - Technology

Share Du concept board aux pistes graphiques. Embed size(px) ...
Read more

Concept Board et pistes graphiques - w3.cybersavoirs.univ ...

Concept board Résumé de la ligne éditoriale Ton, ambiance, style du site Profil général du public cible Qualification verbale : des couleurs, des ...
Read more

Photoshop Creative Pdf - pdf : Cherchez.Me 5/9

213 Concept Board Et Pistes Graphiques ... Concept board Résumé de la ligne éditoriale Ton, ... style du site Profil général du public cible ...
Read more

Technology - DOCSLIDE.FR

Explications du fonctionnement d'un transformateur électrique de RTE. Technology 2 years ago. L'union européenne, colonie du monde numérique ?
Read more

Emploi - Graphiste Motion designer - Capifrance - Direct ...

... du concept et des pistes graphiques et visuelles. Vous veillerez à assurer l’adéquation des moyens mis en œuvre aux ... board des animations ...
Read more