Logiciel utilisé dans la création de compositions et de sites Web

Avant de commencer la conception d'un site web, vous devez vous familiariser avec les outils logiciels standard de l'industrie web-graphique. Bien qu'il existe un certain nombre d'outils sur le marché qui peut être plus adapté à la guerrier week-end, que celles indiquées ici sont les normes de qualité professionnelle utilisés par tous les organismes et dans la maison-boutiques. Ils sont chers, et peuvent être achetés séparément ou regroupés dans des suites. Notez que tous les produits mentionnés ici sont d'Adobe Systems. (Adobe a acheté systématiquement les pur-sang de logiciels web-design.)

Photoshop

Pour la création, l'édition et la manipulation de bitmaps, aucun autre outil sur le marché tient une bougie à Photoshop. Le problème avec Photoshop, cependant, est que l'apprentissage de l'utiliser à son plein est apparenté à apprendre à piloter un jumbo-jet. En plus des années, elle peut prendre pour maîtriser pleinement la puissance de Photoshop, vous avez également de traiter avec une étiquette de prix abruptes.

La plupart web comps, comme la conception des pages sont appelés dans l'industrie, sont construits dans Photoshop. Il est l'agence et en interne normalisation plupart des développeurs attendent à être remis Photoshop comps avant qu'ils construisent le site Web réel. Typiquement, il ya un fichier Photoshop par page web modèle. Photoshop vous permet de faire un large usage de couches et groupes de calques, en gardant distincte (et vous aider à organiser) tous les éléments qui composent votre conception.

Il est recommandé de nommer et d'organiser vos couches de sorte que d'autres concepteurs peuvent faire sens de votre document.

Feux d'artifice

Fireworks est un excellent outil logiciel graphique car il est spécialement conçu pour créer des compositions web. Malheureusement, ça n'a pas vraiment pris comme un standard dans les agences de conception et les services internes. Voilà une honte, car une seule page Web échantillon - avec toutes ses couches - dans Photoshop peuvent être 24-100mb fichier. Ce même page dans Fireworks serait la chance de pousser 3mb car il utilise une combinaison de graphiques vectoriels et bitmap. Cela est un fichier que vous pouvez envoyer un e-mail en pièce jointe aux clients et aux développeurs.

Le seul avantage que Photoshop a plus de feux d'artifice est en amélioration de l'image et la manipulation bitmap. Cependant, vous pouvez faire toutes ces choses dans Photoshop et puis importer le résultat dans Fireworks pour travailler dans votre mise en page Web. Vous pouvez également exporter vos Fireworks fichier comme un fichier Photoshop en couches, ou l'importation de fichiers Photoshop multicouches, de sorte qu'il a une bonne polyvalence.

Illustrateur

Illustrator est répertorié ici seulement parce qu'elle est la norme pour la production de graphiques vectoriels. Souvent, vous aurez besoin pour créer des icônes personnalisées, des boutons, ou des illustrations dans la conception web, et il est plus facile à utiliser Illustrator pour de telles tâches. Vous pouvez ensuite importer ces illustrations dans Photoshop ou Fireworks de plier dans votre site Web comp.

Tous les comps Web sont conçus et assemblés dans les deux Fireworks ou Photoshop. Illustrateur contribue de simples éléments graphiques ou est utilisé pour créer des graphiques Web individuels que vous pouvez exporter dans divers formats web, y compris SVG, PNG et JPEG.

Flash

Flash vous permet de créer des applications hautement interactives Web avec ActionScript - sa robuste langage de script - et animations de conception qui tirent parti de la taille des fichiers serrés ainsi que l'évolutivité de graphiques vectoriels. Les fichiers Flash peuvent être intégrés directement dans votre page Web. Flash films peut être si complexe et interactif que vous pouvez construire une expérience ensemble du site tout en Flash. La page HTML présente simplement le fichier Flash et Flash prend le relais à partir de là. Si vous voulez un site Web qui affiche la vidéo ou a des fonctions interactives comme le site dans la figure suivante, vous aurez besoin de Flash.

Dreamweaver

Dreamweaver est pas un design graphique à outils qu'il est pour la construction des pages HTML et des fichiers CSS. Que beaucoup de gens ne savent plus est que, d'une part, vous avez votre page web maquette conçue soit dans Fireworks ou Photoshop pour ressembler exactement la façon dont votre page web va regarder en ligne - jusque dans les derniers détails de vos barres de défilement et pieds de page. Puis, de l'autre côté, vous avez les développeurs qui doivent recréer vos conceptions de comp en HTML, souvent à l'aide d'un outil comme Dreamweaver.

Pourquoi les développeurs ont à recréer vos créations? Afin d'obtenir une efficacité maximale de la page, les développeurs doivent reconstruire votre page. Vos compositions servent non seulement comme la source de l'art fragmentaire et la disposition à suivre, mais aussi comme la couleur, le bouton, la frontière, et la source de texte nécessaire pour tirer des styles CSS.