Mood board
Un article de Wikipédia, l'encyclopédie libre. Un mood board est un type de collage qui peut être composé d'images, de texte et d'objets selon le choix de son créateur. Les designers, entre autres, utilisent les mood boards pour développer leurs concepts et pour communiquer avec les autres membres de l'équipe. Le mood board peut également servir comme référence au cours d'un projet dans de nombreuses disciplines comme par exemple : Utilisations[modifier | modifier le code] Les mood boards sont généralement utilisés par les graphistes pour leur permettre de montrer en amont d'un projet la direction du style qu'ils recherchent. Voir aussi[modifier | modifier le code] Liens externes[modifier | modifier le code] Portail du design
Social Media Search Tool | WhosTalkin?
Les grilles dans le webdesign
"Il y a quelque chose de différent entre ce site et le mien… Il a l'air de faire plus pro et je ne sais pas pourquoi !" N'avez-vous jamais eu ce genre de remarque ? Pourtant vous utilisez Photoshop (ou autres programmes équivalents) depuis un certain temps, vous connaissez les règles typographiques et celles du web, la palette de couleur a été choisie avec soin... Bref, rien n'y fait : votre site semble déstructuré / désharmonisé. Pas d'inquiétude, vous n'avez sans doute pas utilisé de grille dans votre design ! Une grille, comme dans le film* ? Utilisée en imprimerie, il est tout à fait possible de transposer le système de grille dans le domaine du web. * Un film très bleu avec des motos, des combats de disques et un certain monsieur Flynn. Grilles : les bases Il existe beaucoup de grilles différentes avec autant de cas concrets d'utilisations. Anatomie d'une grille Elle sert d'armature pour organiser la page et son contenu. On obtient alors une page plus lisible et plus homogène.
E-book HTML5
960 Grid System
Moodboard, outil créatif essentiel | Nicolas Vignand
Le Moddboard ou planche de tendances ou planche d’inspiration est un document constitué de morceaux choisis : screenshots, coupures de magazine, photos, typos, pictos… Ces « coupures » sont associés pour construire une tendance graphique. On supprime alors totalement le fond pour ne travailler que sur la forme.Cela permet donc de mener une réflexion graphique en amont d’une création plus aboutie : un design web ou une brochure print par exemple. Cette étape est primordiale avant de commencer la réalisation à proprement parler et peut faire gagner beaucoup de temps. Le Moodboard offre deux intérêts essentiels. Ci dessous un exemple de Moodboard réalisé en amont de la construction d’un site web événementiel pour un camion Renault en série limitée. D’autres exemples. A lire aussi, un article intéressant sur la notion de Moodboard
Tendance Webdesign 2016 - Les tendances web design en 2016 - Agence web pour la performance de l'entreprise
Quand on travaille dans le web, qu'on soit graphiste, web-designer, ou développeur front-end, il est indispensable de suivre l'évolution des tendances webdesign. Que ce soit pour le choix du template, le choix de la maquette graphique, le choix de la Typographie, le choix des animations ... tous les différents éléments propres à la construction d'un site web, sont soumis à la tendance de la toile ! J'ai donc voulu faire un récapitulatif de ce que sont les tendances du webdesign en 2016. Les tendances générales du Webdesign en 2016 Où en sont les tendances du web en 2016 ? Quelles sont les éléments toujours d'actualité, quelles sont les nouveautés ? Le Flat Design Le Flat Design n'est pas nouveau, il continu. Le choix des couleurs : des couleurs rassurantes, positives , optimistes Les internautes ont besoin, pour faire face à l'actualité pas toujours gai, de retrouver sur la toile des couleurs apaisantes, rassurantes. Le Responsive Web design Le Long Scrolling Le Long Scrolling ? Les Animations
Les bons outils pour commencer à intégrer votre site web
Introduction Pour débuter dans la création de pages web, vous aurez besoin de mettre en oeuvre deux langages : HTML et CSS, qui seront rédigés à l'aide d'un logiciel nommé éditeur de code source et sauvegardés sous forme de fichiers possédant les extensions .html et .css. Ceux-ci seront envoyés via un logiciel FTP qui permet de publier les fichiers depuis votre ordinateur vers le serveur web où ils seront stockés et mis à disposition des visiteurs. Et enfin pour consulter votre site il vous suffira d'utiliser l'autre logiciel qu'est le navigateur web qui interprète les codes sources et fait le lien entre vos deux fichiers HTML et CSS. Les langages HTML et CSS Ces deux langages se complètent, l'un pose le squelette du site alors que l'autre le met en forme. HyperText Markup Language (ou Langage de balisage hypertexte) HTML, né en 1994, est le langage du Web par excellence. Cascading Style Sheets (ou Feuilles de styles en cascades) Pour bien comprendre le langage CSS, voici des pistes utiles :
Le process créatif | Nicolas Vignand
Que ce soit pour un site internet ou pour n’importe quel « objet graphique », le process créatif (ou démarche créative) est une méthode particulièrement indispensable et adaptée. Elle permet d’identifier le besoin client puis créer le design répondant à la demande. On peut identifier 4 étapes majeures pour lesquelles on pourra utiliser des outils adaptés.
Conception de site web
La création et la conception de site web ou web design est la conception de l'interface web : l’architecture interactionnelle, l’organisation des pages, l’arborescence et la navigation dans un site web. La conception d'un design web tient compte des contraintes spécifiques du support Internet, notamment en matière d’ergonomie, d’utilisabilité et d’accessibilité. Le web design d'un site se présente en premier temps sous forme de maquette fonctionnelle avec des spécifications techniques : ergonomie, charte graphique, identité visuelle, marketing, interactivité. Histoire[modifier | modifier le code] Le berceau du Web[1] se situe au CERN (Organisation Européenne pour la Recherche Nucléaire). C'est au sein de cette organisation que le Web fut inventé en 1989[2] par une équipe de chercheurs notamment sous l'impulsion de Tim Berners-Lee et son collaborateur Robert Cailliau, ainsi que d'autres chercheurs[3] ayant à leur manière collaboré au projet initialement baptisé World Wide Web.
