Je ne peux pas dessiner. Comment puis-je faire des applications polies?

41

Je ne suis pas un graphiste. Je suis assez mauvais pour dessiner quoi que ce soit. Je ne parviens pas à créer des applications aussi belles que des "exemples" d'applications fournis avec des outils de développement; principalement parce que je n'ai pas de squat au sens des actifs artistiques.

Quelles stratégies pourrais-je prendre pour atténuer cela?

Billy Oneal
la source
3
Juste pour être clair: vous voulez créer des interfaces graphiques qui n'utilisent pas l'apparence de la plateforme par défaut? La première question serait alors: pourquoi ne pas compter sur le système d'exploitation pour dessiner votre interface utilisateur?
Konrad Rudolph
2
@ KonradRudolph: Même avec l'aspect et la convivialité par défaut (ce qui est en fait ce que je trouve le plus séduisant la plupart du temps), il reste toujours des ressources artistiques généralement nécessaires pour une application soignée, telles que des icônes.
Billy ONeal
5
Ressources d'icône: utilisez les jeux d'icônes Open Source. ;-) Il y en a de très bonne qualité, par exemple Silk Icons ou Glyphicons de FamFamFam … Personnellement, je préfère éviter trop de graphismes, mais pour ceux-ci, le travail sous contrat est probablement la meilleure solution…
Konrad Rudolph le
method.ac peut être utile, une fois lancé.
Maxpm

Réponses:

24

Personnellement, je ne pense pas qu'il faille faire preuve de talent artistique pour créer des interfaces utilisateur agréables .

Ce qui fait une bonne interface utilisateur n’est pas à la hauteur de la créativité, mais est plutôt lié à quelques lignes directrices bien établies. Si vous suivez ces instructions et si vous en pratiquez, vous pouvez créer vous-même d'excellentes interfaces.

Je suggère de faire ce qui suit ...

  • Lisez à propos de ce qui fait une bonne interface utilisateur. (en ligne principalement)
  • Recherchez et trouvez des interfaces utilisateur qui vous plaisent.
  • Comparez plusieurs bons designs et essayez de choisir des éléments similaires.
  • Maintenant, regardez votre propre design et voyez si vous avez ces éléments.
  • Essayez de recréer votre interface utilisateur pour qu'elle soit semblable à celles que vous aimiez.

Je prédis que si vous faites cet exercice pendant une semaine ou deux (et si vous me demandez, une semaine ou deux pour apprendre à concevoir de bonnes interfaces, ce n'est pas si long), vous apprendrez en grande partie ce qui fait une bonne interface utilisateur .

Voici quelques éléments qui rendent les interfaces utilisateur agréables:

  • Simplicité
  • Cohérence (couleurs, polices, utilisation de boutons, liens, etc ...)
  • Espacement
  • Moins, c'est plus (cacher autant que vous pouvez de l'utilisateur sans diminuer la facilité d'utilisation)
  • N'utilisez pas de fond blanc ni de police noire. Assurez-vous que le contraste est suffisant, mais modifiez généralement votre arrière-plan en gris clair, tandis que votre police est en gris foncé.

Aussi ... ne commencez pas par la conception. Commencez avec la fonctionnalité et laissez le design évoluer. Aussi, expérimentez! Ne vous énervez pas s'il n'a pas l'air parfait après une ou deux «itérations». Cela s'améliore avec le temps. Mais surtout, vous devez essayer .

c_maker
la source
3
Je parle de vernis, pas UX. Savoir comment concevoir une interface utilisateur "agréable" n'aide pas (par exemple) vos icônes ont une meilleure apparence.
Billy ONeal
5
@BillyONeal: Désolé, mais votre question était beaucoup plus large que celle de «concevoir des icônes».
c_maker
3
C'est; les icônes ne sont qu'un exemple simple. Ce que je voulais dire, c'est que ce n'est pas "se cacher derrière une excuse" - il y a des aspects légitimes de la conception d'une interface utilisateur décente qui exigent, eh bien, de l'art. Il existe des interfaces jolies et inutilisables, des interfaces utilisables et laides, des interfaces inutilisables et laides, et des interfaces utilisables et jolies; une application soignée doit être à la fois utilisable et visuellement attrayante. Vous abordez bien la convivialité dans cette réponse (+1); mais le "joli" est aussi une préoccupation légitime.
Billy ONeal
Je pense que la couleur de la police et de l’arrière-plan est la bonne voie ici. Ce contraste a été l’un des premiers éléments pour lesquels le public a publié les premiers commentaires du public. Peut-être quelques autres astuces, comme comment choisir / appliquer une couleur - combien? Un ou deux? Plus? Clair ou sombre? Mettez-le dans les rubriques? Limites? Contexte? Tous / aucun / certains de ce qui précède?
Stoive
12

Mon talent artistique est d'environ 5e année lors d'une bonne journée :). J'emploie un graphiste, soit professionnellement au travail, soit ma femme, qui possède d'excellentes compétences artistiques et qui adore les utiliser.

Notez que, dans mon esprit, le design graphique n’est pas un design UI / UX. Je fais soit la majorité des UX, soit j'emploie un expert UX pour conserver le contrôle de UX, qui collabore ensuite avec GD pour lui donner une belle apparence. Bien que je sois sûr qu'il y ait de bons professionnels combinés UX / GD, j'ai eu de très mauvaises expériences avec des GD faisant de jolies choses, qui avaient une très mauvaise UX et qui étaient périmés dans quelques mois, et je ne prendrai pas ce risque ont travaillé avec la DG pour quelques projets.

Mattnz
la source
1
Alors, payez quelqu'un pour le faire, ou soyez attaché à quelqu'un qui peut le faire gratuitement? : p. Que se passe-t-il s'il est trop tôt pour payer un concepteur - preuve de concept ou essai de la fonctionnalité? Le logiciel doit faire l'objet d'une attention esthétique minimale afin d'éviter que les personnes à qui j'ai présenté mon logiciel ne soient distraits par des couleurs et des polices gawdy pour lesquelles je ne sais pas comment faire mieux.
Stoive
2
@Stoive. Excellent point, maintenant vous m'avez commencé. Les premières impressions sont vraiment importantes. Pour tout non-ingénieur (et de nombreux ingénieurs), le GD est généralement critique. Malheureusement, il dépasse de plusieurs ordres de grandeur la conception et l’ingénierie UX. Obtenez des graphismes éclatants et brillants, et les pies vont affluer vers le produit, quelle que soit sa foutaise.
Ne vous trompez
1
Pour élaborer - j'ai déjà convaincu un client d'embaucher un graphiste (la conception de l'interface utilisateur me va bien, les graphismes je suis épouvantable), en indiquant qu'un bon visuel donne de la confiance et de la fiabilité aux utilisateurs. Dans ce cas, le client payait déjà (ses idées, je ne faisais que coder), mais dans d’autres circonstances, vous devez donner confiance à vos clients avant de pouvoir toucher de l’argent pour des ressources de graphisme. Ou, selon le PO (projets de passe-temps?), L'argent ne sera jamais impliqué - il n'est pas envisageable d'engager un designer, mais la présentation reste importante.
Stoive
9

Si vous recherchez des ressources graphiques, il existe quelques sites Web qui collectent des graphiques de haute qualité pour une utilisation gratuite :

Et bien d'autres, comme le projet artistique GNOME , qui inclut également de nombreux actifs graphiques gratuits.

N'étant pas le moins du monde créatif et n'ayant aucune éducation en design, je m'efforce toujours du côté du conservatisme: utilisez des modèles établis (c'est-à-dire des cadres) et déviez le moins possible des sentiers battus. Ce ne sera pas forcément très intéressant, mais au moins, vous minimiserez vos risques d’échec et de catastrophe UX.

Picasso a déclaré que «les grands artistes volaient», mais en réalité, il s’agissait principalement de hacks sans talent, et regardez où cela a conduit Microsoft et Samsung: vers des plateformes de grande vente.

Konrad Rudolph
la source
8

Vous pouvez engager des spécialistes pour ce genre de choses, mais vous n'avez pas besoin de compétences artistiques innées pour apprendre certaines techniques de base. Mon diplôme de premier cycle exigeait en réalité un semestre "d'art pour ingénieurs". Suivre un cours ou deux dans votre collège communautaire local pourrait être très bénéfique. Vous ne serez toujours pas aussi doué que les personnes spécialement formées sur le terrain, mais vous pouvez certainement vous améliorer au point de rendre vos programmes plus professionnels.

Il existe également des livres destinés aux amateurs. Un livre que j'ai trouvé utile pour la conception Web est The Principles of Beautiful Web Design de Jason Beaird. Même si vos conceptions ne s'améliorent pas beaucoup, un peu d'éducation peut vous aider à mieux dire ce qui ne va pas avec un design. Au lieu de toujours dire "Je sais que ça a l'air mauvais, mais je ne comprends pas pourquoi", vous pourrez identifier des problèmes tels qu'un mauvais crénage ou un manque d'espace négatif, et définir le problème est une partie du travail.

Karl Bielefeldt
la source
3

Ce que vous recherchez peut-être, c'est "Design UI / UX for Developers". Un livre traitant de ce sujet est la conception d'interface utilisateur pour les programmeurs.

Si vous ne recherchez pas le design UI / UX mais cherchez à améliorer vos compétences en graphisme, je vous conseillerais de trouver un cours sur l'utilisation d'Adobe Photoshop ou Adobe Illustrator (sinon, au moins quelques tutoriels sur Internet). En apprenant quelques techniques et en regardant le travail des autres pour trouver l'inspiration, vous seriez surpris de voir à quel point la créativité artistique dont vous avez besoin est réduite.

Par exemple, vous pouvez apprendre à utiliser l'outil Dégradé dans Photoshop, ainsi que l'outil Rectangle arrondi, et à créer un objet similaire au bouton "Inscription à la newsletter" situé à droite (bien que dans ce cas, il s'agisse de CSS pur).

Atif
la source
La plupart (tous?) Du
Fara
On dirait que les 2/3 du livre sont là. Il n'a pas les chapitres 13-18.
Steve Bennett
1

Laissez les autres "faire le travail à votre place" en utilisant des cadres, des modèles et des composants d'interface graphique prédéfinis. Par exemple, je ne peux ni dessiner, ni concevoir, donc pour chaque nouveau projet Web, je commence avec un modèle CSS (parmi les nombreux sites de modèles CSS gratuits) pour la présentation et la conception, puis «modifie» à partir de là. Ces modèles incluent une conception complète qui peut vous aider à combler cette lacune.

Je suis d'accord avec c_maker sur le fait qu'une bonne convivialité est un bon design, même s'il semble que vous soyez plus spécifique sur le design "arty".

Si vous travaillez à la conception Web et à la mise en page, voici certains de ces sites css:
http://www.freecsstemplates.com/
http://www.templatemo.com/
http://www.free-css.com/
http : //www.oswd.org/
http://www.openwebdesign.org/

Michael Durrant
la source
Cela fonctionne bien pour les développeurs Web, je suppose. Penser vraiment plus de langue - diagnostic ici cependant. Les clients épais ont également besoin de l'amour de l'interface utilisateur.
Billy ONeal