Guía para diseñadores gráficos

Guía para diseñadores gráficos > Presentación de los contenidos > Bloques

Presentación de los contenidos

Bloques

Los bloques o rectángulos descritos anteriormente, aparte de definirle su comportamiento, les podemos definir diversos efectos:

  • Color o imagen de fondo*.
  • Márgenes con los bordes y márgenes con otros bloques.
  • Ancho y color del borde, se pueden tomar imágenes para representar el borde, también se pueden redondear los vértices.
  • Sombreados.
  • Transparencias.
  • Degradados de colores o de transparencias.
  • Cambiar el puntero cuando entra dentro del bloque.
  • Permitir que el usuario desplace el bloque a otra área de la pantalla.
  • Cambiar los atributos de un bloque, o que aparezca o que se cierre a partir determinadas acciones del usuario.
  • Otros (consultar con los maquetadores)

* Las imágenes de fondo, se pueden repetir horizontalmente, verticalmente, o en las dos direcciones juntas, formando lo que se llama una textura. Estas texturas son frecuentemente utilizadas en los fondos de las páginas web, otorgando una atmósfera muy personalizada:

Más de 800 texturas para trabajar en páginas web:
http://designreviver.com/freebies/300-vintage-style-textures-and-photoshop-brushes y
http://designm.ag/resources/photoshop-texture-brushes

 

Diferentes ejemplos de efectos aplicados a los bloques:

http://envato.com Ejemplo de bloques con transparencia.

http://www.jeffreysfridge.com Ejemplo de bloques con márgenes y sombreados.

http://www.icebrrg.com Ejemplo de bloques con imágenes de fondo, esquinas redondeadas y transparencia.

http://www.trentcruising.com Ejemplo de bloques con imágenes de fondo y esquinas redondeadas.

http://www.marchanddetrucs.com Ejemplo de bloques con imágenes en los bordes.

Bloques >>
JAVAJAN [somos maquetadores y programadores web]. Webs for designers & you. www.javajan.com © 2012 | Avís legal
TwitterFacebookRSSe-mail