estilos de botones de diseño grafico en paginas web y estados de botón en Photoshop

1. BOTONES
Tipos y estados de botón para web

2. ANÁLISIS DEL BOTÓN
• 1. Decidir cuántos botones habrá y la jerarquía entre
ellos: Qué texto contendrá cada uno. Hacer un esquema de que
botones necesitamos y para que
• 2. Definir las cualidades del botón, colores, bordes,
situación del texto…: Todo lo que lleva aparejado el diseño,
teniendo en cuenta su situación.
• 3. Saber cómo se comportara el botón cuando hagamos
hover sobre él y también cuando lo ciclemos: Un botón
tiene distintas posiciones y todas deben ser diseñadas.

3. ASPECTO DEL BOTON

4. LAS PALABRAS CLAVES Y POSICIÓN

5. DISEÑO DEL BOTÓN SEGÚN SUS
CUALIDADES
Es muy importante tener en cuenta
el color de fondo, porque
necesitamos que el botón genere
contraste. Aunque tengamos que
usar un color nuevo, que de
primeras no estuviera entre los
colores corporativos, lo que no
podemos permitir es que no exista
contraste.
Así, debemos tener claro, según las
posiciones que ocupe, si va a ser
relleno o va a tener borde

6. ESTADOS DE BOTONES
Puede configurar los cuatro estados de botones y guardar el
estado del botón como el nuevo estilo de botón predeterminado
• Los cuatro estados de los botones son: normal , ya que existe
el botón cuando se muestra la página inicial, largo , cuando los
usuarios pasan sus cursores sobre el botón, abajo , cuando se
hace clic en el botón, y desactivado, cuando el botón no esta
activado temporalmente. Para cada estado, puede cambiar el
estilo de la forma, alterar los efectos, y modificar el estilo de
texto.

7. ESTADOS DE BOTONES