Un compilador de código web o programa de diseño
Mostrar más instrucciones
1
Utilice papel y lápiz para diseñar las ideas y planificar los botones de Web . Tómese el tiempo para entender lo que tendrá que ser utilizado para y si los botones alternan los botones se tienen que hacer en una imagen de sustitución para . Elige las fuentes, colores y texturas que van a trabajar con el diseño del sitio .
2
Abra Adobe Illustrator y crear un nuevo documento. Establezca la unidad de medida en píxeles. El tamaño dependerá de las necesidades y limitaciones del diseño de sitios web . Ajuste el modo de color a RGB para garantizar la precisión del color .
3
Crear el texto de los botones con letras negras y un fondo blanco. Ajuste la fuente, la altura , el peso y el espacio hasta que el texto es estéticamente agradable y claro de leer. Diseñar el texto en blanco y negro permite la claridad tipográfica.
4
Añadir color al diseño del botón Web. Para un sitio existente, seleccionar los colores apropiadamente atrevidos y llamativos de esquema de color existente en el sitio. Si los botones no son para un sitio existente, seleccione un esquema de color popular o crear una nueva. Las variaciones sutiles de color va a crear interés visual .
5
Crear una forma distintiva de los botones para que la navegación web es sencilla y directa . Completando una, dos o cuatro esquinas de un rectángulo es un método popular de creación de botones Web .
6
Crear colores alternos y elementos de diseño para los botones de rollover . Un botón de sustitución es de dos imágenes que intercambio cuando el usuario coloca su cursor sobre el botón . Rollovers se utilizan a menudo para la indicación de una página activa o vínculo en un diseño Web. Rollovers simples, como cambiar el color de texto , son eficaces .
7
Añade textura a los botones. La textura es un método popular de añadir interés visual a un sitio web . Hacer una textura personalizada mediante un escáner o cámara digital.
8
Agregar sombras, incubar cruz , gradientes y otros toques finales a los botones de web.
9
Marca una nueva capa para cada botón de nuevo para simplificar el proceso de exportación . Nombre capas para diferenciar elementos similares .
10
Exportar los botones haciendo clic en " Archivo", "Exportar " y guarda en la carpeta Imágenes de la página web . Guardar botones que usan transparencia en forma de gráficos de red portátiles o . Png . Guardar botones con altas cantidades de detalle . Jpeg y todos los demás como . Gif .
11
Agregar los botones a su sitio web a través de la carga y de codificación. Pon a prueba para asegurar que los vínculos de trabajo antes de lanzar el sitio público.