Sesión 4: Página web - UNIDAsí puedes crear un buen diseño para hacer visualmente atractiva una...
Transcript of Sesión 4: Página web - UNIDAsí puedes crear un buen diseño para hacer visualmente atractiva una...
![Page 1: Sesión 4: Página web - UNIDAsí 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](https://reader034.fdocuments.es/reader034/viewer/2022050106/5f44865c74f33c48614e4464/html5/thumbnails/1.jpg)
Diseño digital Sesión 4: Página web
![Page 2: Sesión 4: Página web - UNIDAsí 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](https://reader034.fdocuments.es/reader034/viewer/2022050106/5f44865c74f33c48614e4464/html5/thumbnails/2.jpg)
Contextualización
Ventajas Diseño Digital
1. Gran alcance
2. Bajo costo
Banners
Slides
Rollover
![Page 3: Sesión 4: Página web - UNIDAsí 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](https://reader034.fdocuments.es/reader034/viewer/2022050106/5f44865c74f33c48614e4464/html5/thumbnails/3.jpg)
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.
![Page 4: Sesión 4: Página web - UNIDAsí 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](https://reader034.fdocuments.es/reader034/viewer/2022050106/5f44865c74f33c48614e4464/html5/thumbnails/4.jpg)
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
![Page 5: Sesión 4: Página web - UNIDAsí 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](https://reader034.fdocuments.es/reader034/viewer/2022050106/5f44865c74f33c48614e4464/html5/thumbnails/5.jpg)
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
![Page 6: Sesión 4: Página web - UNIDAsí 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](https://reader034.fdocuments.es/reader034/viewer/2022050106/5f44865c74f33c48614e4464/html5/thumbnails/6.jpg)
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
![Page 7: Sesión 4: Página web - UNIDAsí 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](https://reader034.fdocuments.es/reader034/viewer/2022050106/5f44865c74f33c48614e4464/html5/thumbnails/7.jpg)
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
![Page 8: Sesión 4: Página web - UNIDAsí 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](https://reader034.fdocuments.es/reader034/viewer/2022050106/5f44865c74f33c48614e4464/html5/thumbnails/8.jpg)
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.
![Page 9: Sesión 4: Página web - UNIDAsí 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](https://reader034.fdocuments.es/reader034/viewer/2022050106/5f44865c74f33c48614e4464/html5/thumbnails/9.jpg)
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
![Page 10: Sesión 4: Página web - UNIDAsí 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](https://reader034.fdocuments.es/reader034/viewer/2022050106/5f44865c74f33c48614e4464/html5/thumbnails/10.jpg)