ARQUITECTURA DE CONTENIDOS EDUCATIVOS EN EL WEB

DISEÑO VISUAL DE SITIOS WEB

¿Qué capta  tu atención cada vez que visitas una página web? Los colores, las imágenes,  el tipo de letra,… De seguro en  el diario navegar has encontrado páginas web muy vistosas que te causa placer explorar y otras sin ningún atractivo visual  que te da pereza seguir leyendo y enseguida haces clic en el botón atrás de la barra de tu navegador web.

¿Quién se encarga de cuidar todos esos detalles y elementos que se conjugan en un sitio web y por qué?

La respuesta a la primera interrogante es el DISEÑO GRAFICO o DISEÑO VISUAL. Ahora veamos el ¿por qué?  Hay un dicho que dice que de la vista nace el amor. Lo mismo podría bien aplicarse al diseño Web. El aspecto visual de una página web es un aspecto más a tener en cuenta para ofrecer a los usuarios una imagen de seriedad y generar en ellos una sensación de confianza hacia el sitio web.

El diseño gráfico de una página web es un aspecto de gran importancia. La imagen transmitida por el diseño de una página web debe causar una impresión positiva en el visitante del sitio web y debe captar su atención. Si el aspecto visual de una página web causa una buena impresión en sus visitantes, aumentará la probabilidad de que esos visitantes deseen volver a visitar esa página web.

Para mejorar el diseño de una página web, es necesario cuidar aspectos como:

• La disposición de los elementos dentro de las páginas del sitio web.
• Las tipografías utilizadas.
• Las gamas de colores empleados.
• Un contraste adecuado entre el texto y el fondo.
• La facilidad para la lectura del contenido.
• La velocidad de carga de las páginas del sitio web.

La primera impresión es la que cuenta, por lo tanto, un diseño Web debe contar con elementos gráficos que la hagan atractiva para sus visitantes.

Entonces, si el diseño visual es tan importante; ¿Cómo lograr un diseño que haga a tu sitio web atractivo para los visitantes?

Simplemente, toma en cuenta los siguientes principios de diseño web:

• Balance: Es el equilibrio que debe existir entre los diferentes elementos que componen la página: Imágenes y texto, elementos grandes y pequeños, zonas oscuras y claras, etc., deben estar balanceadas de forma tal que la página no solo resulte atractiva, sino que además logre enfocar la atención del usuario sobre aquellos elementos que nos interesa que lo haga.

• Contraste: El contraste es una forma de distinguir los elementos que deseamos resaltar. Diferencias en la tipografía, diferencias en las formas (círculos, cuadrados, rectángulos, etc.), diferencias de tamaño (una imagen más grande con otras más pequeñas, por ejemplo), texturas y fondos diferentes, etc., son algunos de los contrastes que pueden emplearse para enfocar la atención del usuario sobre los elementos más importantes de la página.

• Énfasis: Es una forma de distinguir algo dentro de un elemento. Un ejemplo de esto es lo que sucede con algunas partes del texto de un escrito, donde los títulos se encuentran resaltados así como algunas palabras o frases, de forma que facilita la comprensión de lo que se quiere transmitir. 

• Repetición o ritmo: El ritmo o repetición es una forma de establecer patrones con los que se ordenan los elementos de la página. Si los elementos de una página web siguen un patrón determinado, es mucho más sencillo para las personas comprender el contenido y acceder a la mayor parte del mismo en poco tiempo. Este punto es clave para mantener la usabilidad del sitio.

• Proximidad o unidad: Este concepto se refiere a colocar juntos o próximos los elementos que estén relacionados, formando unidades visuales que brindan coherencia al contenido de la página.

Fuentes:

KARAKANA. Diseño Web: Importancia del Diseño Gráfico en la Creación de Páginas Web.  http://www.karakana.es/diseno-web/blog/diseno-web-importancia-del-diseno-grafico-en-la-creacion-de-paginas-web

Verónica Milán y Andrés Fernández. Principios de diseño web. http://www.lawebera.es/diseno-web/principios-diseno-web.php