• Passer au contenu principal
  • Passer à la barre latérale principale
  • Passer au pied de page

Lotin Corp. | Agence de branding

Tout est dans le sens du détail.

  • Portfolio
  • Blog
  • Livres & E-books
    • E-books
    • Livres sur Amazon
  • Ressources
    • Livres
    • Guides
  • A propos
  • Contact

Design pour founders : Outils & formats

1 décembre 2016 par Henri Lotin Laisser un commentaire

3 minutes

Cet article fait partie d’une série : Design pour founders

« Design pour founders : but et méthode

» Design pour founders : Comment exporter vos creations

Il y a pas mal de discussions sur les outils dans la communauté des designers. Certains ne jurent que par Photoshop, d’autres écrivent des articles opiniâtres sur le passage au nouveau concurrent, Sketch. Les applications aux grosses fonctionnalités comme celles de la suite Adobe sont en train de perdre du terrain face aux applications en ligne faciles à utiliser comme Canva.

post-design-founders-canva

Outils payants ou open-source ?

La vérité est que les outils ne sont pas si importants.

La plupart des styles peuvent être obtenus à l’aide d’une poignée de fonctions qui sont disponibles même dans des applications en open-source, comme Inkscape ou Gimp. La tendance actuelle du flat design rend cela encore plus facile. Avec la montée en puissance des nouvelles options CSS3, les images ne sont plus nécessaires pour créer la plupart des mises en page.

Bien sûr, certains outils peuvent améliorer un workflow de design. J’ai consacré une partie de cette série d’articles à une liste des meilleurs outils disponibles.

Vous aurez la liste à partir de la newsletter (si vous y êtes inscrit, si non, faites le dans la barre latérale).

En règle générale, lorsque vous travaillez avec des applications d’édition vectorielle, vous aurez besoin d’apprendre à utiliser les outils de forme (rectangle, ellipse, rectangle arrondi…), tracer et modifier les tracés, utiliser le pathfinder et l’outil texte.

Photoshop offre une tonne de fonctionnalités supplémentaires, mais elles sont pour les photographes, pas pour les designers.

Si vous n’éprouvez aucun intérêt à apprendre à utiliser un logiciel de design graphique, mais avez besoin de mettre vos idées sous une forme numérique utilisable, envisagez d’embaucher un designer pour transformer vos idées et croquis en fichiers prêts à l’emploi.

Formats d’image

Chaque logiciel de design a son format propriétaire, mais ce n’est pas tellement utilisé sur le web. Pour utiliser des images sur le Web, vous devrez exporter soit en png, jpg, svg ou convertir en CSS.

Les bitmap (matriciels) sont des formats qui perdent en qualité lorsque agrandis. Les exemples incluent les formats jpg et png.

En revanche, les formats vectoriels ne perdent pas en qualité, mais ne conviennent que pour des éléments plats, en couleur unie (comme les logos). Les exemples sont svg et les formes CSS.

Formats d'image - Matriciel vs Vectoriel

Formats d’image – Matriciel vs Vectoriel

Différents formats d’images ont des des usages spécifiques.

Le jpg est surtout utilisé pour les photos. Il ne gère pas les pixels transparents – dans les espaces où il n’y a pas de couleur, le jpg se remplira de blanc.

Le png est utilisé lorsque vous avez besoin de transparence, et est sans perte de qualité. Cela peut rendre les images lourdes, mais il est encore très populaire pour certains éléments de l’interface utilisateur (boutons, en-têtes, …).

Chaque fois que vous le pouvez, vous devriez vous efforcer de créer avec CSS. Ceci dans le but de d’assurer de la bonne résolution des images qui composent une interface, et vous aider avec un design responsive.

Si vous avez besoin d’une solution statique et avez des formes plus complexes que les navigateurs peuvent interpréter difficilement, utilisez le format svg.

Dimensions de l’écran

À l’heure actuelle, la largeur d’écran la plus répandue est 1366px. Il n’existe pas de règle sur la largeur des sites, et vous devriez toujours designer pour votre propre audience – cependant, commencer par un document de 1366px de largeur semble raisonnable.

Responsive Design par Ethan Marcotte – A Book Apart

Pour avoir une meilleure idée de la façon dont le résultat final aura l’air, je recommande régulièrement de vérifier vos design sur des navigateurs mobile et desktop tout au long du processus de conception. Référez-vous à Screensiz.es pour commencer avec la bonne résolution et la bonne taille d’écran.

Dans le prochain et dernier article de cette série introductive, nous aborderons comment exporter vos images.

Souscrivez à notre newsletter

Pour ne rien rater de nos offres, quand nous aurons l'occasion de vous en faire profiter. Et nos articles, une fois par semaine dans votre boîte aux lettres.

Partager ou imprimer :

  • Cliquez pour partager sur Facebook(ouvre dans une nouvelle fenêtre)
  • Cliquez pour partager sur Twitter(ouvre dans une nouvelle fenêtre)
  • Cliquez pour partager sur LinkedIn(ouvre dans une nouvelle fenêtre)
  • Cliquez pour partager sur WhatsApp(ouvre dans une nouvelle fenêtre)
  • Cliquer pour imprimer(ouvre dans une nouvelle fenêtre)

Catégorie(s) : Design graphique, Design pour founders Tags : design, formats d'image, founders, lean design, outils, outils de design, start-up, startup

À propos Henri Lotin

Brand Strategist & UX/UI Designer autodidacte vivant à Douala, au Cameroun, je suis le directeur de création, le responsable de la stratégie et du marketing digital, mais également le co-fondateur de Lotin Corp. (c'est beaucoup, je sais !?)

Je suis depuis Octobre 2014, le fondateur de Lotin Corp. Academy, où j’enseigne le marketing digital, l’introduction à la communication visuelle, le design web et interactif et les logiciels de PAO.

Article précédent : « E-book gratuit : Designer et lancer son blog en 7 jours
Article suivant : Les techniques de persuasion en business – 11. Définir l’utilité d’un processus commercial efficace »

Interactions du lecteur

Laisser un commentaire Annuler la réponse.

Barre latérale principale

Panier

Nombre d’articles dans le panier : 0

  • Votre panier est vide.
  • Total : 0,00€
  • Commande

Lotin Corp.

Nous sommes spécialisés en stratégie de marque, marketing digital ; design et développement web (WordPress), et en design d'identité visuelle.

A travers notre blog, nous souhaitons partager nos recherches et nos découvertes dans les domaines du design graphique, du design web, du marketing digital et de l'entrepreneuriat.

En savoir plus

Guide pratique du freelance

Dans une étude de AND.CO menée en 2017 auprès de 300 freelancers, 44% des personnes interrogées ont dit avoir déjà été escroquées par un client.

En savoir plus

Tous les e-books gratuits

Nos articles récents

  • Pourquoi les entreprises doivent prendre au sérieux le risque de réputation
  • L’approche concept unique : comment un professionnel conçoit un logo
  • Le Made in Cameroon, pourquoi j’ai recommencé à y croire
  • Le naming. Ou comment trouver le nom parfait pour votre entreprise ou votre produit
  • Un logo ce n’est pas pour faire joli, c’est pour aider un business à réussir
Mes Tweets

Footer

Nos traductions pour Tuts+

En défenseur du design

Il est très souvent rare de partager les mêmes point de vue sur le design avec les non-designers, et particulièrement … [Lire la suite...] à proposEn défenseur du design

Plus d'articles de cette catégorie

Catégories

  • 15 Minutes avec
  • Branding
  • Chronique
  • Clients
  • Design graphique
  • Design pour founders
  • Design web
  • Etudes de cas
  • Freelance
  • Guide de l’indépendant
  • Guides
  • Livres
  • Marketing Digital
  • Méthode hypercréative
  • Nouvelles
  • Persuasion en business
  • Profession
  • Realisations
  • Stratégie
  • Traductions
  • UI Design
  • UX Design
  • Vidéo
  • WordPress

Pages & articles à la une

  • C’est quoi le design graphique ? Que fait un designer graphique ?
  • Le briefing – partie 2 : Le briefing de création (copy-stratégie)
  • Blocs de construction du business model : Relation client
  • Pourquoi les entreprises doivent prendre au sérieux le risque de réputation
  • Marketing de réseau, comprendre le concept et tirer son épingle du jeu en créant de la richesse

Contactez-nous

403, Rue Drouot, Akwa
BP 4468 Douala
contact[at]lotincorp.biz
+237 673 07 94 08
Lundi à Samedi : 09h00 à 19h00

© Copyright 2010 - 2021 Lotin Corp. All Rights Reserved.

Powered by WordPress