Share
Aujourd'hui, nous examinerons plus en profondeur les principales différences entre Photoshop et Fireworks et ce qu'elles signifient pour les concepteurs Web. Cet article se veut un guide pour quiconque tente de comprendre les avantages et les inconvénients de chaque application. Notre objectif: aider les concepteurs à mieux comprendre leurs options lorsqu'il s'agit de choisir l'application graphique de leur choix.
Nous avons publié un sondage auprès des lecteurs sur ce sujet. Assurez-vous donc de voter également sur ce message.!
Commençons par lister les avantages et inconvénients de chaque programme. Pour la plupart des concepteurs, Fireworks est le moins connu, nous allons donc commencer par:
Fireworks est une application graphique, tout comme Photoshop… mais «l’utilisateur cible» du programme est très différent. La principale raison pour laquelle les gens choisissent Fireworks est qu’elle a été spécialement conçue pour les concepteurs Web. Il est léger, se déplace rapidement (même sur des ordinateurs plus anciens) et est plus facile à apprendre que Photoshop si vous débutez avec l'un de ces programmes. Parce qu’il est conçu pour les concepteurs Web, il est plus probable qu’il se développe avec le temps pour devenir plus adapté à ce secteur. Cela signifie également que si vous débutez, vous ne serez pas dérangé par l'interface utilisateur complexe ou la courbe d'apprentissage abrupte que vous pourriez trouver dans Photoshop..
Voici quelques raisons spécifiques pour lesquelles vous pourriez choisir Fireworks:
La fonctionnalité Page maître vous permet de définir des éléments de site cohérents que vous souhaitez voir apparaître sur chaque "page". La fonctionnalité Pages multiples vous permet de créer autant de pages enfants dans le même modèle. C'est super puissant parce que cela ressemble beaucoup à la façon dont fonctionne un vrai site web. En fait, le traitement des pages et des états dans un fichier Fireworks est conçu pour imiter le comportement d’une page Web dynamique. Certains éléments sont fixes (comme la navigation, la marque, les arrière-plans, etc.) et certains éléments changent d'une page à l'autre (colonnes de contenu, photos, titres, etc.). Vous pouvez également accomplir cela dans Photoshop en utilisant des groupes de calques ou plusieurs fichiers PSD, mais l'organisation et l'interface utilisateur entourant ces fonctionnalités dans Fireworks sont plus naturels. La gestion des modifications universelles dans Fireworks est plus rapide grâce à elle.
Oh, vous pouvez également détacher une page du maître si vous souhaitez créer des éléments de conception personnalisés, ce qui la rend suffisamment flexible pour gérer même les sites Web les plus complexes..
La création de liens internes donne simplement l'impression suivante: dans Fireworks, vous avez la possibilité de spécifier des "points chauds" sur votre site qui renvoient vers les différentes pages (mentionnées ci-dessus). Vous pouvez même créer un lien vers des URL externes si vous le souhaitez. L'idée de départ était de permettre aux concepteurs de concevoir un site dans Fireworks, puis de "l'exporter" sous forme de code. Le jury n’a toujours pas déterminé si le code exporté était utile, mais cette fonctionnalité est fantastique si vous souhaitez simplement exporter un fichier au format PDF que le client ou le directeur artistique peut parcourir rapidement. Cela facilite le prototypage rapide dans Fireworks sans avoir à écrire une ligne de code..
Les styles dans Fireworks ressemblent beaucoup aux CSS sur une page Web. Chaque élément peut avoir un remplissage, un trait, une police et un effet, puis l'enregistrer en tant que style. Il peut ensuite être réutilisé et modifié de la même manière que les feuilles de style en cascade. Modifiez le "style" parent et tous les éléments utilisant ce style sont modifiés. Cela est particulièrement efficace lorsque vous utilisez plusieurs instances de blocs de texte sur un site. Mettez à jour un et vous les mettrez à jour tous. Encore une fois - ceci est un excellent outil pour gagner du temps.
Photoshop propose des outils d'édition vectorielle très rudimentaires, mais Fireworks intègre une grande partie des fonctionnalités natives d'Illustrator dans leur propre interface utilisateur. Le meilleur outil (pour les concepteurs Web) est probablement le "rectangle arrondi"- qui inclut des points de contrôle pour chaque coin - facilitant la modification rapide d'un rectangle arrondi. Vous pouvez créer un coin arrondi et les autres non. Vous pouvez également modifier le rayon, ce que Photoshop ne peut pas encore faire..
Les symboles, les styles et les formes vectorielles sont regroupés dans des bibliothèques que vous pouvez réutiliser dans d’autres projets. Cela convient parfaitement aux concepteurs qui réutilisent des éléments et des styles communs. Cela signifie également que vous pouvez partager vos bibliothèques avec d'autres concepteurs - ce qui est particulièrement utile si vous travaillez avec de grandes équipes de conception où chaque concepteur doit avoir accès aux mêmes bibliothèques..
Photoshop vous permet de regrouper des éléments en groupes de calques, mais cette opération est manuelle et peut devenir fastidieuse avec le temps. Le regroupement dans Fireworks s’effectue de façon plus naturelle: il vous suffit de sélectionner une poignée d’éléments, puis de cliquer sur "Groupe". Cela signifie généralement que vos fichiers seront mieux organisés et que, globalement, vous gagnerez du temps par rapport à la méthode de regroupement manuel de Photoshop..
Voici un autre cas où Fireworks améliore simplement ce que Photoshop a à offrir. Au lieu d’une poignée d’outils de dégradés, Fireworks propose un large éventail de moyens pour ajuster et gérer les dégradés jusqu’à ce qu’ils correspondent exactement à ce que vous recherchez..
Photoshop propose des outils de base "Enregistrer pour le Web", mais Fireworks les développe de manière à prendre en compte le fonctionnement réel des concepteurs Web. Les comparaisons côte à côte révèlent des tailles de fichier réduites lors de la sauvegarde à partir de Fireworks, ce qui est essentiel pour les sites Web contenant beaucoup d'images. PNG-8 (avec transparence) est également entièrement pris en charge, ce que Photoshop ne prend pas encore en charge!
Si vous utilisez Photoshop depuis des années, Fireworks vous semblera étranger à la réalité… mais la plupart des personnes qui n'ont jamais utilisé l'un ou l'autre programme s'accordent pour dire qu'il est beaucoup plus facile à apprendre. Photoshop est conçu pour les photographes et les graphistes… ce qui signifie que de nombreux outils sont inclus dont les concepteurs Web n'ont pas nécessairement besoin. La surcharge d’interface utilisateur à laquelle les utilisateurs de Photoshop sont habitués est considérablement réduite dans Fireworks, ce qui le rend assez simple à utiliser pour ceux qui souhaitent prendre du temps supplémentaire..
Qu'est-ce que vous obtenez lorsque vous supprimez toutes les fonctionnalités supplémentaires offertes par Photoshop? Des fichiers plus petits qui se déplacent beaucoup plus rapidement. Les fichiers Fireworks (format .PNG) peuvent contenir beaucoup plus de complexité que les fichiers .PSD, mais ils fonctionnent mieux sur la plupart des ordinateurs, ce qui signifie moins de temps d'attente pour que votre processeur crunch les graphiques et plus de temps consacré à la conception..
Un grand nombre de ces autres fonctionnalités vous permettent également de faire des choses dans Fireworks comme dans Photoshop: prototyper rapidement un site Web ou une application AIR, créer des PDF interactifs, effectuer des va-et-vient avec Flash et trancher et dés rapidement un site dans des fichiers prêts pour le Web.
"Dans une enquête récente sur les compétences professionnelles de la Société des agences numériques (SODA), près de 20% des agences recherchent des compétences de travail à distance. L'année précédente, leur nombre était si faible qu'il était négligeable." - Tom Green (de notre bureau de vote)
Cette liste va être plus petite car nous avons déjà passé en revue les principaux points de comparaison - mais voici quelques arguments supplémentaires pour utiliser Photoshop au lieu de Fireworks.
Voyons les choses en face, Fireworks souffre un peu du syndrome de "l'enfant à la tête rousse". Dans les versions récentes (CS4 et CS5), Fireworks a reçu des mises à jour significatives de ses fonctionnalités. Bien que cela augure bien pour l’avenir, la logique voudrait que Adobe accorde beaucoup moins d’attention à Fireworks qu'à Photoshop simplement parce que Photoshop se vend plus de fois par an, pour plus d’argent. Photoshop est également un programme plus ancien. ce qui signifie qu'il bénéficie d'un historique plus long des commentaires des utilisateurs. Fireworks continue de croître à pas de géant à chaque nouvelle version, mais comme Photoshop est le produit phare d'Adobe dans la suite CS, attendez-vous à ce qu'il reçoive l'essentiel des mises à niveau majeures dans le futur..
Auparavant, les utilisateurs de Fireworks signalaient plus de blocages et de problèmes de fichiers que les utilisateurs de Photoshop (même si CS5 apportait beaucoup plus de stabilité). Photoshop a son lot de problèmes, mais il vaut la peine de considérer que vous êtes un peu plus susceptible d'avoir des maux de tête lorsque vous utilisez exclusivement Fireworks..
Il existe une demande croissante de personnes sachant utiliser Fireworks, mais la demande de concepteurs Web qui utilisent Photoshop est universelle. Presque tous les grands projets Web utilisent au moins une certaine capacité de Photoshop. Avoir au moins une connaissance intermédiaire de PS deviendra une exigence pour la plupart des postes de conception Web où une équipe est impliquée. Bien que vos clients indépendants ne s’intéressent peut-être pas au programme dans lequel vous travaillez, les chances de pouvoir échanger des fichiers Photoshop avec vos pairs sont bien meilleures que des fichiers Fireworks..
L’argument le plus fort en faveur de l’utilisation de Photoshop est peut-être que vous l’avez déjà appris et qu’il s’agit d’une partie confortable de votre flux de travail. Comme nous l'avons vu lors de notre discussion lors du sondage du Reader's Poll, la grande majorité des personnes qui ont débuté avec Photoshop sont restées avec Photoshop. Pourquoi? Parce que ça marche! Et comme le dit le vieil adage, "Si ce n'est pas cassé, ne le répare pas". Apprendre un nouveau programme prend du temps et de l'argent - et si vous n'avez aucune raison pressante de commencer à utiliser Fireworks, il n'y a vraiment aucune raison de changer maintenant..
Soyons clairs: bien qu’il existe de nombreux didacticiels sur Fireworks, les didacticiels et les ressources Photoshop dépassent de plus de 10 fois le contenu Web basé sur Fireworks. Qu'est-ce que cela signifie pour toi? Vos chances de trouver le même contenu pour Fireworks sont bien plus grandes que vos chances de trouver d’excellents tuts éducatifs (comme chez PSDTuts!). Pour beaucoup, cela est suffisant pour compenser le fait qu'il est plus difficile d'apprendre Photoshop.
Un concepteur qui utilise Fireworks doit généralement toujours utiliser Photoshop pour créer des graphiques avancés… mais la plupart des utilisateurs de Photoshop ne se donnent jamais la peine d'ouvrir Fireworks. Pourquoi? Parce qu'ils n'en ont pas besoin. Toutes les fonctionnalités de base sont présentes dans Photoshop. Alors que Fireworks peut avoir quelques fonctionnalités qui ont été "améliorées", les utilisateurs de Photoshop ne les manquent pas car elles ne savaient même pas qu’elles existaient;)
À l'aube d'Internet, les concepteurs de sites Web étaient obligés d'utiliser les programmes dont ils disposaient pour créer leurs sites Web. Les premiers sites Web ont commencé comme de simples choses et n’exigeaient pas beaucoup de prouesses graphiques. Ces concepteurs de sites Web de jadis travaillaient simplement avec le logiciel de conception graphique qu’ils utilisaient ou avaient appris à utiliser..
Aujourd'hui, cependant, la conception Web est un élément essentiel de la possession de presque toutes les entreprises. En fait, à peu près tout le monde sait de nos jours quelque chose sur la conception d'une page Web. Il existe des programmes gratuits de pages Web en ligne, des logiciels conçus pour faciliter la conception Web, puis des programmes plus sérieux conçus pour les concepteurs professionnels de sites Web..
À mesure que la technologie progresse, de plus en plus de produits ont été commercialisés et il est devenu difficile de choisir le programme à choisir. Cependant, pour ceux qui travaillent dans la conception Web depuis longtemps, les nouveaux logiciels sont peu attrayants par rapport aux logiciels éprouvés, testés et authentiques sur lesquels vous avez été formé. Mais dans quelle direction un nouveau concepteur de sites Web doit-il aller? La bifurcation sur la route peut être déroutante et écrasante sans carte à suivre.
Adobe Photoshop a toujours été une pierre angulaire de la communauté des concepteurs graphiques, ce qui en fait un choix naturel pour la transition de la conception imprimée à la conception Web. Adobe Photoshop et Illustrator sont les programmes utilisés pour former les nouveaux graphistes. Une base solide est généralement nécessaire pour qu'une école permette à un élève de passer à un autre logiciel multimédia..
Lorsque vous demandez aux concepteurs Web quels logiciels ils utilisent souvent, les réponses courantes sont Photoshop, Fireworks et Dreamweaver. Il n'y a pas de programme plus populaire qu'un autre puisqu'il existe différentes raisons pour lesquelles un concepteur apprend quel logiciel est préférable à un autre. On parle beaucoup de la façon dont Adobe Photoshop et Macromedia Fireworks sont identiques pour les concepteurs Web, mais cette vue d'ensemble ne donne à aucun logiciel la justice qu'il mérite..
Maintenant que Adobe a acquis Macromedia, on peut supposer que Fireworks continuera à ressembler encore plus à Photoshop avec le temps et les mises à jour futures. Cependant, ils ne seront jamais les mêmes et comprendre leurs différences fondamentales vous aidera à prendre une décision..
Il existe d'autres options logicielles de conception Web (telles que Pixelmator pour Mac, ULead, Xara, Stone, etc.), mais ces deux-là sont les principaux acteurs et les plus controversés..
Tout d'abord, Photoshop a été conçu pour l'édition de photos. Cela en fait le logiciel idéal pour les photographes et tous ceux qui travaillent beaucoup avec des photographies. Les concepteurs de Photoshop n’avaient jamais prévu que le logiciel devienne le programme principal des concepteurs Web, bien qu’il comprenne de nombreuses fonctionnalités pour aider les concepteurs Web. Photoshop est parfait pour les concepteurs qui font plus que de la conception Web, car ses capacités multi-supports / multi-supports le rendent assez polyvalent..
Photoshop a aussi une réputation. C'est le logiciel de conception graphique le plus populaire et le plus respecté disponible. Il est devenu un standard du marché et de nombreux clients s’attendent à ce que les designers l’utilisent. Cela peut prendre quelques explications si vous souhaitez soumettre un fichier .png de Fireworks au lieu d’un document .psd de Photoshop..
En matière de gestion des couleurs, vous ne pouvez pas obtenir un meilleur programme que Photoshop. Adobe a une science de la couleur professionnelle.
Bien entendu, aucun logiciel n'est parfait et Photoshop ne fait pas exception. Le logiciel est volumineux, fastidieux et difficile à gérer par tout ordinateur. La mémoire nécessaire à l'exécution du logiciel est suffisante, mais vous pouvez rencontrer des problèmes une fois que vous avez commencé à travailler avec des fichiers haute résolution. Les pannes de Photoshop sont légendaires et supposent de longs temps de chargement et des blocages occasionnels, à moins que vous ne disposiez d'un ordinateur brillant..
De plus, l'interface utilisateur et les fonctionnalités compliquées sont intimidantes et intimidantes. Le logiciel fait beaucoup, mais pour l'utilisateur moyen, la plupart de ses capacités sont cachées sous des menus et une terminologie étrangère. Photoshop est un programme difficile à apprendre seul. Il est coûteux en temps et en argent de consulter un expert pour obtenir de l'aide..
Bien que les calques Photoshop puissent être très utiles et constituent le rêve d'une personne organisée, ils peuvent parfois être frustrants. Surtout que vous ne pouvez pas simplement cliquer pour sélectionner des éléments de document. La navigation à travers les couches est essentielle. Cela peut engendrer une courbe d’apprentissage fastidieuse et un processus fastidieux si vous n’étiquetez pas correctement vos calques..
Macromedia Fireworks a été spécialement conçu pour les concepteurs Web. L'interface utilisateur est facile à utiliser et à naviguer. Apprendre à utiliser Adobe Photoshop peut s’avérer long et frustrant, mais prendre Fireworks ne prend guère de temps. Le logiciel est plus intuitif que Photoshop et plus flexible à utiliser.
Fireworks a été créé pour tirer le meilleur parti de la taille du fichier, car les pages Web ne peuvent pas gérer les graphiques plus volumineux pour lesquels Photoshop a été créé. Cela permet de gagner du temps lors de la modification des propriétés de taille de fichier et de résolution lors de la conception..
Si Fireworks n’est jamais aussi performant que Photoshop, il possède ses propres fonctionnalités d’optimisation des photos. Ceux-ci fonctionnent très bien pour beaucoup de concepteurs de sites Web.
Une autre grande différence entre les deux programmes est qu'un concepteur Web crée plus d'une page à la fois. Dans Photoshop, vous vous concentrez généralement sur une page à la fois. Avec Fireworks, vous pouvez concevoir plusieurs pages à la fois, chacune avec plusieurs calques. Travailler sur plusieurs pages ne nécessite pas autant de mémoire que dans Photoshop..
Les concepteurs apprécient le fait que Fireworks soit capable de travailler à la fois avec des photos et des images vectorielles. Cela revient à utiliser Photoshop et Illustrator en même temps. En outre, le prix sur Fireworks est beaucoup plus attrayant que celui de Photoshop.
Fireworks a son lot de crashs et de bugs comme tout autre programme, mais Adobe a annoncé son intention de remédier à ces problèmes lors de futures mises à jour, maintenant qu'il a pris le contrôle de Macromedia..
J'espérais que tu demanderais! Dans un monde parfait, il serait judicieux de créer un lien filaire avec un site dans Fireworks, de passer à Photoshop pour des détails avancés, puis d’utiliser Fireworks pour composer le site et l’exporter pour le Web. En pratique, cela ne fonctionne pas tout à fait. De nombreuses personnes choisissent de le faire pour des éléments spécifiques (par exemple, l'enregistrement d'images d'arrière-plan de Fireworks pour réduire la taille du fichier), mais trop souvent, les fichiers .PSD ne s'ouvrent pas parfaitement dans Fireworks. Les groupes de calques sont mélangés, les styles de calques sont effacés et la frustration s'ensuit. Je peux recommander l'utilisation de Fireworks au cas par cas (en particulier pour utiliser les améliorations de PNG8 et de sauvegarde pour le Web), mais ne vous attendez pas à ce que le système à double programme devienne une partie fiable de votre propre flux de travail jusqu'à ce que Adobe résoudre ces problèmes inter-programmes.
Cela dit, au moins deux concepteurs de notre poste de vote du lecteur ont déclaré que les deux programmes étaient utilisés côte à côte. Il s’agit donc vraiment de vos propres préférences en matière de flux de travail..
Si vous êtes déjà bien formé à Photoshop ou à Fireworks, il est probablement préférable de continuer à utiliser ce programme pour vos besoins..
Dans un monde idéal, les concepteurs Web disposeraient du temps, de l'argent et de l'énergie nécessaires pour apprendre les deux logiciels et les utiliser pour renforcer leurs forces et ignorer leurs faiblesses. Bien sûr, même si vous avez l’argent nécessaire pour investir dans des programmes doubles, vous n’avez probablement pas le temps de vous familiariser avec le fonctionnement de chacun d’eux..
Si vous êtes déjà bien formé à Photoshop ou à Fireworks, il est probablement préférable de continuer à utiliser ce programme pour vos besoins. Si vous êtes débutant et que vous essayez de choisir le meilleur par lequel commencer, Fireworks est plus facile à utiliser et à apprendre, mais Photoshop vous aidera à devenir un meilleur concepteur général que si vous vous limitez à Fireworks..
Les priorités personnelles, les objectifs et les limites seront certainement pris en compte dans votre décision finale. Avoir beaucoup de patience et de temps d'arrêt serait certainement utile si vous voulez maîtriser toutes les options étonnantes que Photoshop a à offrir. Si vous souhaitez commencer rapidement et que vous ne voulez pas perdre de temps à vous familiariser avec le processus, alors Fireworks est votre meilleur choix..
Dans le monde de la conception Web, l’un ou l’autre des programmes est couramment utilisé et vous ne serez pas accusé d’en choisir un. Il existe de nombreux tutoriels gratuits disponibles en ligne pour ces deux programmes, ainsi que des manuels et des cours de formation..
Dans l'industrie de la conception Web, vous trouverez des concepteurs qui ne jurent que par Photoshop et d'autres qui ne jurent que par Fireworks. Écoutez leurs avantages et leurs inconvénients, mais en fin de compte, c'est à vous de décider. Rien ne prouve qu'un programme soit meilleur qu'un autre, mais fonctionne différemment selon les utilisateurs et les talents..
Brandon Jones (l'éditeur du site Web Webdesigntuts +) a écrit l'introduction et la section "Points de comparaison" de cet article. Greg Bates a contribué en écrivant les informations de base supplémentaires pour chaque programme et en fournissant des recherches à l'industrie..
Greg Bates est un Sophmore au CSULB et se spécialise actuellement dans les systèmes d’information, mais il suit également des cours pour la conception Web et graphique. Il est rédacteur pour un magazine en ligne StyleCeo qui traite de la mode. Il construit également des sites Web à partir de zéro pour différentes entreprises et sociétés en ligne. Dans ses temps libres, il aime faire du sport, être avec sa fille ou tout simplement travailler à la pige. Si vous aimez son travail et que vous souhaitez qu'il travaille en tant que pigiste, vous pouvez le contacter à l'adresse http://twitter.com/TheAllureIs_.
Nous mettrons en avant certaines des fonctionnalités moins connues de Fireworks au cours du mois prochain. Adhérez (en haut du site) pour être averti de la publication des nouveaux didacticiels et screencasts.!
Nous avons déjà reçu près de 100 commentaires positifs dans le sondage du lecteur, mais si vous avez des commentaires, des suggestions ou des questions, postez-les ici aussi! Le grand avantage d'un article comme celui-ci est qu'il peut réunir d'autres concepteurs de sites Web pour qu'ils partagent leurs expériences et leurs flux de travail. Comment utilisez-vous ces programmes??
Accentsconagua