Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

"Ejemplos de Diagrama y Elementos de las Paginas WEB"

12,928 views

Published on

Published in: Education, Technology, Business
  • You can try to use this service ⇒ www.WritePaper.info ⇐ I have used it several times in college and was absolutely satisfied with the result.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Comprueba la fuente ⇒ www.EddyHelp.com ⇐. Este sitio me ha ayudado a escribir artículos científicos en inglés y español.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Você pode obter ajuda de ⇒ www.boaaluna.club ⇐ Sucesso e cumprimentos!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

"Ejemplos de Diagrama y Elementos de las Paginas WEB"

  1. 1. Ejemplos de Diagrama y Elementos de las Paginas WEB<br />
  2. 2. FOX<br />SPORTS<br />
  3. 3. Links<br />Logotipo<br />Score: es un servicio de este web que muestra los resultado en tiempo real <br />Menú principal<br />Fondo blanco<br />Banner de publicidad <br />Espacio para la foto<br />Sub-Menu de noticias <br />Scroll de desplazamiento <br />Esta es la pagina principal de Fox Sports, en ella se puede apreciar como la imagen y un breve lead son los que vende para que el usuario navegue por el web site<br />
  4. 4. PAGINA SECUNDARIA <br />En la pagina secundaria de Fox Sports se puede apreciar que el texto es el que sopesa la importancia de esta sección. es destacable que aun así se baje el scroll , el banner de los resultados acompaña al usuario para que este informado de los juegos. También es importante ver que el logotipo mantiene su misma posición y además sirve como botón para regresar a la pagina principal.<br />
  5. 5. Radio Activa <br />
  6. 6. Logotipo<br />Menú Principal <br />Link para cámara Web (video)<br />Fondo de color rojo pensado en 4:3 por ello el negro a los costados <br />Banner publicitario de movimiento <br />La pagina principal de radioactiva es un ejemplo de como se puede emplear las cajas de imagen y texto. En lo personal creo que esta pagina pierde la identidad y termina pareciéndose mas a un blog que a un Web Site.<br />
  7. 7. CNN en Español<br />
  8. 8. Banner auto publicitario<br />Logotipo<br />Menú Secundario <br />Encabezado<br />Caja de Texto <br />Menú<br />Caja de video <br />La pagina principal de CNN en Español, presenta un diseño a base de cajas como la de Radio Activa con la diferencia que la organización presentada acá es mas armónica y da un mejo golpe de vista. <br />
  9. 9. o<br />Caracol<br />Radio<br />
  10. 10. Logotipo<br />Caja de Texto <br />Caja de imagen<br />Banner auto publicitario<br />Menú Principal<br />Sub-Menú<br />Banner de noticias ( en movimiento)<br />Link de audio <br />Banner de Publicidad<br />Link de audio <br />La pagina de caracol radio esta dividida por pequeñas cajas de textos que se reparten por toda la margen de la pantalla , donde el color rojo identifica el tipo de la noticia, los títulos utilizan el color gris con la opción bold y el lead va en un gris normal. Es una página que en si maneja tres columnas y el texto esta por encima de la imagen <br />
  11. 11. The New Yorker<br />
  12. 12. Caja de Imagen<br />Caja de Texto<br />Banner de Publicidad<br />Caja de Imagen<br />Caja de Texto<br />Logotipo<br />Scroll<br />Me pareció interesante analizar un Web Sites con glamur, y que mejor ejemplo que TheNewyorker<br />En su pagina principal podemos apreciar una foto sobria , que al igual que caracol radio el tipo de notica lo resalta el color rojo, el bold esta empleado en el titulo y el lead se presenta normal. Lo llamativo esta, que después de las noticia principal la pagina se divide en tres columnas dos para información donde se aprecia una imagen relativamente grande, al lado el lead y en la parte superior el título. La tercera columna es reserva da a la publicidad. <br />

×