|
Adobe Illustrator est le standard de l'industrie du design graphique pour illustration vectoriel . 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 de graphiques vectoriels en conception de sites Web . Utiliser d'autres produits Adobe, tels que Image Ready , afin d'optimiser les fichiers Illustrator correctement pour les graphiques pour le Web . Choses que vous devez
un compilateur de code ou de conception de sites Web programme
Afficher plus Instructions
1 Utilisez du papier et un crayon pour concevoir des idées et planifier les boutons web . Prenez le temps de comprendre ce que les boutons ne doivent être utilisés pour et si les boutons de rechange devra être faite pour une image de survol . Choisissez les polices, les couleurs et les textures qui vont travailler avec le design du site.
2 Ouvrez Adobe Illustrator et créez un nouveau document. Définir l'unité de mesure de pixels. La taille dépendra des besoins et les limites de la conception du site . Réglez le mode de couleurs RVB couleur pour garantir la précision des couleurs .
3 créer le texte pour les boutons en utilisant des lettres noires et un fond blanc . Ajustez la police , la taille , le 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.
4 Ajoutez de la couleur à la conception de bouton Web. Pour un site existant, sélectionner des couleurs appropriée audacieux et saisissant de couleurs existantes du site. Si les boutons ne sont pas à un site existant, sélectionner un schéma de couleurs populaires ou en créer un nouveau . Subtiles variations de couleurs créeront un intérêt visuel .
5 créer une forme distinctive pour les boutons de sorte que navigation sur le 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.
6 Créer couleurs alternatives et des éléments de conception pour les boutons de renversement . Un bouton de substitution est de deux images qui échange lorsque l'utilisateur place son curseur sur le bouton. Renversements sont souvent utilisés pour une indication de la page active ou un lien dans une conception de sites Web . Survols simples, telles que le changement de couleur du texte , sont efficaces .
7 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 à l'aide d'un scanner ou un appareil photo numérique.
8 Ajouter des ombres portées , hachures , dégradés et autres finitions aux boutons Web.
9 Faire un nouveau calque pour chaque nouveau bouton de simplifier le processus d'exportation . Couches de nom pour différencier les éléments similaires.
10 Exporter les boutons en cliquant sur " Fichier", " Exporter" et enregistrement dans le dossier Images du site. Enregistrer boutons qui utilisent transparence portable network graphics , ou . Png . Enregistrer boutons avec des quantités élevées de détails que . Jpeg et tous les autres aussi . Gif .
11 Ajouter des boutons pour votre site Web via le téléchargement et le codage. Essai pour s'assurer que les liens fonctionnent avant le lancement du site au public.
|
