Outils de la semaine pour les web designers N°14

On se retrouve une nouvelle fois pour découvrir de nouveaux outils pour les professionnels du web design.

Aujourd’hui, on abordera plusieurs thématiques. Tout d’abord les couleurs pour le material design, la typographie, des ressources sur Sketch ou encore des modèles responsive. Des ressources utiles pour vous accompagner au quotidien.

Bonne lecture !

Froont

Le responsive est une valeur fondamentale du webdesign. Froont est un outil qui vous permettra de créer des sites ou une landing page responsive le tout visuellement. Un outil simple et efficace !

[su_button url=https://froont.com/ » target= »blank » style= »flat » background= »#37bf91″ size= »8″ radius= »0″ icon= »icon: cloud-download »]Découvrir cette ressource[/su_button]

FontSelf

Voir la promo

Créez facilement vos propres polices d’écriture directement dans Illustrator.

[su_button url= »https://template.pro/qjdk » target= »blank » style= »flat » background= »#37bf91″ size= »8″ radius= »0″ icon= »icon: cloud-download »]Découvrir cette ressource[/su_button]

Pensée design

Un article qui vous permet de mettre la stratégie de réflexion au coeur de votre conception graphique. Des valeurs intéressantes et un parcours initiatique à découvrir en anglais.

[su_button url=https://medium.com/digital-experience-design/how-to-apply-a-design-thinking-hcd-ux-or-any-creative-process-from-scratch-b8786efbf812#.yaahx7bfa » target= »blank » style= »flat » background= »#37bf91″ size= »8″ radius= »0″ icon= »icon: cloud-download »]Découvrir cette ressource[/su_button]

Icônes gratuites 2016

Découvrez une sélection de pack d’icônes gratuites pour agrémenter vos différents travaux personnels ou professionnels.

[su_button url=https://template.pro/icones-gratuites-2016/ » target= »blank » style= »flat » background= »#37bf91″ size= »8″ radius= »0″ icon= »icon: cloud-download »]Découvrir cette ressource[/su_button]

Tutoriel – Transformez votre Parallel Pen en Ruling Pen

Découvrez comment réaliser un ruling pen avec un parallel pen avec un tutoriel en français.

[su_button url= »http://liguedulettrage.com/tutoriel-transformez-parallel-pen-ruling-pen/ » target= »blank » style= »flat » background= »#37bf91″ size= »8″ radius= »0″ icon= »icon: cloud-download »]Découvrir cette ressource[/su_button]

 

Photopea

Vous aimez Photoshop mais vous n’avez pas les moyens de vous l’offrir ? Photopea est une alternative très ressemblante qui pourra vous dépanner dans certains cas.

[su_button url=http://www.photopea.com/ » target= »blank » style= »flat » background= »#37bf91″ size= »8″ radius= »0″ icon= »icon: cloud-download »]Découvrir cette ressource[/su_button]

Inker

Avec Inker, vous pouvez dessiner, créer et imaginer des logos ou des typographies le plus simplement du monde.

[su_button url=http://inker.co/ » target= »blank » style= »flat » background= »#37bf91″ size= »8″ radius= »0″ icon= »icon: cloud-download »]Découvrir cette ressource[/su_button]

TypeAnything

Voici un logiciel de mise en page en ligne où les effets sélectionnés apparaissent immédiatement. Choisissez le style, la taille ou l’espacement dans la colonne de gauche et observez le résultat à droite.

[su_button url=https://typeanything.io/ » target= »blank » style= »flat » background= »#37bf91″ size= »8″ radius= »0″ icon= »icon: cloud-download »]Découvrir cette ressource[/su_button]

Sidebar

Profitez chaque jour de 5 liens vers des ressources utiles concernant un domaine d’activité particulier. Choisissez les thèmes souhaités et découvrez vos ressources.

[su_button url=http://sidebar.io/ » target= »blank » style= »flat » background= »#37bf91″ size= »8″ radius= »0″ icon= »icon: cloud-download »]Découvrir cette ressource[/su_button]

Boxy SVG

Voici un outil très simple d’utilisation qui permet de créer facilement des SVG. Tout est facile, de quoi vous redonner le plaisir de travailler !

[su_button url=http://boxy-svg.com/main.html » target= »blank » style= »flat » background= »#37bf91″ size= »8″ radius= »0″ icon= »icon: cloud-download »]Découvrir cette ressource[/su_button]

Tailor

Une manière très simple de créer des modèles de site web en un éclair. Tous les composants sont disponibles dans la colonne de gauche, il suffit de les glisser à droite pour obtenir un résultat bluffant !

[su_button url=http://gettailor.com/ » target= »blank » style= »flat » background= »#37bf91″ size= »8″ radius= »0″ icon= »icon: cloud-download »]Découvrir cette ressource[/su_button]

Visual Center

Comment trouver le véritable centre de votre image ? Le moyen le plus simple est d’utiliser cet outil. Il ne se concentre par sur le contour de votre image mais bien sur le contenu.

[su_button url=http://javier.xyz/visual-center/ » target= »blank » style= »flat » background= »#37bf91″ size= »8″ radius= »0″ icon= »icon: cloud-download »]Découvrir cette ressource[/su_button]

String Bean

Profitez d’un framework haute définition avec String Bean. Un outil basé sur 24 points pour une résolution incomparable.

[su_button url=http://stringbean-lang.com/ » target= »blank » style= »flat » background= »#37bf91″ size= »8″ radius= »0″ icon= »icon: cloud-download »]Découvrir cette ressource[/su_button]

Gutenberg

Un manuel très complet pour vous lancer dans la typographie. Tous les aspects sont présents ainsi que les particularités pour être au top niveau.

[su_button url=http://matejlatin.github.io/Gutenberg/ » target= »blank » style= »flat » background= »#37bf91″ size= »8″ radius= »0″ icon= »icon: cloud-download »]Découvrir cette ressource[/su_button]

RichCSS

Un outil idéal pour organiser de manière simple votre CSS. Vous pourrez ainsi le réutiliser facilement sans vous perdre dans tous les détails.

[su_button url=http://www.richcss.com/ » target= »_blank »>Décourir

Runner

Comment utiliser Sketch de façon simple et rapide ? En utilisant Runner, vous pouvez utiliser toutes les fonctions directement depuis votre clavier sans chercher dans les différents menus.

[su_button url=http://sketchrunner.com/ » target= »blank » style= »flat » background= »#37bf91″ size= »8″ radius= »0″ icon= »icon: cloud-download »]Découvrir cette ressource[/su_button]

Material Colors

Sur une seule page, découvrez les couleurs que vous pouvez utiliser dans le Material Design. C’est simple comme bonjour ! Nous avons partagé également 22 outils pour créer une palette de couleurs.

[su_button url=http://www.cosmicmind.io/material/color » target= »blank » style= »flat » background= »#37bf91″ size= »8″ radius= »0″ icon= »icon: cloud-download »]Découvrir cette ressource[/su_button]