Autant que nous aimerions ne pas nous gêner pour inventer une conception de documentation – il n’y a pas à l’éviter. Votre documentation est ce qui vous représente pour vos utilisateurs, il vaut donc mieux qu’elle soit décente.
Vous n’avez pas nécessairement besoin d’un concepteur pour remplir cette tâche particulière. Dans cet article, nous allons vous montrer plusieurs approches pour créer un jeu de couleurs.
Utilisez un modèle
On ne se contente pas d’écrire des manuels d’utilisation dans le bloc-notes. Si seulement c’était aussi simple que ça. Donc, vous utilisez probablement déjà un outil de création de documentation. Sinon, vous devriez certainement envisager de le faire car la documentation est bien plus que du texte brut: des captures d’écran, des schémas, des tableaux, des listes ordonnées, et peut-être même des choses plus professionnelles, comme l’approvisionnement unique, la restriction d’accès, un sacrifice de sang pour les dieux qui vous aidera à obtenir la version de votre application lorsqu’une nouvelle sortira, et vous devez soudainement changer ce numéro sur chaque page (ah, voilà pour vivre au XXIe siècle! Dans les outils de création de documentation tels que ClickHelp, vous pouvez simplement utiliser des variables pour stocker le numéro de version, vous n’aurez donc pas à le pixelhunt dans toute votre documentation), etc.
Les outils de création de documentation peuvent vous aider dans de nombreux aspects de votre processus de travail, y compris la conception. Les modèles préconfigurés font presque toujours partie de l’offre.
En règle générale, les logiciels de rédaction de documentation comportent plusieurs modèles conçus pour différents types de documentation. Par exemple, voici un modèle pour les documents API avec des blocs clairs et sombres:
Vous aurez donc le choix entre quelques options.
Bien sûr, l’utilisation d’un modèle prêt à l’emploi vous fera gagner beaucoup de temps, mais n’oubliez pas qu’il doit toujours être lié à votre entreprise. Voici une approche à considérer: choisissez un modèle prêt à l’emploi qui correspond le mieux au style de votre entreprise et effectuez quelques réparations mineures.
Avantages
- Vous obtenez un design prêt
- Les designs sont créés par des professionnels
Inconvénients
- Les modèles ne sont pas toujours gratuits
- Les designs prêts ne correspondent pas toujours au style de votre entreprise
- Certaines modifications et corrections sont encore nécessaires assez souvent
Table des Matières
Go Corporate
Cette approche nécessite un peu plus de grattage de la tête. Chaque entreprise dispose de solutions de conception de base qui sont utilisées dans la conception de ses produits, sur son site Web, dans ses publicités, etc. Votre style est ce qui fait ressortir votre produit, c’est ainsi que les gens se souviendront de votre marque et la trouveront entre autres. Même lorsque les utilisateurs viennent lire vos manuels, ils doivent savoir de quelle marque il s’agit. Premièrement, cela donne plus de visibilité, plus de chances d’être reconnu à l’avenir. Deuxièmement, cela reste un énorme gain de temps. Troisièmement, cela vous fera simplement bien paraître – les utilisateurs remarqueront que les membres de cette entreprise prennent vraiment leur travail au sérieux, sans laisser le moindre détail inaperçu.
Alors, oui, l’utilisation de votre style d’entreprise pour la documentation utilisateur est une approche hautement recommandée.
S’il y a un guide de style, c’est tout simplement génial. Toutes les polices et couleurs ont déjà été décidées. Mais, aussi, soyez prêt à modifier quelques couleurs et à en ajouter d’autres au schéma. Comme certaines nuances d’alarme rouge-jaune-orange pour les avertissements, par exemple. Plus loin dans cet article, nous vous donnerons quelques directives sur les techniques de correspondance des couleurs, de sorte que vous serez entièrement équipé pour choisir les bonnes couleurs supplémentaires en fonction de votre guide de style d’entreprise.
Avantages
- Cela vous fera gagner beaucoup de temps car vous n’avez pas besoin de faire le design à partir de zéro
- Dans la plupart des cas, il y a un guide de style prêt à portée de main
Inconvénients
- Il y aura très probablement des éléments non couverts par votre guide de style
- Quelques retouches supplémentaires seront nécessaires
Créer des schémas de couleurs À partir de zéro
C’est tout – c’est à quel point cela devient compliqué. Création d’un nouveau schéma de couleurs. Il peut y avoir diverses raisons pour lesquelles vous faites face à cette tâche, nous n’allons pas nous attarder sur cela. Au lieu de cela, nous allons vous proposer des étapes universelles pour créer un jeu de couleurs. Ils peuvent être utilisés pour des portails de documentation, des sites Web, des documents autonomes, etc.:
- Pensez à ce que représente votre produit. Chaque créneau a ses propres particularités, normes et tendances. Les couleurs de divertissement gravitent vers des couleurs plus vives et plus audacieuses avec plus d’accents tandis que le style d’entreprise est plus froid, neutre et uni.
- Choisissez les couleurs primaires. Ce seront les bases de toute la palette de couleurs. Et n’oubliez pas que vous n’avez besoin que d’une ou deux couleurs primaires par motif. Voyez comment trouver les couleurs correspondantes dans la section suivante de cet article.
- Choisissez les couleurs pour les accents. Assurez-vous d’avoir des couleurs de base et des accents plus lumineux, afin que votre palette de couleurs ne soit pas terne et que toutes les choses importantes soient soulignées.
- Définissez quels éléments supplémentaires vous aurez (tableaux, boîtes d’information, boîtes d’avertissement, etc.) et choisissez également des couleurs pour eux. En règle générale, ce sont des versions plus lumineuses, plus sombres ou plus saturées des couleurs que vous avez déjà choisies pour votre palette. Si vous avez l’impression que les choses deviennent incontrôlables avec cette quantité de teintes, optez simplement pour vos couleurs d’accent.
- Aaet c’est fait! Prenez vos couleurs, secouez-les, ne remuez pas 🙂
Avantages
- Le design sera vraiment unique
- L’ensemble du processus est sous contrôle du début à la ligne d’arrivée
Inconvénients
- Certaines recherches doivent être effectuées si vous êtes nouveau dans ce domaine
- Le développement d’un nouveau design de marque nécessite un temps alloué considéré
Bases de la théorie des couleurs – Roue des couleurs
Maintenant, à la partie la plus intéressante – apprenons à combiner et à assortir les couleurs. Cela va être beaucoup plus facile que vous ne l’avez probablement imaginé.
La chose magique qui fera presque tout le travail pour nous s’appelle la roue chromatique:
Et, voici quelques façons dont les couleurs peuvent se combiner à l’aide de la roue chromatique:
- Les couleurs opposées sont appelées complémentaires, ce qui signifie qu’elles s’emboîtent bien, mais elles créent également un contraste saisissant. Utilisez-les en quantités limitées pour l’accent.
Les couleurs situées les unes à côté des autres sont appelées analogues. Ils créent généralement des palettes de couleurs plutôt harmonieuses et calmes. Pensez à une couleur complémentaire pour rendre votre palette de couleurs plus vibrante.
Trois couleurs uniformément distantes les unes des autres comprennent des schémas de couleurs triadiques. De telles combinaisons de couleurs sont très vives et lumineuses. Essayez d’utiliser des teintes plus pâles ou de rendre une couleur dominante tandis que les deux autres serviront d’accents.
Ressources de jeu de couleurs gratuites
Si, pour une raison quelconque, vous ne vous sentez toujours pas confiant dans vos jeux de couleurs après avoir essayé les astuces mentionnées ci-dessus avec la roue des couleurs – heureusement, nous avons Internet entre nos mains. Et, il est plein d’excellentes ressources pour la création de schémas de couleurs. Ci-dessous, vous trouverez un aperçu rapide de trois excellentes ressources en ligne pour la création de palettes de couleurs:
paletton.com
Cette ressource impressionnante vous donne une roue chromatique interactive avec laquelle jouer. Vous pouvez utiliser les techniques que nous avons mentionnées dans la section précédente ou essayer quelque chose de nouveau, comme, par exemple, une combinaison tétrade de quatre couleurs. Ce site Web peut même créer une page d’exemple rapide pour votre schéma de couleurs.
www.degraeve.com
Ce site propose une collection particulière de générateurs, le générateur de palette de couleurs en fait partie.
Il vous suffit de télécharger une image dont la combinaison de couleurs est visuellement attrayante, et l’application la décompose en couleurs distinctes, de sorte que vous obtenez un jeu de couleurs prêt en sortie.
coolors.co
Ce site Web peut générer des jeux de couleurs aléatoires que vous pourrez affiner plus tard. En outre, il stocke un nombre impressionnant de palettes de couleurs prêtes à l’emploi d’autres utilisateurs. N’hésitez pas à les filtrer pour regarder les meilleures offres.
Dans cet article, vous vous êtes familiarisé avec trois chemins que vous pouvez suivre pour créer votre propre conception de documentation: utiliser un modèle prêt à l’emploi, créer votre conception en fonction de votre style d’entreprise ou tout faire à partir de zéro. Quel que soit le chemin que vous empruntez, gardez à l’esprit les astuces de couleur que vous avez apprises dans cet article, elles peuvent s’avérer très utiles.
Il y a, en fait, un autre conseil pour vous – regardez autour de vous. Tout notre univers est là pour vous inspirer, regardez de plus près.
Cet article a été rédigé sur la base de notre propre expérience de rédaction technique. Si vous avez besoin de créer de la documentation en ligne, vous aimerez peut–être aussi ClickHelp – le meilleur outil de documentation en ligne pour les développeurs Web.