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...
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
Codrops | Useful resources and inspiration for creative minds
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
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
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 :
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.
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].
