Responsive Single Page Product Template. Boldy: Minimal Responsive Portfolio. Boldy is a minimal, responsive one-page portfolio template: perfect if you’re looking for a simple way to showcase your latest works on the web. I used custom fonts from the Google library (that you can easily change with your favourite ones). Thanks to the jribbble jQuery plugin, it automatically showcases the last 4 dribbble shots (instructions provided on how to set up your account).
This makes it easy to keep your portfolio up-to-date while simply keeping up with your dribbble account. The set comes in 2 versions: dark and light. Here is a live demo. Enjoy! Free License Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLoot. Attribution is required for free items. More from User Interface » Web. Responsive Product Page Template. Free Flat UI Design Kit. This week’s freebie is a bright and colourful flat UI kit, including everything buttons and menus to form elements and media controls in a striking Magenta and Teal colour scheme. All of the elements are completely editable and scalable in Photoshop, and updating the colours is a breeze. Free License Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLoot. Please note: Attribution is required for free items.
More from User Interface » Design Elements. Free Vector Infographic Kit. This week’s freebie is a huge vector set for creating infographics. Included in the package are over 50 elements, ranging from graphs and charts to maps and symbols. Let your infographic stand out with these bold and beautiful infographic resources.
In the download the filetypes are AI, EPS and SVG so you can use this kit at any scale, easily edit the color scheme, and the data points. Enjoy! Free License Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLoot. Attribution is required for free items. More from Graphic Art » Vectors. 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. Banque d'images libres de droits, photos, vecteurs et vidéos sur Fotolia. Soyez créatifs ! Fotolia Instant est une invitation à créer en s’amusant, en toute spontanéité ! Le rire d’un enfant, des amis en plein été, l’être aimé sous la lumière matinale, un paysage à couper le souffle... Nous voulons voir des clichés inspirés de la vie comme elle vient ; des images pleines de fraîcheur, la capture de moments authentiques.
Nous choisirons les photos qui seront à l’image de l’esprit que nous voulons insuffler à cette collection. Gardez à l’esprit que plus vous modifiez votre image, moins elle a de chances d’être achetée. Les 5 meilleurs sites où trouver des images libres de droits. Le pouvoir des images n’est plus à démontrer dans un blog ou un site. Elles attirent, illustrent, animent vos publications. Elles sont surtout souvent un moyen efficace d’inciter vos lecteurs à lire les articles. Trouver des images publiables en respectant les droits des auteurs n’est pas simple habituellement. À moins de savoir où chercher. Voici cinq sites qui vont sérieusement vous faciliter la tâche pour trouver des images avec une licence Creative Commons pour une utilisation libre de droits sur votre blog ou celui de vos étudiants. 1 – Morguefile. 2 – PhotoPin. 3 – EveryStockPhotos. 4 – Wikimedia Commons. 5 – Foter. Et vous comment vous y prenez vous pour trouver des images libres de droits ?
Sur le même thème. 3 outils pour créer un graphique en ligne. Pour illustrer un texte ou visualiser des données, on est souvent tenté de réaliser un graphique. Mais les outils permettant de créer un graphique facilement ne sont pas forcément connus et le rendu n’est pas toujours réussi. Si des logiciels peuvent réaliser des graphiques assez complexes, ils ne sont pas toujours adaptés et génèrent des images assez similaires. Pour que vos présentations se démarquent, n’hésitez pas à utiliser un outil en ligne pour créer vos illustrations !
Il en existe des dizaines et ceux-ci s’améliorent de jour en jour. Nous en avons sélectionné trois qui devrait vous permettre de réaliser de nombreux nuages de points, courbes, histogrammes et autres diagrammes en bâtons. Pictovia, la référence Si vous deviez n’en retenir qu’un, ce serait Pictovia. ChartGo, l’alternative Le service ChartGo représente une alternative de qualité pour créer un graphique en ligne. Les graphiques sur Google Drive Crédit photo : graphique par Shutterstock. Flip. Angle Droit - Les essentiels pour utiliser des images (légalement) Ten Dollar Fonts — Home. The Psychology of Color [Infographic] | Louisville Painters. Download the infographic as a PDF Embed this image on your site: Handpicked free fonts for graphic designers with commercial-use licenses.
Toutes les ressources utiles ! Question à Raphaël Mechet (www.indiepixelpusher.com/), directeur artistique freelance CréaNum : Quelles sont tes secrets pour trouver les bonnes ressources ? R. M. : Dès que j’ai un petit peu de temps libre, je fouille le net à la recherche de techniques et de rendus qui m’interpellent. J’essaie de les comprendre, de les reproduire et de les affiner. Cela permet souvent de gagner du temps sur des éléments secondaires en intégrant en quelques minutes des sources efficaces.
Créez votre portfolio (2) Toutes les ressources utiles ! Polices & Fonts Que vous soyez lassé par votre propre collection, ou celles à disposition dans certains logiciels (notamment Photoshop), voici quelques idées pour partir à la pêche à la belle police. Certains sites font référence, comme souvent. Le fameux T.26 Digital Type Foundry (www.t26.com) est l’un d’eux, notamment puisqu’il a été créé au milieu des années 1990, afin de promouvoir ses propres designs typographiques. Vous y trouverez presque 1000 familles de polices différentes, mais à des prix très variables.
Toujours dans un registre payant, pensez à Fonts.com (www.fonts.com), autre référence incontournable, avec sa bibliothèque de polices dépassant les 150 000 produits. MyFonts.com ( se vante quant à lui de disposer de « la plus grande collection de polices du monde ». Mais dans la typographie, plusieurs sites entièrement gratuits sont aussi très pratiques et peuvent être considérés comme des valeurs sûres. Toutes les ressources utiles ! Les banques d’images De nombreux graphistes sont amenés à commencer leurs travaux avec des photos existantes.
Si la meilleure solution reste d’utiliser vos propres clichés (encore faut-il être doué en photographie !) , vous avez bien entendu la solution des banques d’images en ligne. Bien entendu, Internet regorge de clichés, souvent de mauvaise qualité. D’autres banques d’images gratuites pullulent également sur la toile. Pour ceux qui recherchent la qualité, la solution est simple : les valeurs sûres ! Dans ce domaine, citons surtout les deux plus reconnues en France. L’autre incontournable du secteur est iStockPhoto (www.istockphoto.com). Mais bien entendu, le jeu ne s’arrête pas là. Toutes les ressources utiles ! Tout comme le HTML5, le CSS3 va probablement changer beaucoup de choses dans le monde du webdesign. Déjà, on connaît les premières vraies applications possibles. Par exemple : des background multiples, les modules CSS3 « Grid Layout » et « Color » déjà disponible, mais aussi des navigateurs qui se mettent à la page.
On pense à Opera, IE 9 et encore plus IE 10, et surtout le support des animations ans la bêta de Firefox 5. Première source d’infos : CSS3. Presque similaire, mais pour la création de boutons, CSS3 Button Maker ( examples/ButtonMaker) permet personnaliser votre bouton (bords arrondis, ou non, longueur, largeur, couleur, typo, etc.). Dans le genre des outils à ne pas rater, prenez Modernizr (www.modernizr.com). En termes d’apprentissage, visitez surtout CSS3 Please ( et CSS3 Power Tutorials ( Toutes les ressources utiles !
Les pinceaux Comme pour les polices, il arrive de se lasser des pinceaux intégrés par défaut dans les logiciels. Rassurez-vous, il est simple de trouver de nouvelles ressources pour explorer d’autres terrains ! En revanche, il est assez difficile de trouver de bonnes ressources, fiables, pour Corel Painter. Dommage ! Ce n’est pas la même histoire pour Photoshop, où de nombreux pinceaux sont disponibles, sur des sites de qualité. La valeur sûre du milieu est certainement Brusheezy (www.brusheezy.com). Si vous flânez souvent sur la toile, vous savez certainement que la communauté DeviantART est très active, et qu’elle propose aussi des ressources ! Toutes les ressources utiles ! Les images vectorielles Pas le temps de dessiner ce dont vous avez besoin ? Des fleurs, des arbres, des ninjas, des serpents, des cartoons, des statues ou tout ce que vous voulez, on trouve tout sur le Web !
En revanche, ici aussi c’est histoire de qualité. Et la plupart des bons plans sur la toile sont donc payants. Toutefois, le travail n’est pas le même que pour un pinceau ou une texture. Et on comprend facilement qu’il faut y mettre quelques deniers pour accéder à ce que l’on souhaite. Entrons dans le vif du sujet avec un site qui propose des images vectorielles payantes et libres de droits, Stock Graphic Designs ( Puisque nous avons déjà vu dans cet article QBrushes, QTextures et QFonts, voici donc, QVectors ( Toutes les ressources utiles ! Les textures Il n’y a pas photo en ce qui concerne les textures, deux sites sont incontournables : CGTextures (www.cgtextures.com) et (le très laid !) Image*After (www.imageafter.com). Alors que vous cherchiez du verre, de la glace, du bois, de l’eau ou toute autre matière pour créer un fond ou quoi que ce soit d’autre, foncez en premier lieu sur ces deux pépites.
Le premier cité est uniquement alimenté par la communauté, alors que le second mise sur la gratuité, le libre de droits et surtout, la qualité. La liste à dresser est donc encore longue. Voici quelques références qui devraient figurer dans vos favoris : Mayang (www.mayang.com), QTextures ( Amazing Textures ( Texture Warehouse (www.texturewarehouse.com), Urban Dirty ( Design Packs (www.designpacks.com), Grunge Textures (www.grungetextures.com), ou encore Le site en bois (centré sur le bois donc – www.site-en-bois.net). Toutes les ressources utiles !