web-dev-qa-db-fra.com

Comment puis-je améliorer mes compétences en conception visuelle?

Je suis un concepteur UX novice et je suis assez à l'aise avec l'architecture de l'information, la conception d'interaction et la création de maquettes (faible, moyenne et élevée). Mais quand il s'agit de créer l'interface utilisateur réelle, j'ai quelques défis - l'interface utilisateur ne semble pas avoir l'air "jolie"/"agréable pour les yeux", ce qui cause des problèmes au travail.

Pouvez-vous s'il vous plaît suggérer des livres/sites Web que je peux consulter pour améliorer mes compétences en conception visuelle?

14
Tara

Puisque vous avez défini votre question plus clairement dans les commentaires comme ayant trait à la conception visuelle, permettez-moi d'aborder ma réponse dans cette perspective.

La conception visuelle telle que j'ai tendance à la définir se rapporte à la façon dont les principes de conception graphique sont utilisés dans la conception d'interface pour favoriser la clarté, la cohérence et la simplicité afin de créer des interfaces utilisateur faciles et agréables à utiliser. Wikipédia le définit comme "la conception visuelle est une conception qui fonctionne dans n'importe quel média ou support de communication visuelle", ce qui est une définition plus large mais toujours de ce dont je parle.

Le Visual Display of Quantitative Information d'Edward Tufte est le livre le plus influent sur la conception visuelle. Non seulement il élabore un récit convaincant pour la "conception visuelle" en tant que profession distincte, mais il vous donne une tonne de réflexion sur la conception de l'interface utilisateur et les modèles de noms, tels que la différence la moins efficace.

Je pense que certains aspects fondamentaux de la conception visuelle sont importants:

  • Chaque décision de conception est en faveur du support . Cela signifie que si vous effectuez un travail de conception visuelle pour une application Web, chaque choix que vous faites doit être relatif au fait que vous travaillez sur une application Web qui sera utilisée par quelqu'un pour atteindre un objectif. En tant que tel, vous avez des priorités différentes de celles des graphistes et vous devez prendre des décisions en conséquence. Par exemple, une divergence d'opinion commune entre certains graphistes et les concepteurs d'interface utilisateur que j'ai vu a été de savoir s'il faut ou non styliser les champs de saisie. Les graphistes peuvent rechercher la cohérence visuelle en ce qui concerne un thème ou une marque, tandis que le concepteur visuel en charge de l'interface utilisateur peut chercher à créer une interface facile à utiliser et à comprendre. Parfois, ces objectifs se heurtent, créant des conversations intéressantes.

  • Typographie . De grandes parties des interfaces sont constituées de texte et en tant que tel, vous devez comprendre comment la typographie peut être utilisée pour affecter la façon dont les gens les utilisent. Quelles sont les conséquences de Verdana vs Arial? Pourquoi voulez-vous éviter les polices serif pour les interfaces utilisateur basées sur l'écran? Quelles polices fonctionnent bien sur les écrans mobiles/petits? Des questions similaires sont pertinentes et, comme ci-dessus, un concepteur visuel peut faire des choix différents d'un concepteur graphique.

  • Contraste et couleur . Ces deux outils sont des outils de conception. Lorsqu'un graphiste peut être intéressé à créer une certaine humeur ou atmosphère, un concepteur visuel peut hiérarchiser les contrastes et les couleurs de manière à permettre aux utilisateurs de se concentrer sur les parties essentielles de l'interface utilisateur. Connaître le contraste vous aide à créer des interfaces utilisateur lisibles; la couleur est un outil essentiel pour mettre en évidence les choses, les estomper et créer un équilibre cohérent qui offre une facilité d'utilisation mais qui n'entre pas en conflit avec les styles de maison ou les directives de marque.

  • Espaces et proportions . Les interfaces utilisateur sont soumises aux lois des proportions et de la composition comme tout autre support créatif. Les espaces blancs sont un excellent moyen d'attirer l'attention sur quelque chose sans avoir à utiliser des couleurs, des icônes, etc. superflues. Sachez quand les espaces blancs fonctionnent et combien vous devez utiliser. Certains designers entassent tout ensemble, ce qui rend difficile de trouver des choses sur la page, tandis que certains en utilisent trop (parfois parce qu'ils ont des écrans de 23 pouces et ne s'en rendent pas compte). Ne soyez pas comme eux!

  • Iconographie . Comprendre comment et quand utiliser des icônes et avoir une compréhension de base de la façon de les créer va un long chemin. Même si vous n'êtes pas un concepteur d'icônes hot shot, vous devriez toujours être en mesure de rassembler des icônes de base qui communiquent efficacement les concepts, et vous devriez certainement apprendre à distiller les idées au format d'icônes car il est juste utile de savoir comment le faire. En fin de compte, vous voudrez probablement travailler avec le graphiste pour trouver la meilleure représentation visuelle des trucs de logique métier et lui faire faire le travail hardcore et détaillé sur eux.

En fin de compte, si vous cherchez à améliorer vos compétences en conception visuelle, mon conseil serait de beaucoup pratiquer .

J'ai beaucoup appris en regardant les autres, notamment les concepteurs de 37signals Jason Fried et Ryan Singer, ainsi qu'en gardant mes yeux sur le design visuel à la pointe de la mode comme Quora, l'équipe responsable du design visuel de Facebook, Twitter, l'équipe UX de Google, etc. Mais c'est moi - Je me concentre sur les applications web et le minimalisme. Vous pouvez avoir différentes priorités.

Dans tous les cas, soyez toujours à la recherche d'un design visuel intéressant en gardant les yeux ouverts. Commencez à suivre des gens sur Twitter, à vous abonner aux flux RSS et à vous plonger dans des livres. Et - bien sûr - commencez à concevoir vos propres trucs. Il n'y a pas de meilleure façon d'apprendre qu'en faisant.

20
Rahul