SlideShare una empresa de Scribd logo
1 de 10
RETICULA
   PARA
 PANTALLA

En la imagen se observa la
barra de acceso en la parte
superior y en el lado izquierdo
los contenidos que tiene la
pagina para entrar a los
diferentes sitios en donde se
encontrarán los servicios que
ofrece este espacio virtual.
RETICULA DE
 PANTALLA



Aquí la presentación del sitio en la
pantalla cambia de manera que se
utilizan otro estilo que se adaptan de
acuerdo a los elementos diseñados
con el fin de mostrar directamente el
contenido de la pagina antes de
dirigirse a los demás enlaces que
tiene.
RETICULA DE
   PANTALLA




Este estilo es mas llamativo
gracias a la visualización de los
colores y el tipo de fondo que
se utiliza en la pantalla principal
del     sitio.  Este     tipo   de
presentación tiene la barra de
navegación en la parte superior
y la barra de contenidos en la
parte derecha de la pantalla.
PANTALLA
     DE
  RETICULA



Es importante identificar los
servicios que ofrece el sitio
web. En esta imagen vemos
que se ha creado la pagina
principal con la barra de
navegación en la parte inferior
la cual el fondo negro con las
letras   blancas   resalta   la
información de esta misma y
además hace contraste con la
imagen.
RETICULA
     VISUAL

Este estilo es poco usual en la
web, pero permite asimilar el
contenido y distribuirlo.
RETICULA
    VISUAL




En esta imagen se observa
el cambio de colores pero
el diseño sigue siendo el
mismo.
RETICULA
    VISUAL
En estas tres imágenes vemos
la continuidad de la pagina web,
lo único que va cambiando son
los espacios textuales a medida
que se va teniendo acceso a los
demás enlaces de la pagina.
PAGINAS
   INICIALES

Cumplen con la función de
llevar al internauta a una
introducción respecto al sitio
que va ingresar, permitiéndole
tener una visualización de la
web y mostrando en cada uno
de los espacios la pagina los
servicios, publicidad y demás
contenidos de interés.
NORMAS
BASICAS:MENUS
  Y VINCULOS


 Permiten el fácil acceso a los
 diferentes contenidos de la web,
 tan solo dando un click en los
 diferentes menús y vínculos.
 Una alternativa consiste en
 emplear iconos gráficos, que
 representan la ventaja der ser
 fácilmente reconocibles.

Más contenido relacionado

La actualidad más candente

Opciones de Barra de Herramientas.
Opciones de Barra de Herramientas.Opciones de Barra de Herramientas.
Opciones de Barra de Herramientas.Elma Luis Santiago
 
15. fijar color interface
15. fijar color interface15. fijar color interface
15. fijar color interfaceEmagister
 
Referentes web (proyecto viejo chicha)
Referentes web (proyecto viejo chicha)Referentes web (proyecto viejo chicha)
Referentes web (proyecto viejo chicha)Connie Meneses
 
Atributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLEAtributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLEMELISSA MORNEO
 
Uso de tablas imganes y textos en dw
Uso de tablas imganes y textos en dwUso de tablas imganes y textos en dw
Uso de tablas imganes y textos en dwnydnicolas
 
Trabajo practico n° 4.(informatica)
Trabajo practico n° 4.(informatica)Trabajo practico n° 4.(informatica)
Trabajo practico n° 4.(informatica)alvarofrias2012
 
Trabajo practico n° 4.(informatica)
Trabajo practico n° 4.(informatica)Trabajo practico n° 4.(informatica)
Trabajo practico n° 4.(informatica)solanagp
 
Tema 1
Tema 1Tema 1
Tema 1yren69
 
Trabajo practico nº4
Trabajo practico nº4Trabajo practico nº4
Trabajo practico nº4danavarro2012
 
Tutorial wordpress - Parte III
Tutorial wordpress - Parte IIITutorial wordpress - Parte III
Tutorial wordpress - Parte IIIPablo Hamada
 

La actualidad más candente (17)

Opciones de Barra de Herramientas.
Opciones de Barra de Herramientas.Opciones de Barra de Herramientas.
Opciones de Barra de Herramientas.
 
15. fijar color interface
15. fijar color interface15. fijar color interface
15. fijar color interface
 
Referentes web (proyecto viejo chicha)
Referentes web (proyecto viejo chicha)Referentes web (proyecto viejo chicha)
Referentes web (proyecto viejo chicha)
 
Atributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLEAtributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLE
 
Uso de tablas imganes y textos en dw
Uso de tablas imganes y textos en dwUso de tablas imganes y textos en dw
Uso de tablas imganes y textos en dw
 
Trabajo practico n° 4.(informatica)
Trabajo practico n° 4.(informatica)Trabajo practico n° 4.(informatica)
Trabajo practico n° 4.(informatica)
 
Trabajo practico n° 4.(informatica)
Trabajo practico n° 4.(informatica)Trabajo practico n° 4.(informatica)
Trabajo practico n° 4.(informatica)
 
Trabajo practico n° 4.(informatica)
Trabajo practico n° 4.(informatica)Trabajo practico n° 4.(informatica)
Trabajo practico n° 4.(informatica)
 
Tema 1
Tema 1Tema 1
Tema 1
 
Trabajo practico n° 4.(informatica)
Trabajo practico n° 4.(informatica)Trabajo practico n° 4.(informatica)
Trabajo practico n° 4.(informatica)
 
Trabajo practico nº4
Trabajo practico nº4Trabajo practico nº4
Trabajo practico nº4
 
Clase02
Clase02 Clase02
Clase02
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Tutorial wordpress - Parte III
Tutorial wordpress - Parte IIITutorial wordpress - Parte III
Tutorial wordpress - Parte III
 
Solana andole 4
Solana andole 4Solana andole 4
Solana andole 4
 
Que es un cms
Que es un cmsQue es un cms
Que es un cms
 
Que es Zenphoto
Que es ZenphotoQue es Zenphoto
Que es Zenphoto
 

Destacado

Fundament..
Fundament..Fundament..
Fundament..salolaya
 
Caracteri..
Caracteri..Caracteri..
Caracteri..salolaya
 
Diseño del blog
Diseño del blogDiseño del blog
Diseño del blogsalolaya
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorsalolaya
 
Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantallasalolaya
 
Fundamentos para el diseño digital
Fundamentos para el diseño digitalFundamentos para el diseño digital
Fundamentos para el diseño digitalsalolaya
 
Bloque 1 concepto de diseño, diseño digital y mensaje visual
Bloque 1  concepto de diseño, diseño digital y mensaje visualBloque 1  concepto de diseño, diseño digital y mensaje visual
Bloque 1 concepto de diseño, diseño digital y mensaje visualcarlosteni
 

Destacado (8)

Fundament..
Fundament..Fundament..
Fundament..
 
Caracteri..
Caracteri..Caracteri..
Caracteri..
 
Diseño del blog
Diseño del blogDiseño del blog
Diseño del blog
 
Diseño1
Diseño1Diseño1
Diseño1
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
 
Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantalla
 
Fundamentos para el diseño digital
Fundamentos para el diseño digitalFundamentos para el diseño digital
Fundamentos para el diseño digital
 
Bloque 1 concepto de diseño, diseño digital y mensaje visual
Bloque 1  concepto de diseño, diseño digital y mensaje visualBloque 1  concepto de diseño, diseño digital y mensaje visual
Bloque 1 concepto de diseño, diseño digital y mensaje visual
 

Similar a Reticulas para pantalla

Elaboracindepginasweb 110830201414-phpapp01
Elaboracindepginasweb 110830201414-phpapp01Elaboracindepginasweb 110830201414-phpapp01
Elaboracindepginasweb 110830201414-phpapp01Beree Ramirez
 
Elaboracindepginasweb 110830201414-phpapp01
Elaboracindepginasweb 110830201414-phpapp01Elaboracindepginasweb 110830201414-phpapp01
Elaboracindepginasweb 110830201414-phpapp01Beree Ramirez
 
Retículas para pantalla
Retículas para pantalla Retículas para pantalla
Retículas para pantalla Paulo Gutierrez
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla DianeLadino
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla DianeLadino
 
Introducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginasIntroducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginaspaoloarevaloortiz
 
Digitaldixit.com - Web Design Proposal
Digitaldixit.com - Web Design ProposalDigitaldixit.com - Web Design Proposal
Digitaldixit.com - Web Design Proposalnoradriana.com
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantallaflacorpsemuh
 
Retículos para pantalla
Retículos para pantallaRetículos para pantalla
Retículos para pantalladurrego
 
Análisis Semiótico de un Sitio Web
Análisis Semiótico de un Sitio WebAnálisis Semiótico de un Sitio Web
Análisis Semiótico de un Sitio Websemimag
 
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB""Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB"ogms
 

Similar a Reticulas para pantalla (20)

Webby awards
Webby awards Webby awards
Webby awards
 
Elaboracindepginasweb 110830201414-phpapp01
Elaboracindepginasweb 110830201414-phpapp01Elaboracindepginasweb 110830201414-phpapp01
Elaboracindepginasweb 110830201414-phpapp01
 
Elaboracindepginasweb 110830201414-phpapp01
Elaboracindepginasweb 110830201414-phpapp01Elaboracindepginasweb 110830201414-phpapp01
Elaboracindepginasweb 110830201414-phpapp01
 
Retículas para pantalla
Retículas para pantalla Retículas para pantalla
Retículas para pantalla
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla
 
Introducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginasIntroducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginas
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Digitaldixit.com - Web Design Proposal
Digitaldixit.com - Web Design ProposalDigitaldixit.com - Web Design Proposal
Digitaldixit.com - Web Design Proposal
 
Elementos de la web
Elementos de la webElementos de la web
Elementos de la web
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
 
Retículos para pantalla
Retículos para pantallaRetículos para pantalla
Retículos para pantalla
 
Menu y footer
Menu y footerMenu y footer
Menu y footer
 
Menusfooter
MenusfooterMenusfooter
Menusfooter
 
Menu de Navegacion y footer
Menu  de Navegacion y footerMenu  de Navegacion y footer
Menu de Navegacion y footer
 
Reticulas digitales
Reticulas digitalesReticulas digitales
Reticulas digitales
 
Tarimas
TarimasTarimas
Tarimas
 
Análisis Semiótico de un Sitio Web
Análisis Semiótico de un Sitio WebAnálisis Semiótico de un Sitio Web
Análisis Semiótico de un Sitio Web
 
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB""Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
 
Presentacion de dreamweaver
Presentacion de dreamweaverPresentacion de dreamweaver
Presentacion de dreamweaver
 

Más de salolaya

Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorsalolaya
 
Caracteri..
Caracteri..Caracteri..
Caracteri..salolaya
 
Espacio en el_mensaje_publicitario
Espacio en el_mensaje_publicitarioEspacio en el_mensaje_publicitario
Espacio en el_mensaje_publicitariosalolaya
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorsalolaya
 
Enciclopedismo
EnciclopedismoEnciclopedismo
Enciclopedismosalolaya
 
Caracteristicas digitales de composición
Caracteristicas digitales de composiciónCaracteristicas digitales de composición
Caracteristicas digitales de composiciónsalolaya
 
Caracteristicas digitales de composición
Caracteristicas digitales de composiciónCaracteristicas digitales de composición
Caracteristicas digitales de composiciónsalolaya
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitariosalolaya
 
Fundamentos para el diseño digital
Fundamentos para el diseño digitalFundamentos para el diseño digital
Fundamentos para el diseño digitalsalolaya
 
Fundamentos para el diseño digital
Fundamentos para el diseño digitalFundamentos para el diseño digital
Fundamentos para el diseño digitalsalolaya
 

Más de salolaya (10)

Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
 
Caracteri..
Caracteri..Caracteri..
Caracteri..
 
Espacio en el_mensaje_publicitario
Espacio en el_mensaje_publicitarioEspacio en el_mensaje_publicitario
Espacio en el_mensaje_publicitario
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
 
Enciclopedismo
EnciclopedismoEnciclopedismo
Enciclopedismo
 
Caracteristicas digitales de composición
Caracteristicas digitales de composiciónCaracteristicas digitales de composición
Caracteristicas digitales de composición
 
Caracteristicas digitales de composición
Caracteristicas digitales de composiciónCaracteristicas digitales de composición
Caracteristicas digitales de composición
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitario
 
Fundamentos para el diseño digital
Fundamentos para el diseño digitalFundamentos para el diseño digital
Fundamentos para el diseño digital
 
Fundamentos para el diseño digital
Fundamentos para el diseño digitalFundamentos para el diseño digital
Fundamentos para el diseño digital
 

Reticulas para pantalla

  • 1.
  • 2. RETICULA PARA PANTALLA En la imagen se observa la barra de acceso en la parte superior y en el lado izquierdo los contenidos que tiene la pagina para entrar a los diferentes sitios en donde se encontrarán los servicios que ofrece este espacio virtual.
  • 3. RETICULA DE PANTALLA Aquí la presentación del sitio en la pantalla cambia de manera que se utilizan otro estilo que se adaptan de acuerdo a los elementos diseñados con el fin de mostrar directamente el contenido de la pagina antes de dirigirse a los demás enlaces que tiene.
  • 4. RETICULA DE PANTALLA Este estilo es mas llamativo gracias a la visualización de los colores y el tipo de fondo que se utiliza en la pantalla principal del sitio. Este tipo de presentación tiene la barra de navegación en la parte superior y la barra de contenidos en la parte derecha de la pantalla.
  • 5. PANTALLA DE RETICULA Es importante identificar los servicios que ofrece el sitio web. En esta imagen vemos que se ha creado la pagina principal con la barra de navegación en la parte inferior la cual el fondo negro con las letras blancas resalta la información de esta misma y además hace contraste con la imagen.
  • 6. RETICULA VISUAL Este estilo es poco usual en la web, pero permite asimilar el contenido y distribuirlo.
  • 7. RETICULA VISUAL En esta imagen se observa el cambio de colores pero el diseño sigue siendo el mismo.
  • 8. RETICULA VISUAL En estas tres imágenes vemos la continuidad de la pagina web, lo único que va cambiando son los espacios textuales a medida que se va teniendo acceso a los demás enlaces de la pagina.
  • 9. PAGINAS INICIALES Cumplen con la función de llevar al internauta a una introducción respecto al sitio que va ingresar, permitiéndole tener una visualización de la web y mostrando en cada uno de los espacios la pagina los servicios, publicidad y demás contenidos de interés.
  • 10. NORMAS BASICAS:MENUS Y VINCULOS Permiten el fácil acceso a los diferentes contenidos de la web, tan solo dando un click en los diferentes menús y vínculos. Una alternativa consiste en emplear iconos gráficos, que representan la ventaja der ser fácilmente reconocibles.