Vous êtes peut-être un peu novice en matière de conception, mais vous voulez simplement que les choses paraissent raisonnables (et probablement pas exactement comme un modèle ou un framework que tout le monde utilise). Peut-être essayez-vous de comprendre la multitude de facteurs à l’origine d’un excellent design, mais pour l’instant, il vous suffit de faire quelque chose.
Suivez ces quelques conseils et vous devriez être sur la bonne voie pour obtenir quelque chose qui semble à mi-chemin décent, et vous simplifierez suffisamment pour que vous appreniez réellement au fur et à mesure, au lieu de vous perdre dans une mer de possibilités infinies.
Nous allons passer aux choses sérieuses…
Il existe des milliers de polices. C'est un fait que la plupart d'entre eux sont terribles. Il y a des tonnes d'excellents, mais il y en a beaucoup plus terribles.
Évitez définitivement toute police qui a un "gadget": elle est faite pour être manuscrite, c'est un script, c'est pour ressembler à du fromage suisse. Toutes les polices Gimmicky ne sont pas forcément des solutions irréprochables, mais si vous êtes un concepteur débutant, ne compliquez pas les choses en augmentant les chances que vous fassiez un mauvais choix de police..
Comme il y a tellement de polices de caractères de mauvaise qualité, ne compliquez pas les choses en risquant de choisir les mauvaises. Conservez quelques exemples simples et concentrez-vous sur la manière de reconnaître à l'écran les polices qui conviennent aux petites tailles, celles qui conviennent aux grandes tailles (ou pour l'impression) et quelles ambiances véhiculent les polices. Si vous voulez une aide-mémoire rapide, essayez la partie «Toutes les polices dont vous aurez jamais besoin» de mon cours Design for Hackers..
Les écrans larges que vous pouvez utiliser sur le Web et la tendance en matière de design réactif se sont conjugués pour que beaucoup de gens élargissent leurs blocs de corps de texte de manière trop large. Ne laissez jamais vos blocs de texte contenir plus de douze à quinze mots par ligne et ne les laissez jamais plus courts que huit mots par ligne..
Oui, je le dis vraiment. Oui, vous pouvez certainement créer un superbe dessin, et même l'enrichir, en utilisant plus d'une police; mais si vous en apprenez seulement sur le design, ne vous laissez pas distraire. Vous en apprendrez beaucoup plus sur la façon de créer un bon design si vous choisissez simplement une bonne police de caractères qui convient à vos projets et que vous vous inquiétez plutôt des changements de taille, de l'alignement et des blancs (plus de détails à ce sujet lors du conseil n ° 9)..
Avec la typographie numérique, nous avons le malheureux luxe de pouvoir créer des caractères quelle que soit leur taille. Je dis «malheureux» parce que pour la plupart des gens, c'est un préjudice, car cela complique les choses. Faites-vous une faveur et utilisez uniquement les tailles de pixels cibles: 5, 7, 9, 12, 16, 21, 28, 37, 50, 67, 83. Ces tailles sont basées sur la proportion de 3: 4, et vous pour en savoir plus sur les détails techniques permettant d’atteindre ces tailles dans Comment établir une échelle typographique modulaire.
Si l'une de ces tailles ne produit pas l'effet souhaité, vous pouvez faire beaucoup d'autres choses: utiliser des caractères gras ou italiques, des majuscules (pour les titres et les métadonnées) ou une couleur différente. S'en tenir à ces tailles et s'inquiéter de quelque chose d'autre.
Le type justifié aligne un corps de texte sur les bords gauche et droit, en répartissant les mots sur l'espace disponible. Un bon type justifié peut être obtenu en version imprimée avec un logiciel de publication de qualité, si vous connaissez vraiment votre typographie. Sur le Web, il est impossible de bien faire. Les blocs de type doivent avoir une texture uniforme et leur justification ne crée que des espaces disgracieux qui interrompent le flux de lecture. Ne sacrifiez pas votre contenu pour la fausse satisfaction d'avoir un bord net sur vos blocs de caractères.
Lacunes disgracieusesRelevez le défi d'éviter les ornements (lignes de règles, blocs de texte, dégradés et textures) autant que possible. Simplifiez et occupez-vous de tous les autres détails (comme ceux du n ° 9), puis peut être commencez à ajouter quelques éléments, le cas échéant.
Un des modèles très attrayants disponibles à partir de thepatternlibrary.com, mais utilisez avec prudence!Jetez un coup d'œil aux marques les plus puissantes avec lesquelles vous vous engagez habituellement. Peut-être que c'est Google, Yelp, Duolingo et Twitter, par exemple. Chacune de celles-ci évoque sa propre couleur et cette couleur domine chacun de leurs produits. Choisissez une couleur qui convient vraiment à votre conception, puis créez tout le reste en nuances et teintes de cette couleur - ou en nuances de gris. Mais plus que tout, simplifiez-vous. Encore une fois, concentrez-vous sur la 9e première.
Tout ce qui précède est destiné à vous aider à simplifier vos décisions afin que vous puissiez vous concentrer sur les éléments «invisibles» de la conception. Nous sommes des esprits cognitifs et nous sommes facilement distraits par des éléments brillants tels que les polices de caractères et les couleurs, lorsque les éléments qui importent vraiment dans la création d’un dessin ont l’air propre et cohérent: la taille des éléments, la manière dont ils s’alignent et se lient les uns aux autres, la quantité d'espace blanc entre eux - sont invisibles pour nous.
Ces forces invisibles sont si puissantes que j'ai développé un cours complet à leur sujet, disponible via votre boîte de réception..
Le design est une discipline infiniment complexe, et toutes ces règles peuvent être enfreintes par un designer très expérimenté. Vous pouvez même essayer de les casser vous-même après vous être familiarisé avec ce cadre. mais jusque-là, suivez ces règles et vous serez sur la bonne voie pour être non seulement à moitié décent, mais pleinement décent!