Utilisé pour la création de sites Web et de sites Web - nuls

Avant de commencer à concevoir un site Web, vous devez vous familiariser avec les outils logiciels Web standard. Bien qu'il existe un certain nombre d'outils sur le marché qui peuvent être plus adaptés au guerrier de week-end, ceux énumérés ici sont les normes de qualité professionnelle utilisées par toutes les agences et les magasins internes. Ils sont chers, et peuvent être achetés séparément ou regroupés dans des suites. Notez que tous les produits répertoriés ici proviennent d'Adobe Systems. (Adobe a systématiquement acheté les pur-sang du logiciel de conception web.)

Photoshop

Pour la création, l'édition et la manipulation de bitmaps, aucun autre outil sur le marché ne réserve une bougie à Photoshop. Le problème avec Photoshop, cependant, est que l'apprentissage de l'utiliser au maximum est semblable à apprendre à piloter un avion gros porteur. En plus des années, il peut prendre pour maîtriser la puissance de Photoshop, vous devez également faire face à une étiquette de prix raide.

La plupart des comps Web, comme les modèles de pages sont appelés dans l'industrie, sont construits dans Photoshop. C'est l'agence et la norme interne; la plupart des développeurs s'attendent à recevoir des photos de Photoshop avant de créer le site Web. Généralement, il existe un fichier Photoshop par modèle de page Web. Photoshop vous permet de faire un usage intensif des calques et des ensembles de calques, en gardant distinct (et en vous aidant à organiser) tous les composants qui composent votre dessin.

Il est recommandé de nommer et d'organiser vos calques afin que les autres concepteurs puissent interpréter votre document.

Fireworks

Fireworks est un excellent outil logiciel graphique car il est spécialement conçu pour créer des compositions Web. Malheureusement, il n'a tout simplement pas été adopté par les agences de design et les départements internes. C'est dommage car une seule page Web comp - avec toutes ses couches - dans Photoshop peut être un fichier 24-100mb. Cette même page dans Fireworks aurait de la chance de pousser 3mb parce qu'elle utilise un mélange de graphiques vectoriels et bitmap. C'est un fichier que vous pourriez envoyer en pièce jointe aux clients et aux développeurs.

Le seul avantage de Photoshop sur Fireworks est l'amélioration et la manipulation de l'image bitmap. Cependant, vous pouvez faire toutes ces choses dans Photoshop, puis importer le résultat dans Fireworks pour travailler dans votre mise en page Web. Vous pouvez également exporter votre fichier Fireworks en tant que fichier Photoshop en couches ou importer des fichiers en couches Photoshop, ce qui lui confère une bonne polyvalence.

Illustrator

Illustrator n'est répertorié ici que parce qu'il s'agit de la norme pour la production de graphiques vectoriels.Vous aurez souvent besoin de créer des icônes, des boutons ou des illustrations personnalisés dans la conception Web, et il est plus facile d'utiliser Illustrator pour de telles tâches. Vous pouvez ensuite importer ces illustrations dans Photoshop ou Fireworks pour les intégrer dans votre maquette Web.

Toutes les compositions Web sont créées et assemblées dans Fireworks ou Photoshop. Illustrator ne fournit que des éléments graphiques ou est utilisé pour créer des graphiques Web individuels que vous pouvez exporter dans différents formats Web, notamment SVG, PNG et JPEG.

Flash

Flash vous permet de créer des applications Web hautement interactives avec ActionScript - son langage de script robuste - et des animations de conception qui tirent parti des tailles de fichier serrées et de l'évolutivité des graphiques vectoriels. Les fichiers Flash peuvent être intégrés directement dans votre page Web. Les films Flash peuvent être si interactifs et complexes que vous pouvez créer une expérience complète avec Flash. La page HTML présente juste le fichier Flash et Flash prend le relais à partir de là. Si vous souhaitez un site Web affichant des vidéos ou des fonctionnalités interactives comme le site Web dans la figure suivante, vous devez disposer de Flash.

Source: © California Milk Processor Board

Dreamweaver

Dreamweaver n'est pas un outil de conception graphique; C'est pour construire des pages HTML et des fichiers CSS. Ce que beaucoup de gens confondent, c'est que, d'une part, vous avez votre maquette de page Web conçue dans Fireworks ou Photoshop pour regarder exactement la façon dont votre page Web va regarder en ligne - jusqu'aux derniers détails de vos barres de défilement et pieds de page. D'autre part, vous avez des développeurs qui doivent recréer vos conceptions de maquette en HTML, souvent en utilisant un outil comme Dreamweaver.

Pourquoi les développeurs doivent-ils recréer vos créations? Afin d'optimiser l'efficacité des pages, les développeurs doivent reconstruire votre page. Vos compositions servent non seulement de source d'art et de mise en page au coup par coup, mais aussi de couleur, de bouton, de bordure et de source de texte nécessaires pour dériver des styles CSS.