it-swarm-fr.com

Combler le fossé entre les palettes de couleurs et CSS

Je connais des sites tels que kuler , je connais bien HTML/CSS/JavaScript (en tant que programmeur) et je sais quel type de contenu je veux sur mon site Web. Je peux comprendre comment bien présenter mon contenu. Mais le plus difficile pour moi est de déterminer la couleur de chaque chose (par exemple les liens, le texte, l'arrière-plan, d'autres éléments). Je suis terrible aux couleurs!

Par exemple, lorsque vous mettez Kuler en mode Triade et choisissez une couleur, elle affiche la couleur et deux paires de couleurs complémentaires, de sorte que les couleurs sont chacune en gras mais fonctionnent toujours ensemble. Mais je vais essayer de les mettre dans une page, une couleur pour le fond, une couleur pour les liens et une couleur pour le texte, ça ne marche pas du tout. Je fais évidemment tout mal!

Quelle est la meilleure façon de déterminer quelles couleurs créer un site Web? Je suis absolument terrible aux couleurs, et je pensais que Kuler aiderait mais ce n'est pas si simple! S'il vous plaît, aidez-moi à "combler le fossé" entre kuler et CSS afin que je puisse rapidement et facilement choisir une palette de couleurs et l'appliquer à mon site Web.

9
Ricket

Il semble que vous essayez de mettre de la couleur sur la couleur (par exemple, du texte rouge sur un fond vert). C'est très dur pour les yeux!

Recherchez un mélange de couleurs et de gris (le blanc et le noir sont des `` gris '' ici) - par exemple, si vous devez avoir du texte en couleur, placez-le sur un fond blanc ou noir. Si vous voulez un arrière-plan coloré, rendez-le légèrement coloré, puis utilisez du texte blanc ou noir dessus.

Avec la couleur, moins c'est plus. Si vous allez criard, vous vous retrouvez avec MySpace et des maux de tête paralysants. Utilisez la couleur pour un accent, pas comme contenu. Commencez avec un design noir et blanc et essayez d'ajouter un élément de couleur. Voyez à quoi cela ressemble. Ajoutez-en ensuite un autre. Trop? Retirez-le à nouveau. Essayez un élément différent.

Regardez comment les sites Web que vous aimez utilisent la couleur. Par exemple, cette page est principalement en noir et blanc, avec du bleu (liens, balises, barre d'en-tête) et du jaune (s'oppose au bleu, utilisé avec parcimonie comme une couleur d'accent). C'est une approche courante aujourd'hui.

5
Alex Feinman

Déterminez quelle émotion vous voulez que l'utilisateur éprouve. Faire un site pour un endroit servant du café? Essayez de créer une ambiance avec des couleurs. Vous devez savoir quelles couleurs associent quelles émotions.

Alors, quelle émotion essayez-vous de donner au visiteur?

J'ai trouvé ce site comme une introduction très utile à la théorie des couleurs: TigerColor - Introduction à la théorie des couleurs

N'oubliez pas que le choix des couleurs ne se limite pas aux teintes. Vous devrez également envisager de prendre en compte la légèreté et la saturation.

3
Daniel X Moore

Disons simplement que les couleurs de la triade ne sont pas exactement censées "bien fonctionner ensemble" - le plus souvent, ce sont les trois couleurs qui attirent également l'attention des téléspectateurs. Les palettes de couleurs basées sur la triade fonctionnent bien si les couleurs de la palette ne sont que des taches sur le champ neutre des neutres ou si une couleur domine et que deux autres sont utilisées comme accents.

1
Mariusz Ciesla

Lorsque vous apprenez la programmation, vous (probablement) n'avez pas sauté le pas et écrit une architecture à trois niveaux à partir de zéro comme votre premier programme. Vous avez probablement écrit de petits programmes qui aident simplement à vous enseigner un petit aspect de la programmation.

La même chose s'applique au design. Se lancer et créer un design étonnant et complexe tout de suite ne fonctionnera pas.

En tant que non concepteur pour commencer, vous devez rester aussi simple que possible. Il faut une réelle habileté pour concevoir un site beau sans fond blanc (ou légèrement blanc cassé). Ayez un fond blanc uni avec du texte noir, puis utilisez les trois couleurs pour les détails mineurs - liens, en-tête et texte en gras et peut-être l'en-tête.

Lorsque vous avez une conception simple et nette, concentrez-vous sur le contenu. Lorsque tout est bon, vous aurez une bonne base pour expérimenter la conception. Apportez ensuite plus de style designer, lentement et un à la fois afin que vous puissiez apprendre les effets de changements subtils. Considérez cela comme une éducation.

1
Mongus Pong

Prenez des crayons de couleur, des crayons de couleur, etc ... et expérimentez. Passer directement de la triade dans Kuler (ou l'un des générateurs de couleurs populaires) à CSS peut être un succès/échec selon les couleurs.

Restez avec quelques 2 à 3 couleurs au début. La théorie des couleurs est similaire à la typographie dans la mesure où de nombreuses options sont disponibles, mais les meilleurs designs utilisent généralement très peu de couleurs bien choisies.

Considérez également les neutres (ou les tons neutres) pour les grandes étendues, comme l'arrière-plan, et les couleurs plus frappantes pour des choses comme les liens, les logos, etc.

Consultez également ColourLovers pour de bonnes idées (ou, mieux encore, rejoignez la communauté!).

1
Christopher Scott

Je travaille toujours par l'exemple. Le post Guide du débutant pour l'utilisation du pouvoir de la couleur dans la conception Web combine la théorie des couleurs dont @Daniel X More parle avec des sites Web qui appliquent la théorie des couleurs en question.

Ensuite, vous pouvez faire correspondre l'un des sites au contenu que vous avez et inverser l'ingénierie des couleurs à partir de là comme point de départ.

1
icc97