Banques d'images & Ressources en ligne. Trouver l'origine d'une image - Tous les navigateurs Web. Décrypter les formats d'images en une infographie. Comprendre l'ordinateur - C'est quoi les dpi ? les ppp ? Dpi = dots per inch.
En français : ppp = points par pouce. dots = points = pixels. Le pouce est une unité de mesure britannique qui vaut à peu près 2,54 cm. La résolution (exprimée en dpi ou ppp), lie le nombres de pixels d'une image à ses dimensions réelles. Examinons le carré de gauche: il fait 2,54 cm de large (=1 pouce).il contient 3 points (3 pixels) en largeur.On a mis 3 points dans 1 pouce: la résolution est de 3 ppp (ou 3 dpi). Dans les carrés suivants (milieu et droite), on a mis 8 points dans 2,54 cm (8 dpi), puis 16 points (16 dpi) Plus la résolution est elevée, plus les points sont petits et nombreux, et plus l'image est fine.
Mais comme je l'ai dit, plus la résolution est élevée, plus les points sont nombreux. Display Dimensions Calculator. Toutes les dimensions d'un A4 en pixels par résolutions : 300dpi, 200dpi, 100 dpi et 72 dpi. Le Web c’est pas en 72 dpi, coco! Pour fêter ma présence sur ce blog — youloulou, foule en liesse!
— je vous propose de dézinguer un mythe du petit monde de l’informatique et du graphisme. Ce mythe dans sa plus simple expression: Le print c’est en 300 dpi, et pis le web c’est en 72 dpi. Et donc, ça c’est faux. Le Web n’est pas en 72 dpi (ou ppi ou pixels par pouce), et il n’est pas non plus en 96 dpi. Densité des pixels d’un écran: à vos calculettes! Petit exercice pratique: nous allons calculer ensemble la densité de pixels d’un écran. Sur cet écran, 1 mm correspond à un peu moins de 4 pixels.On aura un résultat différent sur d’autres écrans. Pour notre exercice, prenons par exemple l’écran de mon iMac (insérez ici un troll de votre choix). Pixels/pouces selon résolution/taille écran [Résolu] Toutes les dimensions d'un A4 en pixels par résolutions : 300dpi, 200dpi, 100 dpi et 72 dpi.
Dictionnaire des couleurs. Dictionnaire des couleurs. Code couleur>Dictionnaire des couleurs> Définition #B.
Blender. Glyphter: The SVG Font Machine. Création de site Internet - Police d'écriture. Catherine PINYO and Fabrice ALIZON Pixalione, 60 ter rue de Bellevue, 92100 Boulogne Billancourt Cet article est un état de l'art en matière de choix de police d'écriture Internet .
La synthèse de trois études récentes permet de recommander la meilleure police d'écriture web, en fonction de l'image souhaitée pour le site (professionnel, jeune et fun, élégant, etc.) ainsi que de l'âge de l'internaute. Mot-clés : police de caractère, rédaction site Internet , lecture en ligne, lisibilité, profil de l'internaute, création site web Il existe principalement deux types de polices d'écriture, les polices serif et celles, dites sans-serif.
"Design & graphisme par Geoffrey Dorne " Comment apprendre le design en ligne ? Liste des couleurs Pantone et de leurs équivalents RVB, Hexadécimal et LAB. Color schemes - Adobe Kuler. The Color Scheme Designer.
Typetester – Compare fonts for the screen. Les picto fontes ou comment se simplifier la gestion des icones. Les icônes sur le web en 2012, une vraie galère Ces petits éléments graphiques si chers à nos design sont essentiels, s'ils sont bien choisis ils apportent beauté et compréhension à l'expérience utilisateur de l'internaute.
Le hic c'est qu'il est compliqué de les gérer pour un webmaster. Problèmes de résolutions d'écrans, de tailles, de couleurs, etc. Il faut sans cesse changer tel ou tel icone à tel ou tel endroit du site parce que tel autre picto ferait mieux l'affaire... TinyPNG - la transparence des images PNG compresse tout en préservant.
Ergonomie web. Magazine Webdesign, Inspiration et tutoriels. 8 outils indispensables au Design Graphique - Innovation Story. Il existe de nombreux outils permettant de faciliter la vie des designers, nous allons vous en présenter quelques-uns Invision : Si vous avez besoin d’une meilleure façon de présenter vos maquettes d’interface, ce petit outil pourrait vous plaire.
Invision permet de rendre interactifs vos prototypes à l’aide de nombreuses transitions et animations. Le service propose aussi des possibilités de travail collaboratif en temps réel et vous permet de tester vos prototypes directement sur vos périphériques mobiles. Toutes ces fonctionnalités font de Invision un outil extrêmement pratique pour les designers. GuideGuide : GuideGuide est un petit plugin pour Photoshop vous permettant de générer facilement vos repères. POP – Prototyping on Paper : Des idées vous viennent à longueur de journées et vous n’avez pas toujours votre ordinateur sous la main pour les prototyper ?
Pop est une application disponible sur iPhone et Android mais aussi directement via votre navigateur sur votre ordinateur.