sesión 4: página web - unidasí puedes crear un buen diseño para hacer visualmente atractiva una...

Diseño digital Sesión 4: Página web

Contextualización

Ventajas Diseño Digital

1. Gran alcance

2. Bajo costo

Banners

Slides

Rollover

Introducción

La constante evolución de la tecnología en estos días

nos permite contar con programas que nos ayudan a

desarrollar la creatividad e impulsar la innovación en el

diseño.

Así puedes crear un buen diseño para hacer

visualmente atractiva una página web, un anuncio

publicitario o una imagen promocional que incite a los

espectadores a conocer más sobre tu empresa.

Creación de

banners

Los banners son anuncios con imágenes y

texto que aparecen en las páginas web, estos

suelen tener una forma rectangular o en

ocasiones cuadrangular y pueden parecer en

la parte de arriba, de abajo y a los lados de

del contenido del sitio web.

Se pueden realizar banners en el programa

de

Tomadas de http://www.banner-advertisement.org/tag/design-

myspace-banner/ para fines educativos

Tomado de http://brujulacomunicaciones.com/2012/02/06/las-5-claves-para-disenar-un-banner-que-consigue-la-atencion-del-usuario/para fines educativos

Creación de

banners

Slides

Son presentaciones de imágenes que se

van deslizando de una forma entretenida

y con decoraciones.

Las slides nos enseñan cómo se deslizan

las diapositivas en un portaobjetos.

Para crear un slideshow y ponerlo en tu

página web o en un blog, puedes acudir a

este link:

Tomado de

http://www.langsungjadi.web.id/fitur-

toko-online/ para fines educativos

Tomado de http://photography.v7n.com/ para fines educativos

Rollover

Se le denomina rollover al efecto de las páginas web que

consiste en desplegar un pequeño aviso o mensaje cuando el

puntero del mouse pasa por encima de una zona sensible, ya

sea una imagen o un enlace.

Una forma sencilla de realizar un rollover es a través del

programa

Tomado de http://www.sublimesolutions.es/redisenar_un_sitio_web/ para fines educativos

Conclusión

A través de los banners podemos lograr expandir nuestro mercado, distribuyendo nuestros anuncios vía Internet y obtener grandes beneficios para la empresa como: Mayor alcance, promocionar productos/servicios optimizando nuestros recursos y mejor segmentación de la audiencia.

El uso de slides le brinda un toque decorativo y muy creativo a tu sitio en el cual podrás implementar imágenes de la empresa para darte a conocer a través de fotografías.

Un rollover crea un impacto visual en el diseño del sitio web, con el efecto que produce un botón podemos despertar la curiosidad del usuario y hacerlo voltear a ver en dirección a la imagen o botón que posee este efecto.

Referencias

Adobe (2013) Crear un titular Web con efectos rollover. Obtenido de:

http://www.adobe.com/es/web/tips/phs7rollover/

Alan (2010) Como crear un slide show! Obtenido de:

http://www.slideshare.net/alan120309/como-crear-un-slide-show

Aura, F. (2009). Crear banner gratis, Video obtenido de:

http://www.youtube.com/watch?v=kzZgXK0ZaRg&feature=player_embedded

Bravo, C. (2012) Las 5 claves para diseñar un banner. Obtenido de:

http://www.marketingguerrilla.es/las-5-claves-para-disenar-un-banner-que-consigue-

la-atencion-del-usuario/

Tutor CEP (2010) Tutorial de Slideshow Obtenido de:

http://www.youtube.com/watch?v=tSofeffDbc4

Vázquez Rodríguez, J. (2008) Diseño Web Obtenido de:

http://disegraficoweb.blogspot.mx/2010/01/ligas-en-texto-imagen-boton-roll- over.html