La conception dans Photoshop est-elle une chose du passé?
Je parcourais quelques blogs et sites et j'ai remarqué quelques personnes parler de la façon dont il n'est plus pratique de concevoir dans Photoshop. Ils suggèrent des choses comme la conception dans le navigateur.
Pour moi, la conception dans le navigateur ne semble pas très efficace. Par exemple, au lieu de vous concentrer sur votre conception, vous devez jouer avec le code pour le faire fonctionner correctement. Finalement, vous pourriez perdre cette pensée créative.
Ai-je tort de le penser?
Je pense que cela dépend de la personne. Je connais très bien le HTML et le CSS, je conçois donc ce qui me semble le mieux pour le moment. Crayon et papier, Visio, Photoshop, HTML/CSS (et parfois Illustrator ou Axure).
Je commence toujours par le papier et le crayon, mais après cela, par exemple, je peux créer un tableau dans Excel et le copier et le coller directement dans Photoshop. Il y a quelques instants, j'ai fini de faire quelques graphiques détaillés en Excel/HTML/CSS pour un tableau de bord.
Cela dépend de ce avec quoi vous êtes à l'aise. Il est tout aussi facile pour moi de créer un formulaire avec HTML que pour certains de le faire dans Photoshop.
Nous faisons tous des choses différemment, mais quel que soit le flux de travail, vous obtenez de bons résultats.
Pour moi, une fois les recherches IA et UX entreprises, j'esquisse sur papier pour trouver des solutions avant de prendre des idées dans Balsamiq/Axure pour des itérations rapides de faible fidélité sur la structure, la navigation et l'interaction produisant des prototypes si complexes. Vous permet de sonder et de tester des idées rapidement, sans passer 4 jours à éditer un design haute fidélité. Il existe des applications UX mobiles très impressionnantes qui peuvent vous aider avec le wireframing réactif.
J'utiliserais alors toujours Photoshop pour les conceptions haute fidélité - pour créer, développer et enfin obtenir un accord sur le "look & feel". Je ne vois jamais Photoshop ne faire partie d'aucune boîte à outils de concepteurs car il est si rapide et facilite la créativité.
Une fois signé, le développement peut commencer, mais gardez ces filaires à portée de main! Nous savons tous à quoi ressemblent les développeurs, hehe
Qu'entendez-vous par "concevoir"? - UX, thèmes, graphiques?
À mon avis, l'UX est le plus facile à faire dans les outils filaires, par exemple. Balsamiq qui est intégré est ce site (ou papier).
Pour les éléments visuels tels que les logos et les icônes, il est préférable de les utiliser dans les outils graphiques vectoriels, par exemple Adobe Fireworks.
Pour les grandes images raster, les outils d'édition d'image comme Adobe Photoshop sont plus adaptés.
Tout d'abord: vous ne pouvez pas vraiment concevoir dans un navigateur –– sauf si vous utilisez un service Web ou un module complémentaire sophistiqué ou similaire. Un navigateur est essentiellement conçu pour afficher mises en page/conceptions/pages Web - et non pour concevoir leur.
- Pendant un processus de conception vous pouvez (et devriez) vérifier votre conception de temps en temps dans un navigateur. Cela peut être très utile car vous pouvez rapidement vous faire une idée de l'apparence et de la sensation de votre design dans son environnement naturel.
- Pour le prototypage rapide, les wireframes et les maquettes vous pouvez choisir parmi une large gamme d'outils différents comme Axure, Balsamiq, InDesign, Illustrator, Photoshop, HTML + CSS - ou un stylo et du papier. Vous avez juste besoin de savoir quel outil vous convient le mieux.
- Pour des mises en page plus complexes et des conceptions approfondies vous pouvez à nouveau choisir parmi une large gamme d'outils - Photoshop est probablement toujours un outil très populaire pour cette étape de la conception d'un site Web. D'autres utilisent InDesign ou Illustrator - et j'ai entendu dire que le puissant gimp rattrape son retard. Encore une fois: il vous suffit de découvrir quel outil vous convient le mieux.
Pour résumer: oui, la conception dans Photoshop est une chose du passé, du présent et du futur. Pour le travail collaboratif/en équipes et agences, cela peut être considéré comme une norme. Mais cela ne signifie pas que doit être votre choix préféré.
Si vous voulez dire la conception de sites Web - un peu oui. Vous pouvez obtenir le même résultat (maintenant très rapidement) en utilisant CSS et HTML "directement". De plus, vous ne perdrez pas votre temps pour réécrire le projet Photoshop dans un code.
Si vous voulez dire autre chose, je suppose que vous devez concevoir par exemple. Java projette quelque part ...
La conception dans Photoshop est facile pour moi. Cependant, la mise à jour de Photoshop ne l'est pas. La mise à jour de plusieurs domaines pour une conception réactive est pénible. Photoshop est généralement la première et la dernière étape pour moi. Entre les deux, j'utilise Balsamiq.
Il est également bon de concevoir un peu dans le navigateur, car il y a des variables auxquelles vous ne pensez pas souvent sans tester à l'intérieur des différents navigateurs. Sans parler de la gestion peut toucher et sentir votre travail qui suscite généralement une réponse plus positive qu'une image statique.
Les concepteurs doivent concevoir en utilisant ce qui a du sens pour leur produit, leur équipe, leurs compétences ... et divers autres facteurs. Donc, aucune méthode particulière n'est universellement bonne ou mauvaise.
Au fil du temps, nous voyons de nouvelles façons de concevoir, souvent meilleures. Quand j'ai commencé, beaucoup ont dit de ne pas utiliser FreeHand, Illustrator, Photoshop ... pour concevoir avec. Leur raisonnement était que vous passeriez votre temps à essayer de jouer avec le logiciel plutôt que d'être créatif. Il semble que certains regardent l'écriture de code avec les mêmes concepteurs de dégoût dans le passé, méprisés par les logiciels informatiques.
Bien que j'utilise Photoshop depuis plus de 15 ans, je me retrouve de plus en plus à concevoir directement en HTML et CSS car, à bien des égards, c'est plus facile. Une fois que vous avez appris à le faire, vous gagnez beaucoup de temps. De plus, si vous concevez quelque chose où le résultat final sera construit en HTML et CSS, il reflète plus précisément à quoi ressemblera la sortie finale.
Encore une fois, selon ce que vous concevez et l'équipe avec laquelle vous travaillez, les outils varient. Ayant utilisé Balsamiq & Axure, j'ai rencontré plus de problèmes en incorporant ces outils dans un flux de travail qu'ils n'en résolvent. Par exemple, nous avons développé un nouveau produit dans Balsamiq & Axure, et nous avons rencontré toutes sortes de problèmes pour définir correctement les attentes. Axure est particulièrement mauvais. Nous avons également construit un prototype utilisant un framework JS. Cela a pris moins de temps, reflété plus précisément l'UX que nous voulions créer et pourrait être utilisé dans le produit final. Bien sûr, il faut avoir une rockstar JS dans l'équipe pour pouvoir le faire.
Actuellement, je crée une équipe de conception dans une entreprise et je recherche des designers avec au moins des compétences en HTML et CSS. De nombreuses entreprises exigent des entreprises qu'elles possèdent au moins ces compétences de base en matière de codage. Créez un langage d'expérience et concevez avec.