2803 webdesign | webdesign, css, graphisme, scripts... » couleur

La tendance des logos en 2008

henri — Fri, 29 Feb 2008 15:12:31 +0000

Faire un logo c’est bien, qu’il soit réussi c’est mieux et qu’il soit dans la tendance du moment c’est le top. Logoorange vient de présenter les tendances des logos pour 2008, on aime ou pas mais il y a des idées à avoir à l’esprit en tout cas :

On notera plus de 3D, des vagues, du web 2.0 style, de la transparence, du minimaliste dans les typos, des palettes de couleurs, des font de science fiction…

Articles en rapport

-La tendance des logos en 2008

-Achtung, liste de tutorial pour réussir visuellement vos sites dans la mouvance 2.0

-Télécharger des logos de sociétés en vectoriel

-13 générateurs automatiques pour vous faire gagner du temps

-Tutoriel | Faire un logo en 1 minute

Copyright © 2007
Vous ne pouvez que diffuser que des extraits des articles de webdesign 2803 tout en citant vos sources ou demander l'autorisation de publication. L'usage du flux RSS de webdesign 2803 n'est autorisé que dans les aggrégateurs rss personnels (non indexés dans les moteurs de recherche). (digitalfingerprint: c6704c066db6df676f80faab19b9aafb)

ColourLovers pour les amoureux des couleurs

henri — Thu, 14 Feb 2008 22:13:35 +0000

Vous aimez les couleurs mais vous n’êtes pas le spécialiste du choix de la bonne palette de couleurs, il ne vous reste plus qu’à aller sur ColourLovers pour trouver la bonne palette ou bien la texture qui vous plait le plus. Le choix est large et le niveau plutôt de qualité!

Articles en rapport

-ColourLovers pour les amoureux des couleurs

-La symbolique des couleurs côté web

-Ressources pour le webdesigner

-Faire un bouton web 2.0 en 15 secondes

-Couleurs sobres, grosses icônes

kuler par adobe

henri — Thu, 29 Mar 2007 06:38:21 +0000

Adobe vient de mettre en ligne Kuler, un site communautaire pour les webdesigners afin qu’ils puissent partager leur composition de couleur. Le site est pas mal fait avec des abonnements rss, la possibilité bien entendu de faire votre jeu de couleur avec des petits outils tip top… Bref un site communautaire sympa de mon point de vue.

La petite roue est super pratique puisqu’elle vous donne accès à des règles prédéfinies sur le choix du set en fonction de votre couleur de base (analogique, monochromatique, …)

Pour comprendre ce qu’est réellement ce site je vous encourage à regarder les videos d’explication de Kuler disponibles ici, sinon pour les curieux le site kuler est là.

Articles en rapport

-kuler par adobe

-Adobe Thermo : de photoshop à flex

-30 raccourcis pour Adobe Photoshop

-Besoin d’icones sympas?

Aujourd’hui c’est la journée du stripe

henri — Wed, 28 Mar 2007 07:32:35 +0000

Enfin la journée de la raie pour faire de jolis background pour vos sites internet et autres templates de blogs. On commence donc avec un petit tutorial pour générer ce type de background :

Pour ceux qui veulent customiser encore plus le type de stripe je vous conseille aussi l’excellent Stripe Generator (très à la mode aujourd’hui) pour définir la largeur des lignes, l’espacement, les couleurs de fond, d’avant plan… Bref tout est customisable sans aucune notion mis à part le bon goût!

Il ne reste plus qu’à faire un joli background!

Articles en rapport

-Aujourd’hui c’est la journée du stripe

Qui a dit que les sites avec un fond noir n’étaient pas agréable à lire?

henri — Wed, 21 Mar 2007 21:53:50 +0000

Deux exemples de sites avec un fond sombre, noir même et que je trouve tout simplement très bien réussis.

On commence avec Brightcove :

et snapPages :

Notez aussi qu’une police de couleur verte rend très bien sur un fond sombre…

Articles en rapport

-Qui a dit que les sites avec un fond noir n’étaient pas agréable à lire?

-La symbolique des couleurs côté web

-Explication sur huit sites complètement redesignés à la sauce web 2.0

-La bible du CSS

-Faire un css pour imprimer correctement une page web

La symbolique des couleurs côté web : le bleu

greg — Tue, 20 Mar 2007 08:14:52 +0000

Connotations positives : spiritualité, justice, conservatisme, rationalisme, tranquillité, satisfaction, propreté, fraîcheur, grands espaces, immortalité, pureté, idéale, paix, rêve, sagesse, infini, perfection, morale, loyauté, fidélité.

Connotations négatives : mélancolie (fade), obscurité (vers le bleu nuit), doute, découragement, dépression, froideur.

Le bleu est avant tout une couleur relaxante. Il favorise la détente physique et mentale et procure un sentiment de sécurité et de confiance. Le bleu est, depuis fort longtemps, la couleur préférée de la majorité des occidentaux.

Le bleu possède de grandes vertus : il est calme, apaisant, pacifique. Mais le bleu a aussi un côté plus dynamique, puisqu’il favorise la créativité et l’inspiration.

Hygiène, fraîcheur et propreté sont indissociables du bleu. Les publicitaires le démontrent sans arrêt. Ainsi, une foule de produits devant posséder ces caractéristiques sont bleus ou ont un emballage bleu : le lave vitre, la poudre détergente avec ses particules bleues.

Le bleu pâle favorise la créativité, la sensibilité et l’imagination. L’idéal serait de l’associer à une couleur comme le jaune, qui stimule l’esprit et augmente la concentration et la capacité d’organisation. Le turquoise semble quant à lui faciliter la communication.

En somme, les nombreuses variantes de bleu permettent de créer des environnements tantôt reposants, tantôt inspirants, selon la fonction que vous désirez attribuer à un espace.

Inspiré de l’article de Paintcafé

Articles en rapport

-La symbolique des couleurs côté web : le bleu

-La symbolique des couleurs côté web

-ColourLovers pour les amoureux des couleurs

-Couleurs sobres, grosses icônes

-Faire un bouton web 2.0 en 15 secondes

La symbolique des couleurs côté web

greg — Mon, 19 Mar 2007 17:06:56 +0000

Le choix des couleurs repose la plupart du temps sur nos goûts et notre sens esthétique, mais experts, publicitaires et gens du secteur de l’image ont démontré que les couleurs ont un effet sur nos émotions et notre humeur et qu’il est souhaitable d’en prendre conscience avant de faire un choix définitif.

Pourquoi n’est-il pas possible de tenir des propos vraiment objectifs dans ce domaine ? En partie parce qu’il est très difficile de séparer la psychologie de la symbolique. Les aspects symboliques sont définitivement culturels mais, souvent à notre insu, ils influencent notre perception et nos émotions face aux couleurs (des aspects psychologiques). Considérons par exemple le noir et le blanc. En Occident, on considère le noir comme une couleur sérieuse, dramatique et même parfois triste. Le blanc, au contraire, est associé à la pureté, à la paix et à l’optimisme. Pourtant, dans certains pays d’Orient, le blanc, et non le noir, est la couleur du deuil…)

A ces valeurs symboliques s’ajoute l’impact dû aux contrastes, à l’intensité et à l’effet spatial des couleurs. Les couleurs chaudes comme le rouge, le jaune, l’orange, accélèrent le mouvement. Elles paraissent “avancer” dans la page. Les couleurs froides comme le bleu, le vert, le violet, incitent au calme, à la réflexion, à la détente. Elles semblent “s’éloigner” vers le fond de la page.

Ces prochains jours, on tentera ensemble de détailler chacune de ces couleurs. Quoi de mieux pour éviter le fatal “Je n’aime pas le vert” d’un client recalcitrant !

Articles en rapport

-La symbolique des couleurs côté web

-La symbolique des couleurs côté web : le bleu

-ColourLovers pour les amoureux des couleurs

-Couleurs sobres, grosses icônes

-Faire un bouton web 2.0 en 15 secondes

La fin de l’arrondi et du gloss ?

françois — Thu, 22 Feb 2007 06:20:15 +0000

En regardant quelques galeries de webdesign je me suis rendu compte que nous étions peut-être à l’aube de “deux changements majeurs” :
La fin de l’arrondi dans les cadres, retour à des formes carrées et très discrètes voir suggérées.
La fin du gloss, de l’effet brillant que l’on trouve sur beaucoup de boutons. L’effet de volume est toujours présent mais il se fait plus volontiers avec des ombres et des dégradés.
Pour illustrer ce propos voici quelques jolis sites récents :
http://www.egolounge.de/
http://www.methodarts.com/
http://www.piktogramme-und-icons.de/

Du coup je trouve que la barre (Henri ;o) de navigation du site d’Apple mériterait d’être rafraichie, non ?

Articles en rapport

-La fin de l’arrondi et du gloss ?

-Besoin d’icones sympas?

-Achtung, liste de tutorial pour réussir visuellement vos sites dans la mouvance 2.0

-Le détail : le menu sombre le contenu clair

Achtung, liste de tutorial pour réussir visuellement vos sites dans la mouvance 2.0

henri — Tue, 20 Feb 2007 02:29:19 +0000

Comment faire des effets visuel (boite de logiciel par exemple), des logos tendance web 2.0, des effets 3D comme le gloss, des badges très tendance, des boutons qui déchirent, des layouts de style, choisir des couleurs dans le vent, bref faire des superbes sites version 2.0.

Pas moins de 68 tutoriels sont référencés ici, le lien est donc à conserver très précieusement… Je pense d’ailleurs qu’il va me falloir quelques heures pour tout regarder!

Articles en rapport

-Achtung, liste de tutorial pour réussir visuellement vos sites dans la mouvance 2.0

-Tutorial pour faire des étoiles vectorielles en 3D

-Ajouter un effet flare sur une image

-1000 ressources pour de développement web

-Faire une barre de progression en CSS

10 erreurs classiques concernant les photos

françois — Mon, 19 Feb 2007 10:50:45 +0000

Aujourd’hui la vente d’un produit sur Internet passe forcément par l’affichage de sa photo.
De la qualité des clichés peut dépendre une bonne partie du chiffre d’affaire du commerçant.
Cela s’applique aussi à la personne qui veut vendre un produit sur eBay.
Il s’agit donc de ne pas tomber dans les quelques pièges que voici.

La liste suivante regroupe 10 erreurs à éviter (inspirée de ce billet)

Photos floues ou distordue :
Les navigateurs peuvent “redimensionner” les images en interprétant les données de la balise HTML img
Utiliser cette méthode entraine quasiment toujours un résultat médiocre: mieux vaut faire une vignette de la photo via un logiciel d’image ou un script.
Couleurs faussées : Travaillez toujours en sRGB il s’agit du “stadard web”
Photos trop lourdes : Les photos hautes définition entrainent toujours un ralentissement de l’affichage du site, même avec une connexion rapide.
Mauvais détourage : Si vous voulez mettre en avant vos produits offrez-vous un système d’éclairage adapté plutôt que d’essayer de détourer les produits avec Photoshop, le rendu est toujours moins bon.
Trop sombre ou trop clair : De mauvais réglages lors de la prise de vue ou lors du traitement de l’image dégrade le rendu de l’image.
Image trop petite : logique ? on voit pourtant encore beaucoup de ecommerces ne proposant pas un zoom sur l’image digne de ce nom.
Un fond moche : évitez les fonds chargés ou trop voyants, il s’agit de mettre en avant le produit pas le lieu
La mise en scène : il faut se rendre compte de l’important de la mise en scène et de l’éclairage dans l’impression que donnera votre produit (n’hésitez pas à faire des essais)
Une absence de prestige : si vous utilisez une photo sur votre page d’accueil celle-ci va “imprégner” l’esprit de votre visiteur de manière durable préférez donc une photo “qui en jette” plutôt que quelque chose de fade.
Trop peu de photo par produit : Vous avez le produit sous la main ? alors n’hésitez pas à proposer des photos sous différents angles.

Articles en rapport

-10 erreurs classiques concernant les photos

-Photoshop | Donner un effet hollywood à vos photos

-Une sacrée liste de demo en CSS

-Made Of Japan by Onitsuka Tiger

-Google outils pour webmaster premières explications