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

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?

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 .

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.

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

• Bootstrap pour sans doute le meilleur (mais certainement le plus chaud actuellement) framework web UI
• Glyphicons pour un jeu d'icônes qui complète le cadre de l'interface utilisateur Bootstrap de Twitter
• Motifs subtils pour, bien, motifs de fond subtils
• Les icônes Silk de FamFamFam utilisées dans de nombreux logiciels
• Marché créatif pour divers éléments

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.

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.

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).

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/