Archives des tags : Couleur

Pas encore de description pour le tag Couleur. Suggérez à l'administrateur du site de d'y remédier.
Design & Graphisme

Qu’est-ce que la couleur ?

Et si on passait par le son pour expliquer le fonctionnement de la couleur ? Curieuse idée, mais qui en a sous le pied, comme nous le démontre cette vidéo issue de la chaîne Youtube Science Etonnante. L’auteur nous explique comment la couleur naît dans notre cerveau par le biais de trois cônes sensibles à des longueurs d’onde allant de 400 nm à 700 nm. Plus particulièrement, ces cônes, sensibles chacun à une plage de longueur d’onde (soit grosso modo 450 nm pour le bleu,  550 nm pour le vert et 600 – 650 nm pour le rouge), expliquent comment une couleur mélangée à une autre peut en créer une troisième. →

Illustrator

Modes de fusion Illustrator — et Photoshop

Les modes de fusion sont un incontournable d’une grande partie de la suite Adobe, qu’il s’agisse d’Illustrator, de Photoshop, d’InDesign, d’After Effects ou encore de Première Pro (avec quelques différences plus ou moins importantes selon les logiciels). Ces modes de fusion ont la particularité de permettre le mélange des pixels d’un calque auquel on applique le mode de fusion avec ceux du calque situés en-dessous. Notez qu’il est possible d’appliquer un mode de fusion identique ou différent à plusieurs calques situés les uns sous les autres. →

Traductions

La roue chromatique est un mensonge

La roue chromatique et son cortège de couleurs primaires et secondaires est un outil très prisé par les graphistes et les web designers. Elle permet — à partir d’une couleur donnée — de créer des palettes de couleurs harmonieuses : couleurs analogues, complémentaires, complémentaires isocèles, triadiques ou tétradiques. Toutefois, la beauté de cette roue chromatique ne doit pas nous empêcher de poser des questions existentielles sur la théorie des couleurs et le fonctionnement de leur perception par notre cerveau. 
→

HTML & CSS

Editeur de dégradés CSS3 à la mode de Photoshop

ColorZilla, connu pour ses extensions couleur pour Mozilla et Chrome, met à notre disposition Ultimate CSS Gradient Generator. C’est un générateur de dégradés CSS3 en ligne qui reprend grosso modo l’interface utilisateur de Photoshop pour fournir les déclarations CSS pour l’ensemble des préfixes propriétaires -moz-, -webkit-, -o-, -ms-. Pour Internet explorer 6 à 8, l’outil génère la propriété filter ; pour les versions IE9 et au-delà il y a même le commentaire conditionnel à ajouter pour annuler filter et basculer sur la génération du dégradé via SVG en base 64. →

Design & Graphisme

Les goûts et les couleurs

Cette présentation faite par David Rault à l’occasion de Paris Web 2011 présente la symbolique que notre culture occidentale associe généralement avec les couleurs de notre quotidien. Vous y trouverez la représentation des 11 couleurs de base, quelques conseil pour le choix d’une palette de couleurs, ainsi que de nombreux exemples de sites web commentés. L’auteur a pris soin de parsemer son discours de nombreuses anecdotes qui rendent cette vidéo agréable à consulter. →

Helper CSS

microjs — 200 micro-frameworks Javascript

Microjs.com présente près de 200 frameworks Javascript petits mais costauds. De combien de lignes de code avez-vous besoin pour votre projet de site web : 50K, 100K, 150K ? Ok, nous aimons tous nos bons vieux gros frameworks comme jQuery ou Mootools et nous en tirons souvent le meilleur. Mais combien de fois les avons-nous utilisés à mauvais escient ? Combien de fois avons-nous tenté d’écraser une mouche avec un tank, alors que des solutions bien plus adaptées étaient à notre portée ? →

Le petit journal du web

9 ressources pour web designer

Il ne se passe pas une journée sans qu’un ou plusieurs liens ne tombent dans ma veille technique et attirent mon attention. Ces liens se retrouvent généralement sur mon compte Diigo. En voici une sélection triée sur le volet qui comprend des informations sur les standards du web et le W3C, l’accessibilité des icônes créées avec font-face, des ressources pour donner des couleurs à vos sites, des tutoriels pour apprendre Javascript et les API’s de Google, etc. →

Le petit journal du web

Le petit journal du web — WordPress, Couleur, CSS, Page Speed, 404

Ça faisait longtemps que je n’ai pas partagé sur ce blog les bons tuyaux que je tweet depuis mon compte Twitter @br1o. Découvrez : comment contrôler la qualité de vos feuilles de styles CSS ; un journal papier à partir d’un flux de production allant de Google Documents à InDesign en passsant par WordPress ; les goulets d’étranglements qui grèvent les performances d’affichage de votre site web ; une galerie de pages d’erreur 404 ; un site sur les codes couleur ; comment gagner des encarts publicitaires sur des blogs low tech et hight tech ; un thème WordPress basé sur HTML5 Boilerplate. →

HTML & CSS

Astuce CSS3 et RGBA avec les outils de développement de Google Chrome

J’utilise de plus en plus Google Chrome pour tester mes pages web. J’ai trouvé dernièrement une petite astuce qui m’évite d’ouvrir Photoshop pour connaitre la correspondance des couleurs hexadécimales dans les formats RGB ou HSL. Dans une optique de dégradation gracieuse, je prends l’habitude de préciser une couleur au format «hexa» suivie de la même couleur au format RGBa pour profiter des effets de transparence. →

Conception de site web

CSS Sans Stress — Une formation intégrateur HTML & CSS

La plupart des formations dédiées à la création de sites web ressemble trop souvent encore aujourd’hui aux formations PAO d’hier où l’on apprenait à utiliser des logiciels sans rien connaitre des aspects «métier». A quoi bon connaitre les différentes manières de faire des colonnes dans Quark XPress ou InDesign et d’importer du texte et des images si l’on a aucune notion de mise en page et de typographie ?! C’est la même chose avec Dreameweaver ou votre éditeur HTML préféré. Les fondamentaux du graphisme et les principes de base de l’ergonomie doivent faire partie intégrante des projets de formation en Webdesign, sans quoi ils sont voués à l’échec. →