background preloader

Couleur web : l'accord des couleurs, le cercle chromatique et la palette web

Couleur web : l'accord des couleurs, le cercle chromatique et la palette web
Assembler les couleurs est un exercice difficile pour le webdesigner. Les couleurs sont là pour servir le design, mettre en valeur le site web et le rendre attrayant. Bien souvent la lisibilité d'un site et la clarté de l'information passe aussi par le bon choix des couleurs. "Quel est le bon choix de couleurs pour un site web ?" L'accord des couleurs n'est pas une science exacte, mais connaître quelques principes n'est pas inutile. Les couleurs, c'est subjectif Utiliser les couleurs web Le cercle chromatique et l'accord des couleurs La palette web 1. L'accord des couleurs est subjectif. Certaines personnes vont préférer le rouge alors que d'autres plébiciteront le vert. Il est très difficile de séparer la subjectivité de la symbolique des couleurs car les couleurs ont toutes une influence sur nos émotions, nos humeurs, notre ressentiment... en fonction de notre environnement culturel. Les couleurs sont infinies et il y a tant a dire. 2. Le cahier des charges définie les couleurs. 3. Related:  Outils

VISIBILITÉ - Glossaire des termes d'ATO indexation Procédure destinée à décrire et à caractérsier le contenu d'un texte ou d'un document (ou d'une partie d'un texte ou d'un document) à l'aide de mots (dits mots-clé ou descripteurs) représentant les concepts ou informations dans ce document, et ce, à des fins classification et pour en faciliter la recherche. De fait, un processus d'indexation comporte, d'une part, la reconnaissance et l'extraction des concepts informatifs (ou mots porteurs d'informations) et, d'autre part, la traduction de ces concepts dans un langage (dit langage documentaire) approprié à la classification et à la recherche de documents. Voir aussi catégorisation. Retour à l'index indice de calibrage Résultat d'ordre numérique obtenu suite aux analyses visant à situer un texte par rapport à un ensemble de textes tenus pour référence ou établis pour des objectifs précis. Voir aussi calibrage de texte. indice discriminant (de Salton) Désigne, en ATO, une mesure d'ordre numérique, dû à G. Voir aussi distance. inférence

40 Creative & Funny 404 Pages You'll Love Let’s face it, nobody likes the dreaded 404 page. It’s annoying and overall a waste of precious time, not to mention that it leaves you confused while you wonder whether it was your own typo or the page has been moved. Nobody likes broken links, but this can and should most definitely be changed! Lately we’ve seen an increase in creative and humorous 404 pages that are sure to make you smile. It’s time for a revolution. If you want to get extra creative, you can even turn a 404 page into an entirely different environment, like the realistic subway station that redirects you to Daniel Karcher’s Film Design Studios webpage, which uses a variety of mediums to let you know that you’re lost, and helps you find the page you were initially searching for. In this article, we’re featuring 40 funny 404 pages you’ll love. Bluegg Airbnb Lego Magnt GitHub Blue Fountain Media Daniel Karcher Film Design Studios MailChimp Tin Sanity Home Star Runner Duoh! Bit.ly DropBox Wufoo eHarmony Dailymotion Cloud Walk with You

Le web design : agencer les couleurs. (Part 2) La première partie de l’article sur le web design mettait en avant les avantages d’un agencement réussi (structure d’une page Internet, affichage…), mais vous aidait aussi à choisir votre police. Qu’en est-il des couleurs en web design ? Il est vrai que leur agencement n’est pas évident pour tous. Qui sait si le rouge va bien avec le vert ? C’est ici que nous intervenons pour essayer de vous expliquer comment utiliser les couleurs sur votre site Internet. Quelles couleurs choisir pour valoriser votre site? Le choix des couleurs devra correspondre, le cas échéant, aux couleurs de l’organisation (notamment aux couleurs du logo) et exprimer une ambiance particulière. Les couleurs possèdent une symbolique implicite. physiquement : appétit, sommeil, température du corps, etc.émotionnellement : sentiment de peur, de sécurité, de joie, etc.psychologiquement : dynamisme, concentration, etc. Google+ Auteur et éditeur de sites Web depuis 1992...

Définitions du développement web : 40 termes à connaître Nous sommes nombreux à travailler dans le web et à collaborer de près ou de loin avec des développeurs. Voici une liste de mots ou expressions indispensables à connaître pour ceux qui s’intéressent à ce domaine. Ce glossaire regroupe tous les termes et leurs définitions, relatifs aux outils, aux tâches, aux supports, etc. des développeurs. API : (Application Programming Interface) Il s’agit d’un ensemble de fonctions qui permettent d’accéder aux services d’une application, via un langage de programmation. Back-end / Front-end : en travaillant en front-end, un développeur prend principalement en charge la création d’une interface claire et simple pour les internautes. Inversement, le développeur back-end interviendra principalement sur le back-office ainsi que sur tous les éléments d’un projet web qui sont « invisibles » mais indispensables lorsque l’on navigue sur un site Internet. Back-office : terme qui désigne la partie administrative d’un site web (également appelé CMS).

Photoshop Comment changer facilement l’écran d’un téléphone avec Photoshop Je vous propose d’apprendre à utiliser les objets dynamiques de Photoshop pour remplacer (...) Toutes les astuces pour créer un fichier photoshop propre et organisé Lisez toutes ces astuces et bonnes pratiques vous permettant de créer un fichier source (...) Tuto Photoshop Créer l’icône google gmail avec Photoshop Je vous propose dans ce tuto photoshop de reproduire l’icône du service google gmail en (...) Modifier simplement les couleurs dominantes d’une photo dans Photoshop Petite astuce Photoshop pour modifiant en quelques secondes les couleurs dominantes d’une (...) Insolite le clavier shortcut-S magique spécial Photoshop Ce clavier spécialement étudié pour les professionnels de l’infographie regroupe et une (...) Créer un magnifique effet de chrome brillant avec Photoshop Apprenez dans ce tutoriel Photoshop à créer un sublime effet de texte chromé brillant avec (...) Astuce pour mieux voir votre image sous Photoshop

L'art de faire une page "en construction" design et efficace - la Veilleuse Graphique Comment bien réussir sa page "en construction" Dans le cycle de vie d’une interface web, arrive fatalement le jour où sa refonte graphique devient nécessaire. Dans ce cas comme dans celui de la création pure et simple d’un site ou d’un blog, une « page d’attente » est nécessaire pour annoncer la future mise en ligne de l’interface. La question que tous les designers se posent dans cette situation c’est : quoi mettre sur cette page? A quoi doit-elle ressembler? Les éléments susceptibles d’apparaitre sur une page « en construction » – Une jauge d’avancement du processus de refonte : Utile pour indiquer à quel stade de conception vous en êtes, cet élément permettra à l’utilisateur d’évaluer le temps restant avant la mise en ligne de l’interface. – Un champ de saisie pour que l’internaute puisse y renseigner son mail : Solution idéale pour répondre aux attentes des petits curieux qui attendent avec impatience la sortie de votre site. – Une animation de votre logo : original.

Miro Video Converter FREE - Convert any video to MP4, WebM (vp8), iPhone, Android, iPod, iPad, and more. Apprendre à utiliser Photoshop pour les nuls - tutoriel pour débutants Photoshop est un logiciel de traitement d'image professionnel qui permet de faire de la retouche photo, du dessin (digital painting), du graphisme ou encore du webdesign. Il est utilisé dans de nombreux domaines : les agences de publicité, les photographes, les graphistes, le cinéma ou encore les particuliers. Photoshop est édité par Adobe et fait partie d'un ensemble de logiciels : la Creative Suite. Même s'il peut paraître difficile à utiliser aux yeux d'un débutant, il n'en est rien. Si Photoshop n'est pas déjà installé sur votre PC ou Mac, il va falloir l'ajouter. L'objectif de cette première partie est de vous apprendre toutes les notions qu'il est indispensable de connaître pour pouvoir exploiter tout le potentiel de Photoshop. Cette partie s'adresse surtout aux débutants, bien que vous y apprendrez surement des choses que vous ne savez pas si vous connaissez déjà Photoshop... Cette seconde partie aborde des points plus ciblés :

FileZilla - The free FTP solution Créer un design web de A à Z Étape 1 : Création du .psd Je commence par créer un document de 1400x1000, résolution de 72 pixels/pouce. Étape 2 : Header Le header de ce design prendra toute la largeur et sera haut de 150px. Pour connaitre la taille de ma sélection il suffit de regarder dans informations [raccourcis : F8]. J'en profite pour placer une règle, si vous ne les voyez pas faites CTRL+R. je crée un nouveau calque et remplie cette sélection d'un gris foncé (#2c2c2c). Pour l'instant je n'ai qu'un seul calque, mais j'en aurai bientôt bien plus et il sera moins évident de se repérer, je commence dès maintenant à créer un dossier "Header" ! Je vais délimiter la largeur du design, je choisis de faire un design de 960px de largeur, vu que notre document fait 1400px de large, il faut mettre des règles à 220px et 1180px. Je vais un peu agrémenter cet header, en commençant par ajouter une Ombre interne. Je me sers de la règle pour faire un dégradé radial, puis je l'étire sur les cotés [raccourcis : CTRL + T].

Color Theory for Designers, Part 1: The Meaning of Color About The Author Cameron Chapman is a professional Web and graphic designer with over 6 years of experience. She writes for a number of blogs and is the author of The Smashing … More about Cameron ↬ There are few things in design that are more subjective—or more important—than the use of color. Color theory is a science and art unto itself, which some build entire careers on, as color consultants or sometimes brand consultants. Understanding Concepts And Color Terminology To use color effectively in your designs, you’ll need to know a few color concepts, as well as some color theory terminology. There’s a lot to it, though. Free 30-Day Trial The Ultimate Web Designer Toolbox We have teamed up with Envato to give our readers 30 days of free access to the industry's biggest subscription - Envato Elements. The first 30 days are on us! Download Now This is the first in a three-part series on color theory. See Also: Hex Color – The Code Side Of Color Warm Colors Red (Primary Color) Examples Neutrals

Color Theory For Designers, Part 2: Understanding Concepts And Color Terminology About The Author Cameron Chapman is a professional Web and graphic designer with over 6 years of experience. She writes for a number of blogs and is the author of The Smashing … More about Cameron ↬ If you’re going to use color effectively in your designs, you’ll need to know a few color concepts, as well as color theory terminology. A thorough working knowledge of concepts like chroma, value, and saturation is key to creating your own awesome color palettes (which we’ll get to in Part 3). [Content update: August 2017] In Part 1: The Meaning of Color of this color theory series, we covered the meanings of different colors. How To Create Your Own Color Schemes Let’s talk about creating your own color schemes, from scratch, covering the traditional color scheme patterns (monochrome, analogous, complementary, etc.), and others. Hue Hue is the most basic of color terms and denotes an object’s color. Examples Chroma Chroma refers to the purity of a color. Saturation Value Tones Shades Tints Conclusion

Related: