Upload
others
View
8
Download
0
Embed Size (px)
Citation preview
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