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

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

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

vacationtimeicons_by_sunbzy

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

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

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

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

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

Boxy

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

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

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

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

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

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

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

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]

A propos de l'auteur

Fabien Berthoux

Créateur de Template.pro, je partage un maximum de ressources sur mon temps libre pour aider créatifs et porteurs de projet à gagner du temps dans leur recherche. Quand je ne m'occupe pas de de créer le contenu du blog, j'aide les entrepreneurs à booster leur business en ligne avec un logiciel CRM simple à utiliser et une agence de référencement pour leur faire gagner du temps et des clients.

Ajouter un commentaire

Pin It on Pinterest

Share This
Outils de la semaine pour les web designers N°13

Les beaux jours arrivent et les outils de la semaine sont toujours présents. Une nouvelle fois, voici une sélection d'éléments...

Fermer