Archive for Junio, 2008

Las bases del Diseño Web: fuente, color, contraste y espacio

Estas son las bases para un diseño web:

  • La composición de las fuentes
  • El espacio y organización de los bloques.
  • Los colores y los contrastes de imágenes.

Si necesitas soporte siempre puedes contactar con nosotros para la creación de un diseño personalizable

Fuentes y espacios

Para la composición se suelen utilizar 2 familias de fuente. En la composición se deben en tener la orientación en linias a utilizar y la legibilidad de los textos.

  • Título: artístico, muy grande.
  • Resumen: legible, grande.
  • Subtítulos: artístico, grande.
  • Cuerpo: legible, mediano.
  • Títulos auxiliares: artístico pequeño.
  • Texto auxiliar: legible, pequeño.

Considerar que las líneas de texto deberían se de 35 a 80 caracteres. Para el espaciado, es muy común la utilización de cajas o “grids” y el solapamiento o “overlaping” de capas y texto. Más sobre la tipografia en marketing.cat
Un sitio muy recomendable para fuentes artísticas es http://www.myfonts.com/

Color y contraste

Para el aspecto es recomendable uno color oscuro, otro medio y otro claro a escojer entre los cálidos (rojos, naranjas, amarillos, marrones, etc) o los fríos (azules, lilosos o púrpuras), considerando que los verdes serian neutrales.
En la presentación, es necesario disponer de una paleta de contrastes por lo menos de 3×4, asegurando que los fondos sean visibles (entre un 10 y un 15% de opacidad suele ser adecuado).
Un sitio inspirador para la paleta de colores es http://www.colourlovers.com/

Comentarios

Estilo de escritura en pantalla para la web

El estilo de escritura en pantalla o en papel es muy distinto: Lineal o no linial, enfocada por el autor o encocada al lector, narración o contenido accionable, ejemplos en andecdotas o en datos compresnibles, frases o fragmentos.

También se debe tener en cuenta el cambio en la actitud. Frente al televisor es pasiva y frente a una pantalla de ordenador es activa. Esto se traduce en que los usuarios solo leen el 28% de las palabras de una web (con paginas de 300 palabras sólo leeran de media aproximadamente 100).

  • Los titulos deben ser epecificos y contener la másima información en las primeras palabas para mejorar la lectura de escaneo izquierda derecha.
  • El contenido debe ser breve, con contenido que proporcione acciones y sobretodo tratar el tema rápdiamente.
  • La estructura del sitio debe estar enfocada al usuario, a su mision a sus necesidades.
  • Las frases completas se pueden fragmentar poniendo las palabras mas importantes al inicio.
  • El usuario construye su propia experiencia según sus necesidades dependiendo de las opciones que le proporcionemos. El usuario cada vez es más ciego a la publicidad.

Resumeniendo, para la escritura en pantalla se debe utilizar texto escaneable, utilizando:

  1. Destacado de palabras clave: enlaces, cambios de tipo de letra o de color.
  2. Utilización de titulos y subtitulos: El primero debe ser muy corto y el segundo muy explicativo.
  3. Utilización de listados: Mejora lalectura vertical del contenido.
  4. División de ideas por párrafos: Las primeras línias de cada párrafo son las que deben enganchar al lector.
  5. Priorización vertical: Dar las conclusiones al inicio.
  6. Reducir longitud del texto: Ocupar menos de la mitad que la escritura convencional.

Comentarios

Selección programa de desarrollo cultural de la Unesco

III Millenium Corporate, que se beneficia de un programa de desarrollo cultural de la Unesco, ha seleccionado entre 1000 webs 120 que son eligibles para solicitar 60 becas para realizar un encuentro en el Instituto Rural de Arte Hoz del Jucar, Albacete. Gracias a Einnova mi web está entre estas 120 y tengo un 50% de posibilidades de ganar la beca.

Núria Vallés
www.arteinternet.com/nvalles

Comentarios (1)