Adobe Illustrator est le standard de l'industrie de la conception graphique d'illustration vectorielle. Illustrator est un programme efficace pour créer des graphiques pour le Web. Illustrator peut rendre à tous les formats d'image courants, permettant une intégration simple des graphiques vectoriels dans la conception Web. Utiliser d'autres produits Adobe, telles que Image Ready, pour optimiser les fichiers Illustrator correctement pour les graphiques Web-prêt.
Utilisez du papier et un crayon pour concevoir des idées et de planifier les boutons Web. Prenez le temps de comprendre ce qui devront être utilisés pour les boutons et si suppléants devront être réalisés pour une image de survol des boutons. Choisissez les polices, les couleurs et les textures qui vont travailler avec la conception du site.
Ouvrez Adobe Illustrator et créer un nouveau document. Réglez l'unité de mesure en pixels. La taille dépendra des besoins et les limites de la conception du site. Réglez le mode de couleur à la couleur RGB pour garantir la précision des couleurs.
Créez le texte pour les boutons en utilisant des lettres noires et un fond blanc. Ajustez la police, taille, poids et l'espacement jusqu'à ce que le texte est esthétiquement agréable et clair à lire. Concevoir le texte en noir et blanc permet de clarté typographique.
Ajoutez de la couleur à la conception de bouton Web. Pour un site existant, sélectionner des couleurs audacieuses et frappantes de manière appropriée de la régime existant de couleur du site. Si les boutons ne sont pas pour un site existant, sélectionnez un jeu de couleurs populaires ou en créer un nouveau. Subtiles variations de couleurs vont créer un intérêt visuel.
Créer une forme distinctive pour les boutons pour la navigation site est simple et directe. Arrondir un, deux ou quatre coins d'un rectangle est une méthode populaire de créer des boutons Web.
Créer couleurs alternées et des éléments de conception pour des boutons de renversement. Un bouton de substitution est deux images qui échangent lorsque l'utilisateur place son curseur sur le bouton. Roulements sont souvent utilisés pour l'indication d'une page active ou lien dans une conception de sites Web. Renversements simples, tels que le texte changeant de couleur, sont efficaces.
Ajoutez de la texture aux boutons. La texture est une méthode populaire d'ajouter un intérêt visuel à un site Web. Faire une texture personnalisée en utilisant un scanner ou un appareil photo numérique.
Ajouter des ombres portées, des hachures, des dégradés et autres finitions aux boutons Web.
Créez un nouveau calque pour chaque nouveau bouton pour simplifier le processus d'exportation. Nom couches pour différencier les éléments similaires.
Exporter les boutons en cliquant "Fichier," "Exportation" et l'enregistrement dans le dossier Images du site. Enregistrer boutons qui utilisent la transparence portable network graphics, ou .png. Enregistrer des boutons avec des montants élevés de détail .jpeg et tous les autres comme .gif.
Ajouter les boutons à votre site via le téléchargement et le codage. Test pour assurer que le travail de liens avant de lancer le site au public.