Diseño web

Diseño de un sitio web 

Si tuviéramos que hacer un diagnóstico diríamos que muchas páginas web, en su afán por capturar la atención del usuario, terminan generando una especie de indigestión virtual y visual.

Recomendaciones para el diseño según expertos:

• El espacio que se usa, incluso el espacio en blanco, comunica sentidos: la distribución de información, imágenes y espacios es una estrategia comunicacional que habla de la calidad del diseño. No hace falta mostrar todo, el usuario debe poder imaginar lo suficiente como para sentir curiosidad y explorar más.
• Se puede jugar, tanto con lo literal como con la metáfora: Para las páginas web se puede idear una impronta propia: un objeto, una fotografía, una frase: hay muchos elementos que permitirían al navegante anticipar intuitivamente el contenido de la página. Este es el gran desafío para quien diseñe su página web: alcanzar la distinción y un sello propio.
• Jerarquizar los contenidos es decidir sobre su importancia: Es fundamental destacar con letras grandes y al principio lo que es más importante. Lo secundario va después y en letra pequeña.
• La letra, por la vista entra: Lo más recomendable es utilizar fuentes fácilmente legibles, sin sombras ni curvaturas complicadas que pudieran estorbar o cansar la vista del usuario.

Plantillas

Para el trabajo de diseño web existen páginas pre-diseñadas que facilitan al usuario el trabajo de planificación, diseño y desarrollo de su página web.

Se trata de las plantillas o páginas web prefabricadas. Algunas de ellas traen incorporadas imágenes y están desarrolladas con el código HTML, lo cual permite al usuario modificarlas en función de sus intereses personales, profesionales, etc.

Elección de fuentes

La fuente es un componente del diseño sobre el que debemos estar atentos: la correspondencia entre el estilo de la fuente y el mensaje, al igual que los espacios del sitio, los colores y las imágenes, también comunica sentidos.
Imaginemos el titular principal de un boletín informativo digital. Considerando el contenido del mensaje, ¿qué estilo de letra parece el más apropiado para comunicar la noticia?

Hay que tener en cuenta que no todos los sistemas operativos que conocemos poseen o tienen instalados los mismos tipos de fuente. Esta es una de las cosas que recomendamos chequear antes de habilitar un sitio web.

Asimismo, existen algunas diferencias entre navegadores a la hora de reconocer fuen-

tes. Por ejemplo, la fuente Times no es reconocida por el navegador Explorer en un sistema Windows, pero sí es reconocida en un navegador Mozilla con el mismo sistema.

Utilización de colores

Muchas veces el éxito de un sitio depende más de la originalidad del diseñador y la calidad de los contenidos que de la puesta en escena de un crisol de tonos.
Lo cierto es que los diseñadores dependen de los programas que cada navegador o browser contienen. Los programas reciben desde el servidor según el protocolo HTTP, los contenidos de cada sitio web y le permiten al usuario acceder a ellos.
Esos programas tienen diferentes esquemas de funcionamiento, y además interactúan con el sistema operativo que posee cada ordenador o computadora, con lo cual es posible que una persona, si consulta la misma página en dos PC diferentes, las visualice de manera distinta.
¿Cómo se arman los colores en la PC?
Cada sistema operativo reconoce tres colores elementales, a partir de los cuales construye los demás. Esa construcción se da por un proceso de mezcla por unidades de pantalla o píxeles.

La capacidad de definir muchos colores a partir de estos tres, está dada por los bits de profundidad: a mayor cantidad de bits, más precisiones podrán hacerse sobre estos tres colores elementales.

Por ejemplo:

Inicialmente, todos los monitores cubrían prestaciones gráficas con 8 bits. Hoy en día, gracias a los avances tecnológicos, los ordenadores mejoraron su calidad y es cada vez más habitual encontrar profundidades de color de 16 bits en adelante (incluso de 24 y 32).


El uso de imágenes

el uso excesivo de imágenes puede entorpecer la navegabilidad. El usuario, frente a una página que tarde demasiado tiempo en cargarse o en mostrar un contenido, probablemente abandone la búsqueda y decida visitar otro sitio.
Esta dificultad puede sortearse si aprendemos a reducir el lugar que ocupan las imágenes: no nos referimos a su apariencia, sino al peso que generan como archivo. Si las imágenes son de alta definición, tardan mucho más tiempo en ser trasferidas.
Para optimizar los ficheros gráficos, es recomendable hacer lo siguiente:

• Con los archivos de extensión .gif se puede reducir el número de colores disponibles en la paleta. Es posible hacerlo con el editor gráfico, o incluso al guardar el archivo en algún sitio del disco.
• Con los archivos de extensión .jpg es posible reducir la calidad de la imagen sin que esta reduzca o pierda el sentido visual en su resolución final.

Programas a imágenes y sin semejanza

Existen varios programas de edición gráfica especializados para el tratamiento de imágenes. PhotoShop 5.5 o PhotoShop 6 permiten al usuario configurar una imagen de manera sencilla. Desde la opción de Guardar para el Web, es posible definir la calidad del jpg, los colores del gif y otras opciones, en varias muestras de la imagen a la vez.