Les sites Web géniaux semblent toujours combiner un excellent design avec un excellent code. Depuis la création d'un site Web est une tâche assez simple, vous trouvez que beaucoup de gens apprennent le HTML et le CSS et pensent que s'ils peuvent apprendre cela, ils peuvent concevoir n'importe quel site Web qu'ils veulent. Bien que techniquement, vous pouvez souvent constater qu'il y a des erreurs clés qu'ils font parce qu'ils ne souhaitent pas prendre le temps d'apprendre réellement au sujet du design.
Les programmeurs sont des concepteurs à part entière, mais ils conçoivent du code et des systèmes parfaitement conçus. Concevoir quelque chose de visuel est complètement différent et le fait que vous ayez un bon œil pour le design ne signifie pas que vous ayez l’intention de l’appliquer.
Étant donné que de nombreux programmeurs ont des projets personnels, ils doivent généralement créer leurs propres sites Web. Si vous êtes un codeur indépendant, l'un des meilleurs atouts que vous pouvez avoir est de connaître le processus de développement Web complet du début à la fin, et cela inclut la conception.
Voici huit erreurs que les développeurs rencontrent souvent lorsqu'ils appliquent la conception à un site Web.
Il peut être difficile de séparer un œil pour le design avec la capacité de concevoir. Il est très similaire aux personnes qui peuvent regarder la mode et vous dire ce qui a l'air bien, mais ne peuvent pas vraiment s'habiller de la même manière.
Les grands concepteurs savent simplement ce qu'est un bon design. Ils savent ce qui fonctionnera et ce qui ne fonctionnera pas plusieurs fois avant même de prendre un crayon ou d'ouvrir Photoshop. C’est souvent le cas parce qu’ils ont passé des années à se pencher sur des designs différents et à essayer eux-mêmes des designs. Tout comme aucun artiste ne peut prendre un crayon et dessiner quelque chose de grand la première fois, aucun développeur ne doit croire qu'il peut frapper son premier design dès sa sortie du parc.
Semblable à la façon dont un programmeur peut étudier le code d'une autre personne, n'importe qui peut étudier un dessin et commencer à comprendre pourquoi cela fonctionne.
Regarder la belle Punchfork vous pouvez voir ce qui rend le design si génial.
Il y a beaucoup d'autres parties du design qui le rendent si merveilleux. Lorsque vous rencontrez un dessin que vous aimez, prenez le temps d'étudier les éléments individuels, mais reconnaissez également comment ils s'intègrent dans l'ensemble. Un grand élément d'un design ne rend pas l'ensemble parfait.
La sélection des couleurs peut être pénible. Je déteste avoir à choisir des couleurs car il y a tellement de choix. Pour certaines raisons, la plupart des développeurs ont tendance à s'en tenir à une palette bleue et blanche. Peut-être parce qu'il est utilisé partout ou que ce sont les paramètres par défaut du navigateur, mais un bon design peut impliquer une gamme de couleurs. Heureusement pour nous les gens qui ont des problèmes de couleur, il existe une tonne d’outils qui peuvent nous aider à créer des combinaisons de couleurs merveilleuses.
COULEURS est une grande communauté où les gens créent leurs palettes de couleurs préférées et les partagent. Vous pouvez parcourir, enregistrer et voter pour vos palettes et couleurs préférées. À plus d'une occasion, je me suis tourné vers COLOURlovers pour passer la journée en sélectionnant les couleurs.
Lorsque vous choisissez une palette de couleurs, assurez-vous de choisir celle qui correspond à l’ambiance de votre site et de son contenu. Ne choisissez pas une palette simplement parce que vous l’aimez. Orange et noir pourraient ne pas être les meilleures couleurs pour un site autour du concept de l'amour par exemple.
Vous aurez rarement besoin d'utiliser plus de 3 ou 4 couleurs différentes et si vous décidez, vous devez justifier votre choix.
Il peut être très tentant de centrer un titre. Cela a fière allure dans les journaux, mais cela fonctionnera rarement sur le web à moins que tout soit centré. Nous savons que le texte aligné à gauche a l'air professionnel et fonctionne avec le flux naturel des yeux, alors pourquoi ne pas aller à l'extérieur des lignes?
Le texte centré est le mieux utilisé pour les titres et les lignes courtes de texte. Les utilisateurs peuvent les lire facilement car les lignes sont courtes, scannables et ne nécessitent pas de mouvements oculaires répétés. Le texte centré peut également donner à votre mise en page un aspect esthétique avec son format symétrique. Cela fonctionne pour le texte qui accompagne les images centrées. Si vos images sont alignées à gauche ou à droite, vous devez aligner votre texte à gauche pour qu'il reste cohérent avec votre mise en page.
Les titres centrés sont utilisés dans les journaux, car le texte est divisé en colonnes, de sorte que le titre est diffusé dans toute l’histoire. Si vous ne traitez qu’une colonne de texte, vous devez vous en tenir à un titre aligné à gauche.
Quand vous n'êtes pas immergé dans le monde de la typographie, Arial ressemble à Helvetica et la Géorgie ressemble à Times New Roman. Vous savez qu’il existe d’autres polices comme Comic Sans, mais vous ne voyez pas l’importance de devoir payer une police lorsque vous pouvez très facilement utiliser ce qui est à votre disposition.
Avec des ressources comme Typekit cependant, la sélection des polices est devenue étrangement similaire à la sélection des couleurs. Cela peut prendre des jours de recherche pour trouver la bonne combinaison lorsque vous pouviez facilement utiliser une police de base et finir avec le reste.
Ne dépassez pas les polices. Comme pour les couleurs, une sélection limitée fonctionne le mieux. En ce qui concerne les polices, une ou deux polices différentes peuvent être utiles pour créer un beau design. Rappelez-vous que vous pouvez faire beaucoup de choses différentes avec les polices. Vous pouvez les mettre en italique, les mettre en gras, les souligner, les mettre en majuscule ou les minuscules.
Lorsque vous êtes développeur, plus vous pouvez avoir d'informations sur une page, mieux c'est. Lorsque je code, j'aime le faire sur plusieurs écrans, car cela me permet de tout avoir sous les yeux. Malheureusement, cela ne fonctionne pas dans la conception. Vous ne devriez pas fourrer autant d'informations dans un espace restreint que vous le souhaitez, car le design devient alors dysfonctionnel.
L'œil ne peut recueillir autant d'informations à la fois et si le but de la plupart des conceptions est de mener à bien une tâche, le cacher dans un million d'autres informations ne va pas aider.
Bien que les sites Web occupés puissent être efficaces, ils ne le sont pas toujours. L'espace blanc devrait être votre meilleur ami. Vous avez besoin de parties vides dans votre conception pour mettre l'accent sur les parties de la conception qui sont importantes.
Nous connaissons tous ce sentiment merveilleux de créer quelque chose et de le voir dans le monde réel. Parce que nous l'avons créé, il y a généralement un parti pris qui nous fait penser que c'est mieux qu'il ne l'est réellement. Vous devez connaître l'opinion des autres pour savoir si votre conception est efficace et si ce n'est pas le cas, vous pouvez trouver des moyens de l'améliorer. Au lieu de cela, les développeurs estiment qu’ils n’ont pas besoin de demander l’avis des autres parce qu’ils savent comment fonctionne leur conception et que cela leur semble logique.
Vous constaterez également que lorsque les gens demandent un avis sur un design, ils ne demandent pas une critique, mais une approbation. Ils veulent une justification pour les décisions qu'ils ont prises et ce n'est pas la bonne approche. Poser des questions vous aide vraiment à trouver les problèmes de convivialité dont vous n’avez peut-être pas eu connaissance auparavant. Souvent, vous êtes tellement coincé dans votre propre conception que tout a un sens pour vous, mais pour une nouvelle personne, votre conception pourrait être plus compliquée qu'un Rubiks Cube.
Avec de superbes designs, il peut être difficile de remarquer les petits détails qui le font vraiment. Ils peuvent être si subtils que l'observateur occasionnel les regarde et continue. Pour un développeur, les petits détails peuvent être une perte de temps car ils ne comprennent pas l'impact global qu'une ombre portée peut avoir sur un élément.
Les petits détails ont en eux-mêmes un impact sur un élément spécifique du design, mais quand ils se rejoignent, alors vous avez un design merveilleux qui coule. Des sites comme Dribbble exposer à quel point les petits détails peuvent fonctionner dans un design plus large. Cependant, si vous n'êtes pas un concepteur par métier, trop vous focaliser sur les détails peut ralentir le processus plus que vous ne le souhaiteriez. Cependant, cela ne signifie pas que vous ne devriez pas savoir comment les détails peuvent avoir un impact sur une conception.
Quelles sont les autres erreurs courantes des développeurs en matière de conception? S'il vous plaît partager dans les commentaires!