Couleur.
Flat UI Colors. Metrize Icons • 300 Icons for Designers & Developers. Metrize Icons is a free icon set, it works perfectly for your apps or web projects. You may use these icons for both commercial and personal projects and customize them any way you like. All Icons, WebFont and Updates are Free. The download includes: PSD (Single Shape Layer) SVG (Single Icon 512 x 512) EPS AI PDF Web Font The bundle also include Metrize Font Icons, inside you will find a simple guide how to use the webfont with @font-face, the necessary scripts for compatibility with IE7 and the complete character map. Big thanks to Icomoon App for creating/editing the webfont. Enjoy Metrize Icons. Next Release In the next release I would like to add support for PNG and CSH. License You are free to use Metrize Icons (the "Icon Set") or any part thereof (the "Icons") in any personal, open-source or commercial work without obligation of payment (monetary or otherwise) or attribution.
Do not sell, sub-license, rent, transfer, host, redistribute the Icon Set. BrandColors — a collection of major brand color codes. Les 7 Principes Fondamentaux de Design d’un Site. Les 7 Principes Fondamentaux de Design d’un Site Cette semaine, le blog accueille Tarik Peudon de Clicboutic, qui nous livre une adaptation d’une grande qualité sur les fondamentaux en ergonomie et webdesign.
Une aventure « livresque », au travers des théories fondamentales a avoir en tete a l’heure de concevoir un site. Le design de votre site est plus important que vous ne le pensez pour améliorer vos conversions. Peu importe les tactiques que vous avez déjà mises en oeuvre pour booster votre taux de conversion, si votre site ne ressemble à rien : vous gaspillez vos ressources.Le design ne se réduit pas au travail d’un graphiste.Le design, c’est aussi du marketing.Le design, c’est votre produit et son fonctionnement. Vous trouverez ici 7 principes fondamentaux d’ergonomie et de design qui vous permettront d’améliorer votre site internet. Principe 1 : La Hiérarchie Visuelle La hiérarchie visuelle est l’un des principes fondamentaux du web design. Principe 2 : Le Nombre d’Or 1. 2. 3. 4. CSS playground. Colossal | A blog about art and visual ingenuity. Since 1999 home of design culture: designboom is the first and largest independent publication dedicated to architecture and design.
Design Milk: Design Blog with Interior Design, Modern Furniture, & Art. Wallpaper* Magazine: design, interiors, architecture, fashion, art. Blog, Freebies | Icojam - sweetest free & premium royalty-free stock icons. Cosmo mini is a free version of Cosmo icons and includes 1566 icons in 40×40 sized pixel-perfect PNG + “testdrive” icons in PSD, AI, CSH, SVG, 60×60 sized PNG.
All icons are monocolored and divided into following categories: Baby, Basic, Building, Culture, Devices, Documents, Education, Finance, Food 1-3, Holiday, Layout, Medicine, Mobile, Multimedia, Navigation, Player, Symbols, Transport, User, Weather, Work, Furniture, Appliance. License: These icons are free to use in any kind of commercial or non-commercial project unlimited times.Ammount of icons: 1566Sizes: 40×40File Types: .pngTestdrive file types: PSD, AI, CSH, SVG, 60×60 sized PNG. If you need vector and hi-res version of these icons you can buy them on Creative Market: Cosmo icons. Flat icons. Color.hailpixel.com · Swatch you doing? Color Scheme Designer 3. The iOS Design Cheat Sheet Volume 2 - Ivo Mynttinen / User Interface Designer.
Grid Designer 2. FreePSD. 365psd | Download a free PSD every day. Photomaton. 10 Simples Tools for creating infographics and data Viz. 2. Easel.ly 3. Infogr.am 5. Tableau Tools for diagraming and wireframing 6. 7. Other tools for visual communication 8. 9. 10. Via : to Charles. Проснись, Photoshop. Webdesign : 21 livres à télécharger gratuitement | Presse-Citron.
Vendredi 16 juillet Webdesign - 16 juillet 2010 :: 08:17 :: Par Eric Si vous bossez dans le design, le développement et l’intégration de sites web et que l’anglais ne vous fait pas peur, voici un peu de lecture pour l’été. Le webzine spécialisé dans le design Sepckyboy recense 21 livres gratuits sur le webdesign. Certains bouquins sont au format HTML et donc à feuilleter en ligne (si Si vous bossez dans le design, le développement et l’intégration de sites web et que l’anglais ne vous fait pas peur, voici un peu de lecture pour l’été. Certains bouquins sont au format HTML et donc à feuilleter en ligne (si vous avez un iPad ou n’importe-quelle tablette ou E-Book reader doté d’un navigateur web ce sera parfait) alors que d’autres sont à télécharger en PDF : Tous les aspects du webdesign sont abordés, de la typographie à l’accessibilité, en passant par JavaScript, Ruby, jQuery et HTML5.
(source) Plus d'infos sur : E-Books, Web. All For Design : Webdesign, Graphic Design and Inspiration from web. 33 Inspiring Typographic Designs. For the Love of Typography Our Typography Board on Pinterest is over 950 images and counting, so why not press that follow button? The Typography Showcase About the Author, Go Media Go Media is a creative agency based in Cleveland, OH that specializes in print design, branding, and web development. We are also behind WMC Fest, GoMediaZine, the Arsenal, Mockup Everything and others. Letter icons | Icon Search Engine. iDesign * Vectors - Featuring the best Free Vectors from around the web. Updated Daily! 1000+ Free High Resolution Photoshop Brush Sets. Oct 15 2008 Hundreds of thousands of incredible Adobe Photoshop brush sets are all over the web. Due to this phenomenally vast amount of Photoshop brushes available, you can now add patches of dirt, rust, floral effect, swirls, mold, oil stains in your artworks and photos to give them an aged, damaged, dreamy or any look you want.
Without further ado, we present 1000+ high-Resolution Adobe Photoshop brush sets that will be perfect for any project you may happen to be working on. Important: Licenses of every brush set varies, so be sure to check that information before using them. 1. 1.1 Sidewalk Series Vol. 2 Oil Stains 10 high resolution grungy concrete stains inspired by all the cracks, stains, and spots on the sidewalk and in the street. 1.2 Sidewalk Series Vol. 1 Cracks 6 Excellent high resolution sidewalk cracks to give you a nice grungy texture. 1.3 Cracks Part III 15 brushes made with Photoshop 7.0. 1.4 Urban Decay Photoshop Brushes 1.5 QuadGrunged 1.6 Cracked Brush Set 2. 2.4 Autumn Glory. PS Brushes.net - Photoshop Brushes, Your Number one source for Photoshop Brushes. Author Brushes Website Name Brush ID Download Author Brushes Website Name Brush ID Download Adam Woodhouse 6 Site 01 Nukes 000130 Author Brushes Website Name Brush ID Download Adam Woodhouse 58 Site 01 Blood Splatters 000132 Author Brushes Website Name Brush ID Download SAdam Woodhouse 5 Site 01 Gas Masks 000135 Author Brushes Website Name Brush ID Download Adam Woodhouse 14 Site 01 War 000150 Author Brushes Website Name Brush ID Download thispicture 24 Site 01 Blood 01 000223 Author Brushes Website Name Brush ID Download thispicture 9 Site 01 Blood 02 000224 Author Brushes Website Name Brush ID Download Ephedrina 18 Site 01 Blood Brushes 000241 Author Brushes Website Name Brush ID Download Ephedrina 12 Site 01 Blood Smudges 000242 Author Brushes Website Name Brush ID Download Ephedrina 12 Site 01 Blood Smudges Vol 2 000243 Author Brushes Website Name Brush ID Download Ephedrina 13 Site 01 Blood Smudges Vol 3 000244 Author Brushes Website Name Brush ID Download Author Brushes Website Name Brush ID Download.
Easel.ly | create and share visual ideas online. Infographics Resources: Tools, Tutorials and Free Infographic Elements. Toolkits Infographics have become a popular means of displaying information. It is a well known fact that the attention of viewers is attracted and held better through images than text, and people are more likely to digest the information in images. Road signs were probably among the first infographics; they needed to impart necessary information at a glance, and they have achieved that by using graphics and very large text, and that is the basis of modern infographics, which are becoming available for all trades, services, products and niches. Today we are bringing you a collection of online infographic tools, some tutorials, guides and articles on infographic creation and some beautiful free infographic elements and kits.
All in all, you should be able to gather your data and create your masterpiece with the help of these resources. Resources for Creating Infographics Online Infographic Tools Easel.ly Create and share visual ideas online. Infographics Tutorials, Guides and Articles. 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. 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. 2- Minuscule ou Bas de case : Lettre de hauteur moyenne, pouvant posséder des parties scendantes et descendantes. 3 - Barre ou traverse : Partie horizontale des lettres 4 - Diagonale ou branche : Représente les parties obliques d'une lettre 12 - Fut ou Montant : Partie verticale des lettres Typolution.
Typo & Web. Ce support de cours n’est qu’un survol du livre Typo & Web de Aurélien Foutoyet [All for Design] que je vous engage vivement à acheter. Rappels La lisibilité Définition lisible (adj.) 1.dont les caractères écrits sont faciles à lire. 2.digne d’être lu. 3. (figuré) dont on comprend le sens à la lecture. 1800 : expérience d’Anisson “Dans les années 1790 il fit composer puis lire deux pavés de textes dans le même corps, l’un en Didot, l’autre en Garamond. 1843 : expérience de Leclerc Le lecteur devine plus qu’il ne lit.La moitié d’un mot suffit pour en comprendre le sens.Même effacé, un mot peut être deviné en fonction de ceux qui le suivent et le précèdent.La partie supérieure des mots est suffisante pour pouvoir comprendre le sens d’un texte. 1886 : world shape model de James Catell L’unité de lecture serait le mot et non la lettre.La silhouette des mots semble jouer un rôle dans la reconnaissance de ces derniers. texte tiré de Mallarmé — Intervalles et espaces vides 1905 : expérience de Javal Sites.
8 façons simples d'améliorer la typographie dans vos designs. Par Antonio Carusone Cet article a été écrit pour publication dans Smashing Magazine le 3 avril 2009. Je le reproduis ici pour vous être agréable. Beaucoup de gens, y compris les designers, pensent que la typographie consiste à choisir une police, sa taille et si elle doit être grasse ou pas. Pour la plupart des gens, ça s'arrête là. Ces détails donnent au designer le contrôle total, leur permettant d'apporter une typographie belle et cohérente à leurs designs.
Voici donc 8 façons simples d'améliorer la typographie, et donc l'ergonomie, de vos designs. Justification La justification est la longueur d'une ligne de texte. Une manière simple pour calculer la justification est d'utiliser la méthode de Robert Bringhurst, qui multiplie la taille de la police par 30. Interlignage L'interlignage est l'espace entre les lignes du corps de texte qui joue un rôle important dans sa lisibilité. Ponctuation flottante Placez les guillemets dans la marge du corps de texte. Rythme vertical Veuves et Orphelines. Frelon13. Silk. Blog, Freebies | Icojam - sweetest free & premium royalty-free stock icons. Home. Popular Pens on CodePen. Screen Sizes. 17 Useful & Fresh Tools for Web Designers.
Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster. Despite the fact that there is a huge plethora of web tools that are available for the web developers and designers to help them with their work, designers and developers always need some fresh tool that can expedite their work flow. A useful tool is just like a blessing for the designer and for the web developer as well. Having good tools and useful resources make web development easier and save time as well. Below, we have listed down some useful and fresh tools for the web developers and designers. We hope that these tools will make your work easier and let you complete your work faster. Mailrox A web application to quickly build bulletproof HTML emails. BootMetro Simple and complete web UI framework to create web apps with Windows 8 Metro user interface. Spritebox Tiny Fluid Grid The happy & awesome way to build fluid grid based websites.
Sequence.js TiltShift Jarallax Favicon 0to255. Piktochart. 8 sites pour trouver des Pattern de qualité - ressource-pattern. Cikonss | Pure CSS Responsive Icons. Blog, Freebies | Icojam - sweetest free & premium royalty-free stock icons. Créer une police d’icônes facilement à partir d’illustrations vectorielles. Les polices d'icônes ou "font-icon" popularisées depuis Bootstrap sont de plus en plus utilisées sur le web. Certains services proposent de piocher des icônes dans différents packs pour se créer sa propre "police". Dans ce petit tutoriel nous verrons comment, grâce au service en ligne IcoMoon, il est facile de se créer sa propre police d'icônes à partir d'illustrations et fichiers vectoriels.
Une fonte-icône est tout simplement une police d’écriture dont on aura remplacé certains caractères par des glyphes représentant les icônes que l’on veut utiliser. Très utiles dans le design d’interface lorsque l’on a besoin d’une simple petite icône monochrome, elles ont la flexibilité d’une police d’écriture : vectorielles, il est très facile d’en changer la taille et la couleur en CSS, voire d’y ajouter de l’ombrage avec text-shadow. Voir une petite démonstration en ligne : Icon Font are Awesome. ou... Exporter mes icônes au format SVG Quelques conseils sur les icônes pour un résultat optimal : Iconsdb, des icônes aux couleurs de ton choix. Free Elements For Designers. PrefixMyCSS - Prefix your CSS3 code. Instantly! Sprite Cow - Generate CSS for sprite sheets.
Plus de 200 000 icônes gratuites sur Icones.pro ! PHOTOSHOP. Frutas Classe. Pinterest. Computer Arts magazine | Inspiration, Technique, Great Design. XOO plate web graphics, photoshop psds, vectors, icons, 3D, logos, wp and websites - Free marketplace.
Webdesign. Mputer Arts Magazine | Inspiration, Technique, Great Design. Computer Arts is the magazine for people who believe design matters, and has been inspiring and informing graphic designers and illustrators since 1995. With both a deluxe print edition and a fully-interactive, bespoke iPad edition, Computer Arts brings you behind-the-scenes access to cutting-edge design projects, in-depth analysis and incisive opinions from the design world's thought leaders, plus the very best new work from the global design community. Whether it's a shift in creative thinking or a change to the business of design, you can rely on Computer Arts to bring you detailed analysis of the pivotal events. We'll introduce you to the industry’s most exciting trailblazers as well as highlighting the world’s freshest new talent, digging deep to discover what makes each of them special.
In short, if design matters to you as much as it does to us, you need a Computer Arts subscription. Editorial Advertising. Bak Magazine | International Visual Arts E-Magazine. TheFWA. Portefeuilles en ligne sur le réseau Behance.