background preloader

Communication visuelle

Facebook Twitter

L'ajustement optique. Luke Jones le dit : les designers ne doivent pas compter sur les seuls logiciels pour faire le travail d'ajustement, mais également sur leurs yeux et leur instinct. Preuves à l'appui. Logique vs Design Par Luke Jones Quand j’étais tout jeune designer, je faisais confiance à Photoshop ou CSS pour me dire si quelque chose n’allait pas. Si Photoshop indiquait que deux formes étaient alignées, alors elles étaient alignées. Cette approche était logique, pourtant elle est incorrecte. Les calculs de nos applications sont évidemment exacts, mais les softwares ne peuvent pas percevoir les formes, les couleurs, les dimensions de la même façon que les êtres humains — ils ne peuvent pas comprendre le contexte d’un objet en relation à d’autres, ou le contexte d’un langage visuel. L’esprit humain juge et décide en fonction d’un contexte.

Voyons quelques exemples pratiques. Alignement et poids visuel Dans une icône Play, le triangle est centré dans le cercle, n’est-ce pas ? La couleur L’échelle. Créer un guide de style. Les guides de style sont utilisés par les grandes entreprises pour assurer la cohérence de leur site et gagner en efficacité, mais tout designer exigeant peut s'inspirer de cette démarche. Par Susan Robertson Il y a quelques années je travaillais sur une application complexe. C'était un projet qui avait déjà une longue histoire : de nombreux designers et intégrateurs étaient passés par là, chacun ajoutant une nouvelle portion à un projet qui grandissait. Lorsque je suis arrivée, le CSS était immense, les styles variés, et il m'a fallu beaucoup d'efforts pour comprendre ce qu'on pouvait réutiliser.

C'est à cette époque que j'ai découvert les guides de style (1) - une façon de contrôler le balisage et le CSS afin d'éviter qu'ils ne deviennent ingérables ou qu'ils n'enflent démesurément. Qu'est-ce qu'un guide de style ? Pour moi, un guide de style est un document vivant de code, qui détaille tous les éléments et les modules codés de votre site. Pourquoi utiliser un guide de style ? Phewww... Le web, 95% de typographie. Un bref rappel par Oliver Reichenstein, fondateur d'Information Architects, de l'importance de la typographie dans le web, ce qu'elle est et ce qu'elle n'est pas. Simple, direct, éclairant et inspirant. Par Oliver Reichenstein 95% de l’information sur le web est écrite. En bonne logique tout designer web devrait avoir de solides connaissances dans la principale discipline consacrée à donner forme à l’information écrite, à savoir la Typographie.

En 1969, Emil Ruder, un célèbre typographe suisse, écrivait au sujet des matériaux imprimés de son époque ce qu'on pourrait encore dire de nos sites web contemporains : De nos jours, nous sommes inondés par un tel flot d'information imprimée que la valeur du travail individuel a été dépréciée, nos contemporains harassés n'étant plus à même de suivre tout ce qui est imprimé aujourd’hui.

C’est la tâche du typographe de diviser, d’organiser et d’interpréter cette masse d'information imprimée pour faire en sorte que le lecteur trouve ce qui l’intéresse. Théorie des couleurs, 3 : Créer votre palette. Troisième et dernier article de notre série sur la théorie des couleurs. Nous connaissons la signification et la terminologie des couleurs, passons maintenant à la création des schémas de couleurs. Par Cameron Chapman Dans les deux premières parties de cette série sur la théorie des couleurs, nous avons parlé de la signification des couleurs et de la terminologie des couleurs.

Même si tout cela est important, je suis sûre que beaucoup d’entre vous se demandaient quand nous allions enfin entrer dans le vif du sujet de la création de schémas de couleurs. Eh bien nous y voici ! Ici, nous allons parler de méthodes vous permettant d'associer les couleurs et de réaliser vos propres schémas. Révision rapide Dans la première partie, nous avons vu que les couleurs ont des significations inhérentes, qui peuvent varier d’une culture ou d’un pays à l’autre. Dans la deuxième partie, nous avons passé en revue la terminologie des couleurs : Teinte (quelle est la “couleur”, bleue, rouge ?).

Exemples : Théorie des couleurs, 2 : Concepts et terminologie. Suite de notre mini-feuilleton: pour utiliser efficacement les couleurs, il est utile de connaître quelques concepts et la terminologie des couleurs. L'article de Cameron Chapman est illustré de nombreux exemples. Par Cameron Chapman Si vous voulez utiliser la couleur de manière efficace dans vos designs, il vous faut connaître quelques concepts et la terminologie de la théorie des couleurs. Une connaissance approfondie de concepts tels que pureté, luminosité et saturation est fondamentale pour créer vos propres schémas de couleurs. NdT : La Cascade a publié des articles sur l’utilisation de HSL (“Teinte, Saturation, Luminosité”) en CSS et vous pouvez retrouver tous les articles concernant la couleur ici.

Teinte La teinte (hue en anglais) est le plus basique des termes relatifs à la couleur, il désigne grosso modo la couleur elle-même. Exemples Pureté La pureté (ou chroma) renvoie à la pureté de la couleur. Dans le design, évitez d’utiliser des teintes ayant une pureté similaire. Saturation. Théorie des couleurs, 1 : Signification de la couleur. C'est la saison, voici le feuilleton de l'été. Une série de trois articles sur la théorie des couleurs: signification des couleurs, concepts, application, le tout bien illustré. Par Cameron Chapman. Par Cameron Chapman La couleur est une notion très subjective.

Ce qui évoque une sensation pour moi en évoquera une toute différente pour une autre personne, parfois pour des raisons de préférences personnelles, parfois pour des raisons culturelles. La théorie des couleurs est une science en soi, de même que l’étude de la façon dont les couleurs affectent les gens, en tant qu’individus ou en tant que groupes. Un changement aussi simple que la teinte ou la saturation d’une couleur peut provoquer un sentiment très différent. Cet article est le premier d’une série de trois sur la théorie des couleurs. Couleurs chaudes Les couleurs chaudes incluent le rouge, l’orange, le jaune et les variations de ces trois couleurs. Rouge (couleur primaire) Le rouge est une couleur très chaude. Exemples Le noir. LA CASCADE.