background preloader

Infographie

Facebook Twitter

Icon Search Engine | Iconfinder. Free Font BodoniXT by Manfred Klein Fonteria. This license can also be found at this permalink: Manfred’s fonts are free for private and charity use. They are even free for commercial use – but if there’s any profit, pls make a donation to organizations like Doctors Without Borders. These fonts can NOT be included in any compilation CDs, disks or products, either commercial or shareware unless prior permission granted. Signification des couleurs dans les sites web. La façon dont les couleurs influencent notre état d’âme, notre moral et notre corps est une chose vraiment passionnante.

Le sujet du billet d’aujourd’hui concerne donc notre perception des couleurs dans le design web et de la manière elles sont utilisées par différentes compagnies dans leur site Internet. « Le billet suivant est une traduction d’un article paru sur le site web de 1stwebdesigner.com écrit par Anastasia Miles ». À la base, les couleurs sont divisées en 2 catégories. Les couleurs situées dans la zone rouge (sur le dessein à gauche) sont les couleurs chaudes (rouge, orange, jaune) et les couleurs situées dans la zone bleue sont les couleurs froides (bleu, mauve, vert).

Les couleurs chaudes évoquent plusieurs sensations et émotions, dont la sensation de chaleur, de conforts et d’agrément, et en opposition, de rage et d’agressivité. Dans les temps anciens, les gens croyaient que les couleurs pouvaient guérir de différentes maladies. 1. 2. 3. 4. 5. Color Scheme Designer 3. Kuler.

[WEBDESIGN] Comment bien choisir ses couleurs pour créer un site. Vous êtes nombreux à créer des sites internet, ou des supports de communications avec des choix de couleurs judicieux. Mais nous ne sommes pas tous experts, et certains ne savent pas comment allier les couleurs entre elles. Nous allons voir quelques exemples qui seront illustrés à l’aide d’un cercle chromatique. Nous allons également voir comment fonctionnent les couleurs. Les couleurs primaires sont les couleurs principales, toutes les autres couleurs découlent de celles-ci. Elles sont le rouge (Magenta), le bleu (cyan) et le jaune.

Les couleurs secondaires, appelées également couleurs binaires sont un mélange direct des couleurs primaires. Les couleurs tertiaires également appelés couleurs intermédiaires sont réaliser grâce au mélange d’une couleur primaire et d’une couleur secondaire. Les couleurs complémentaires sont la base de la création d’une charte graphique, on ne peut pas, ou alors avec beaucoup de mal créer une charte avec des couleurs qui ne s’accordent pas.

Les codes de la Typographie #1 - Structure et vocabulaire de la lettre - typographie. Pour ce mois d'avril, nous allons réaliser un dossier complet sur la Typographie. Essentiel dans la réalisation d'un logo ou d'un slogan elle peut véhiculer des messages puissants et différents selon ses formes. Dans ce premier numéro nous allons compre Définitions : Caractère : Désigne une lettre. On l'emploie également pour désigner un alphabet complet Police de caractère : Ensemble complet des signes typologiques (lettres minuscules,chiffres et lettres capitales) de même style et de même graisse. Typographie : Ce terme est employé dans deux acceptions: - Il designe, pour une page tout ce qui se rapporte à sa composition ( choix de caractères, choix de l'interlignage...) et à sa mise en page ( proportions de la page, marge ...) 1 - Capitale : Appellé grossièrement Majuscule, il existe deux type de capitales : Les grandes ( 1a ) utilisées en début de phrase et les petites ( 1b ) avec la hauteur et la graisse des minuscules. 3 - Barre ou traverse : Partie horizontale des lettres Typolution.

Lisibilité des sites web, font-size : 100% – 16px. Dans ce nouvel article je vais présenter les solutions mises en place par les webdesigners pour améliorer la lisibilité de leur contenu textuel. Je ferai une analyse des « bonnes » pratiques typographiques pour optimiser la lisibilité du contenu et présenterai une sélection de sites web affichant leur contenu textuel à la taille par défaut de 100% soit 16px. Trop gros ? Pas esthétique ? Hum… pas si sur que ça… Cet article est disponible en Français et en Anglais : EnglishFrançais Le travail des webdesigners est de concevoir et de réaliser des sites web répondant à la problématique de leurs clients. La lisibilité du contenu est donc un point crucial qui doit attirer toute notre attention. Pour une meilleure lisibilité sur le web Bien qu’il n’existe pas de solution toute faite pour optimiser la lisibilité d’un contenu textuel sur le web, il existe cependant quelques rêgles qu’il est bon de connaître : Choisir un corps de texte suffisamment élevé.

Wilson Miner : Relative Readability Analog. Les codes de la Typographie #2 – Histoire et Familles - typographie. Voici le deuxième volume de notre dossier sur "La Typographie", après avoir vu "La structure et le vocabulaire de la lettre" dans le premier numéro, aujourd'hui nous allons nous intéresser à son histoire et son évolution. Le terme "typographie" est arrivé avec la naissance de l'imprimerie vers 1440, avec la technique d'impression.

On disposait des caractères mobiles (en plomb) pour former des mots et des phrases. Depuis ce temps les techniques et l'utilisation des typographies n'ont cessées d'évoluer en devenant automatiques à l'aide de la Linotype vers 1880 (composition sur un clavier puis fonte de la ligne-bloc) pour ensuite arriver à nos jours avec l'ère du numérique. Celui-ci à fait connaitre un essor à la typographie, la création et l'utilisation de celle-ci se fait beaucoup plus facilement.

Elle crée des liens visuels et logiques dans le but de rendre attractive une lecture, on l'utilise comme ornement ou pour renforcer une identité graphique (logo, publicité). Les Garaldes. La Typographie #3 – Comment créer et trouver sa typo - typographie. La Typographie #4 – Place à l'animation et au Motion Design ! - typographie. Voici le 4eme numéro de notre dossier sur la typographie, on commence à avoir vu en grande partie ce qui compose une police.

Mais il nous reste maintenant à s'intéresser à son utilisation en animation, dans des clips, teasers, etc. On sait que la typographie fait partie intégrante de tout projet créatif qu'il soit un logotype, une affiche, un visuel, un site internet mais également une vidéo ou une animation. Dans cette article nous allons essayer de faire un tour rapide sur son utilisation dans les teasers, clips musicaux, sur les sites web, mais également dans des livres ! Commençons tout de suite avec ce qu'on peut appeler le Motion Typo que l'on voit depuis plus de 2 ans envahir les animations du web. En quelques mots je dirais que c'est l'art de créer une animation, avec comme seul élément principal "la typographie", ensuite c'est un jeu de mouvements, de compositions et de constructions avec les caractères. La déclaration des droits de l’homme Intelligent Design Hocus pocus - Hip hop.