Greyprint I built it when I realised I’d follow the same ritual when starting a project, losing 5 or so minutes every time. New document. Create some guide boxes at the icon sizes I intend to work on. Gryeprint’s pre-made styles are available for Photoshop, Illustrator, Sketch, and Affinity Designer. Using the templates Here is an example using a Greyprint template and styles to draw a shuffle icon in Illustrator. And a few more examples using only the styles in Greyprint. Gradient maps For design tools that have gradient maps (Photoshop and Affinity Designer), a “colourise” group is included in the templates. Not only do they look ace, they also invert everything — black icons on white become white icons on varying coloured backgrounds. Download Greyprint My initial template was for Illustrator, but as is the case with all the recent Bjango design resources, the Greyprint templates have been built for Photoshop, Illustrator, Sketch, and Affinity Designer.
Free Flat Icons The definitive guide to logo design: 55 pro tips | Logo design Great logo design requires a complex mixture of design skills, creative theory and skilful application. Any designer worth their salt can create a fit-for-purpose logo, but truly mastering all aspects of the craft takes time. Exclusive offer: Save 15% on Adobe Creative Cloud now Of course, logo design is just one small sub-set of branding, but the logo or brand mark remains the centrepiece of most branding schemes. We've spoken to branding professionals about the intricacies of good logo creation, and what qualifies as a great logo. Logo design research and strategy Before pen hits paper on any new logo design project, thorough research is essential. 01. Before you even start working up a logo design concept, ensure you research your target market thoroughly. Compare all the logos in their competitive set. But bear in mind that many of the world’s most recognisable logo designs stand out specifically because they eschew trends and think differently. 02. Why are we here? 03. 04. 05.
Top 27 Examples of SVG Animations for Web Designers and Developers 2016 It’s a nice feature to have, to be able to have visual content on your website that looks equally the same on any device screen resolution. That’s what SVG does, it helps designers and artists to create visual web content that can scale infinitely without losing any imagery quality. An approach that is quickly being adapted to all new modern websites, though an approach that still requires more learning and practice. SVG is rising in popularity, but majority of designers today are still relying on traditional visual techniques. Is SVG too difficult, or is it just that the old ways are still working great? If you are a total newbie to SVG, then this tutorial and introduction guide to SVG from Sara is a pleasant place to begin your journey. Animated SVG vs GIF [CAGEMATCH] Preview Velocity.js SVG.js Three Ways to Animate SVG Animating an SVG Menu Icon with Segment Segment is a neat little JS library that lets you draw and animate SVG path strokes. Animated SVG Icons Vivus.js SVG Loaders SVG Circus
10 sites pour créer une infographie Les infographies permettent de visualiser plus facilement un ensemble de données parfois complexe. Une image est parfois plus parlante qu’un long discours ! Elles permettent de comprendre en un coup d’œil les principaux enseignements d’une étude quantitative par exemple. Certains utilisent également ce type de visualisation pour présenter leurs compétences au sein d’un CV original. Réaliser une infographie en ligne Infogr.am Une référence, puisque l’outil a déjà permis de créer plus de 340 000 infographies ! Piktochart Ici aussi, il s’agit d’une référence : plus de 100 000 comptes ont été créés sur le site, vous pouvez donc utiliser le service les yeux fermés ! Easel.ly Il s’agit d’un outil très facile à prendre en main, qui permet de réaliser une infographie facilement. Une infographie représentant l’activité sur les réseaux sociaux What About Me Le service What About Me (par Intel) permet de visualiser son activité sur Facebook à travers une infographie sympathique et originale. Visual.ly
70 tutoriels pour apprendre à créer des logos… Le plus délicat, lorsqu’on développe un site, c’est finalement de créer un logo qui respecte parfaitement l’identité visuelle du produit ou du service mis en valeur. Et justement, Six Revisions vient tout juste de publier un billet avec 70 tutoriels pour apprendre à créer de beaux logos. Une sélection intéressante, qui vous permettra de savoir comment les plus grands designers opèrent. Franchement, s’il y a bien un truc avec lequel j’ai du mal, ce sont bien les logos. Et je dois dire que j’ai bien fait parce que j’ai appris quantité de choses. Maintenant, c’est décidé, dès que j’ai un moment, je cours m’acheter un carnet et un crayon à papier… A noter qu’en prime, Six Revisions nous file quelques liens vers des galeries dédiées aux logos. Via Six Revisions
Iconsfeed - iOS icons gallery Stay tuned via RSS. © 2015 439 icons Worms™ 4 Games Chauffeur-Privé Travel 旅行箱-最好用的旅行工具 Travel 写真で作る育児日記とシール|キルトピクス Medical Sue Doku Games Connect The Cables Games Yahoo News Digest News Crafty Voice Memos Recorder Utilities Les nouvelles structures de campagnes sur Facebook Facebook vient d’annoncer de nouvelles structures de campagnes afin de faciliter la structuration, l’optimisation et l’analyse des retombées des publicités diffusées sur Facebook Téléchargement gratuit :cliquez ici pour récupérer votre Guide PDF gratuit "12 Experts Révèlent leurs Meilleures Stratégies B2B"+ les 14 Guides qui m'ont permis de passer de 0 à 125 000 visiteurs / mois en 1 an + 14 fiches PDF sur les réseaux sociaux. Les nouvelles structures de campagnes de publicité Facebook Comme expliqué par Facebook, jusqu’à maintenant la structure des campagnes était composée de deux niveaux : les campagnes et les annonces. A chaque campagne sera désormais attribué un objectif précis à choisir entre branding, acquisition de trafic, promotion d’offres.. EDIT : Depuis octobre 2014, le ciblage, l’emplacement de la publicité et le choix de l’enchère se décident désormais également au niveau du groupe d’annonces (les ensembles de publicité ou « ad sets » : Les types d’objectifs de campagnes 1. 1.
Icon Transition Generator How to use the exported icon? The downloaded icon is composed of visual elements (<g> elements), and a <script> tag that includes the JavaScript code for the animation. If you plan on including multiple two-state icons in your web project, then make sure to remove the <script> tag from the <svg> and include its content in your .js file so that you do not duplicate the javascript code (the content of the <script> tag has to be included only once and it is going to work for all your icons). Import and preview animated icons in Nucleo If you are using the Nucleo app, you can upload and preview animated icons directly within the app! Please note that if the icons share CSS classes and mask IDs in their SVG code, the animated icon exported may look corrupted when used in the browser or imported in Nucleo. Learn how to create 2-states icons If you want to learn more about the script that powers the animation, take a look at this tutorial on our blog.
Les Dimensions des Images des Réseaux sociaux Guide 2021 des dimensions des images des réseaux sociaux : Quelle est la taille des images sur les réseaux sociaux ? Quelle sont les dimensions des photos sur les réseaux sociaux ? Quelle est la taille idéale des photos sur les réseaux sociaux ? Avant de débuter votre tutoriel, récupérez le guide du marketing automatisé et testez gratuitement la suite marketing Leadfox [création de pages + collecte d'emails + email automation] pour générer des prospects et convertir en clients : Testez également les outils que j'utilise pour attirer 5000 abonnés emails chaque mois, générer des 100aines de rendez-vous commerciaux et atteindre les 200 000 et 275 000 visiteurs mensuels : Pourquoi optimiser vos images sur les réseaux sociaux Les images et photos que vous publiez n’apparaissent pas toujours de manière optimale une fois diffusées dans le fil d’actualité de vos abonnés et followers. Dimensions des images sur Facebook Dimensions des images sur Twitter Dimensions des images sur Linkedin 1. 2. 3. 4.