IDIKOtv

100 Principles for Designing Logos and Building Brands | Brand Identity Essentials ImageryColorDimensionContrastShapeSymbolsTypographyWritingStoryOrderVariationPersonalizationPsychologyProcessProductionDigital IdentityTrendsShortcutsSocial MediaMultiplesIntellectual PropertyDocumentationEvolutionCompetitionOriginalityWitIdealismAuthenticityCommitmentStrategyResearchTouchpointsInspirationSimplicity Créer des infographies en ligne : outils et bonnes pratiques La visualisation des données offre aux professionnels une manière innovante de communiquer des informations. Éditeurs web et journalistes, services de communication d'entreprise, spécialistes du marketing -et plus généralement les professionnels amenés à faire des présentations publiques- recourent aux infographies pour mettre en valeur l'information, la vulgariser et la contextualiser. Si la création d'infographie est avant tout un métier, elle est aujourd'hui également accessible aux non-initiés. De nombreux outils en ligne gratuits sont en effet disponibles aujourd'hui pour leur permettre de créer des infographies d'allure professionnelle. Voici un rappel de quelques bonnes pratiques avant de se lancer, et une sélection d'outils simples d'utilisation. Bonnes pratiques Cerner l'objectif d'une infographie : traduire simplement des données complexes, pour comparer ou mettre en valeur des informations, dégager une tendance/évolution, dresser un bilan, etc. Les grands types de diagrammes

Designer's guide to DPI DPI or Dots Per Inch is a measure of spatial dot density initially used in print. It's the number of ink drops your printer can put in an inch . A smaller DPI yields a less-detailed image. This concept is applied to computer screens under the name PPI for Pixels Per Inch. Windows computers have a default PPI of 96. Here’s an applied example: A Mac Cinema Display 27” has a PPI of 109, which means that it displays 109 pixels per inch of screen. *I know that 23.5*109 does not equal exactly 2560. Let’s say you design a blue square of 109*109px on the screen we just talked about above. This square will have a physical size on the screen of 1*1 inch. TakeawayLeaving color and resolution differences aside, keep in mind that everybody will see your design differently. Screen resolution can have a huge impact on how the user perceives your design. Today’s LCD monitors have a pre-defined default or native resolution that will handle the exact number of pixels that the screen is able to display.

10 outils indispensables de Community Manager pour créer des visuels percutants L’impact des visuels sur vos publications est connu. Une image attrayante et pertinente va davantage inciter au clic que le titre ou la description (même s’il ne faut pas négliger ces deux éléments). Une étude récente de Quicksprout vient d’ailleurs confirmer l’importance du visuel sur le taux clic : insérer une image apporte 94% de visibilité supplémentaire. Ce résultat est encore plus impressionnant concernant les tweets, car ceux possédant une photo génèrent 150% de retweets supplémentaires. Cependant, mettre une photo n’est plus suffisant, car la plupart des community managers ont bien compris l’importance d’un visuel. Aujourd’hui, 63% des publications sur les réseaux sociaux comportent une illustration. Celle-ci doit être pertinente. Vous devez accorder autant d’importance à l’image qu’à l’article en lui-même. À cet effet, il convient de connaître les outils qui viendront en renfort pour aider le Community Manager à créer des statuts engageants. 1) Canva 2) Easel.ly 3) Piktochart 9) Visme

Adapting logos for small screens The logo in the header of this site is a raster PNG file (portable network graphics). I’m unsure if it’s worth changing it to a different file format, but it was interesting to read Jeremy Frank’s mini-series about using vector SVG instead (scalable vector graphics). Detail reduction from the Argento style guide (PDF) “SVGs are a perfect fit for resolution-independent logos. Combined with CSS media queries, a touch of JavaScript, and SVG injection, you have a robust solution for implementing responsive logos.” You’re probably familiar with Joe Harrison’s responsive logos gallery where he showcased the concept (view in a browser you can resize for full effect). Some further reading in Smashing Magazine’s 2014 piece titled rethinking responsive SVG, and more on responsive images in general at ResponsiveImages.org.

3 outils pour faire des infographies qui dépotent ! Les infographies sont un moyen créatif de présenter des informations intégrées dans une illustration. Depuis 2007, leur utilisation sur internet a progressé de 9900% ! Le point fort des infographies : elles donnent la possibilité dans le milieu professionnel de communiquer de manière plus attractive. Quel est votre besoin ? Grâce à cet article, vous allez découvrir 3 outils utiles pour faire des infographies. – Objectif : Quel est votre objectif ? – Message : Quel message voulez-vous faire passer ? – Fil rouge : Quelle ligne directrice allez-vous choisir ? – Focus : Quelle est l’information clé que vous souhaitez mettre en valeur ? – Multilingue : Est-ce que vous allez prévoir une version de votre infographie dans une autre langue ? Une fois que vous avez une idée claire de ce que vous souhaitez réaliser, quitte à griffonner un schéma sur un morceau de papier, vous pouvez vous lancer ! Quel outil choisir ? Il existe de nombreux outils pour réaliser des infographies. Piktochart Easel.ly

Apprendre le Pixel-Art : Quelques conseils pour débuter | Turoriel Patience, motivation et assiduité. Voici les trois choses qu'il faut avoir lorsque l'on se lance dans le Pixel Art. C'est en tous cas ce que j'apprend, jour après jour, après m'être lancé dans cette activité passionnante et chronophage. Après avoir encaissé bien des difficultés en épluchant internet pour y trouver quelques tutoriels, je me suis dit qu'il vous serait sans doute utile de partager un peu mes trouvailles. L'idée n'est pas de vous donner un cours, je n'en ai pas le niveau, mais plutôt de vous éviter de faire les mêmes erreurs que moi en vous envoyant vers les bonnes références. Quels logiciels pour le Pixel Art ? S'il est possible de s'amuser sur Paint, ce n'est clairement pas ce soft qui pourra vous faciliter la tâche. Liens de téléchargement pour : ASEsprite et Pyxel Edit (Windows & Mac) Premiers essais "Ne visez pas trop complexe !" Des cours complets sur le Pixel Art chez Les Forges Partager et progresser Comme tous les apprentissages, le Pixel Art demande de la patience.

Infographies: 5 outils à découvrir Récemment, j’ai fait quelques recherches pour trouver un outil me permettant de réaliser facilement une infographie. Au fil de mes recherches, 5 outils ont retenu mon attention. Cet article vise à vous présenter sommairement chacun de ces 5 outils: Easel.ly, Venngage, Piktochart, Infogr.am, ainsi que 5 « templates » d’infographies élaborées dans PowerPoint. #1 : Easel.ly J’ai fait quelques tests avec plusieurs outils d’infographie afin de représenter mon offre de services de formations en 2014. C’est donc avec Easel.ly que j’ai dessiné l’infographie suivante, présentant mon offre de formations publiques en 2014. Formation Excel Sophie Marchand #2: Venngage J’ai beaucoup aimé Venngage mais je l’ai découvert un peu trop tard! #3: Piktochart Piktochart ressemble énormément à Easel.ly. #4: Infogr.am Dans Infogr.am, outre les possibilités de création au niveau des infographies, j’ai particulièrement aimé l’aspect convivial pour créer de jolis graphiques, comme le tachymètre suivant: #5 : Powerpoint

Le guide d'une bonne charte graphique - l'importance de la palette de couleurs Une bonne charte graphique ? De quoi s’agit-il vraiment ? Voici le début d’une trilogie sur des conseils et outils utiles pour choisir la bonne palette graphique pour votre projet vidéo. La charte graphique– votre point de départ Votre lignée graphique est la pierre angulaire de votre branding. Cela vous permet de garder le contrôle sur votre design. Les principales composantes d’une charte graphique Une charte graphique peut aller d’un document de cinq pages, à un guide d’une centaine de pages. – Une brève introduction de votre marque : son message principal, la mission, le principe fondateur, les valeurs… Ça doit donner à votre lecteur une idée de votre positionnement et des valeurs de votre entreprise. – Le logo : l’un des éléments de différentiation de votre marque le plus important. – La palette de couleurs : vous devez différenciez vos couleurs primaires de vos couleurs secondaires. Différentes versions de logos pour Brasil Télécom Projet Numm – Exemple de flat design A bientôt

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. De nombreux services existent pour réaliser facilement une infographie : nous en avons sélectionné dix. 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 Visual.ly Vizify Get About Me CV Gram Kinzaa