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. Voulez-vous en savoir plus ?
tag » Couleur
La couleur sur le web
Voici quelques liens qui vous permettront de choisir les couleurs de vos sites web. J’ai volontairement laissé de côté les outils en ligne spécialisés dans la création de palettes de couleur dont j’ai déjà eu l’occasion de parler dans Choisir sa palette de couleur. Voulez-vous en savoir plus ?
0 to 255 — Trouvez les variations autour d'une couleur de base
0 to 255 est un outil en ligne très pratique pour afficher et copier les variations autour d’une couleur de base par palier de 3% ou 4%. On peut sélectionner une couleur parmi celles qui sont proposées ou saisir la couleur de son choix au format hexadécimal. C’est l’outil idéal pour choisir les couleurs secondaires d’un site web, comme les effets :hover, les bordures, les dégradés, etc. Voulez-vous en savoir plus ?
Guide stylistique — Exemple de charte graphique et éditoriale
Lorsqu’on réalise le design d’un site web, il est d’usage de formaliser les choix créatifs retenus en répertoriant les éléments qui composent l’identité graphique et éditoriale dans un guide stylistique. Son objectif est de garantir à l’utilisateur final une expérience visuelle et intellectuelle cohérente tout au long de la navigation. Ce guide stylistique s’adresse généralement aux professionnels chargés de la réalisation technique du site (développeurs, intégrateurs web, etc.) et à ceux qui devront intégrer les contenus au quotidien, qu’il s’agisse des textes et de tout élément graphique ou multimedia. Il peut également préciser les valeurs de la marque et son positionnement vis-à-vis de ses concurrents. C’est dire l’importance de ce guide qui servira souvent de référence dans l’entreprise. Voulez-vous en savoir plus ?
CSS Color Editor remplace automatiquement les couleurs dans vos CSS
CSS Color Editor est une application en ligne qui permet de modifier légèrement ou radicalement votre palette de couleurs en trois étapes : indiquez l’emplacement de votre fichier CSS ; modifiez les anciennes couleurs grâce à un Color Picker complet et intuitif ; téléchargez le fichier CSS modifié. Voulez-vous en savoir plus ?
Le principe de proximité dans le webdesign
Le « principe de proximité » est un concept issu de la Psychologie de la forme (Gestalt) qui énonce que le cerveau a tendance à regrouper des éléments qui sont placés à proximité pour former un ensemble cohérent. Des éléments placés côte à côte sont perçues comme des éléments ayant un rapport entre eux. Ils forment dans notre esprit des sous-ensembles qui vont alors fonctionner comme un tout
. Pour appliquer ce principe de proximité dans le cadre de la conception d’un site web, on rassemblera les éléments qui partagent un destin sémantique commun au sein d’un ensemble visuellement identifiable. Voulez-vous en savoir plus ?