SlideShare una empresa de Scribd logo
78




           7. Web - Interactivos




     7.1 Web
        Retícula básica

     7.2 Interactivos
79




                  7.1 Presentación
                        Web



Diseño Web
A la hora de trabajar con webs, tamaños y forma de nave-
gación deben seguir con un método muy marcado.

Al ser un medio cambiante, ya que depende del tipo de pan-
talla con la que lo visualice el usuario, debemos fijar unas
normas en cuanto a tamaño y distribución de frames.

Interactivos:
Este medio es mas abierto ya que el formato de pantalla
no nos afecta de la misma manera al no esta sujeto a un
navegador.

Colores y logotipo se deben usar de la misma manera que
en la web.


Index y home
El index deberá ser una presentación
a la página, y puede estar exenta a
divisiones.

Frames:

El resto de las páginas incluyendo el
Home van a estar construidas sobre
tres frames principales.                                              Margarinas y Aceites
                                                                         comestibles




En la parte superior, el primer frame                       Inicio                           Quiénes somos         Productos              Aliados      Contáctenos
blanco de 2/13 del tamaño de la
página, seguido por uno en el color         Productora y comercializadora de los
                                            mejores aceites y margarinas para
corporativo Pantone 581c de 1/13            COLOMBIA y el EXTERIOR
pudiendo cambiarlo si así lo requie-
                                               Duquesa S.A es una empresa líder en
re el diseño. El logotipo del Duquesa          la producción y comercializacíon de
                                               aceites comestibles a nivel nacional e
                                                                                                             Nuestros          Contáctenos
                                                                                                             Productos
siempre quedará en la esquina supe-            internacional, comprometida con sus
                                               clientes, con los mejores estándares
                                               de calidad, precio y servicio, funda-
                                                                                                                               Servicio al cliente:
                                                                                                                               (571) 5934664
                                                                                                             Aceites
rior izquierda de la página.                   mentada en sus recursos humanos y
                                               técnicos. Promoviendo el desarrollo
                                                                                                                               (571) 5934670

                                               del trabajo en equipo, generando                              Margarinas        LineaNacional:
                                               bienestar a sus accionistas, colabora-                                          018000944040

El frame inferior para el desarrollo
                                               dores y al medio ambiente, contribu-                          Mantecas
                                               yendo al desarrollo del país.                                                   Cra. 106 No. 17B - 86
                                                                                                                               Fontibón, Bogotá D.C.
                                                                Más Información                              Hidrogenados
del contenido de la página.                                                                                                    Colombia, Sur América
80



                                                                                                                                       7.1 Web
                                                                                                                                 Páginas de desarrollo



                   División
                   Está dividida en tres frames principa-
                   les.
                                                                                                                                                                              Frame 1                                                 2/13
                   El primero será estático. Nunca pue-                                                                                                                                                                               1/13
                   de cambiar y no se puede desarrollar
                   ningún punto en el y se incluirán los ín-
                   dices y el menús.
                                                                                                                                                                               Frame 3                                                10/13
                   El segundo será para desarrollo y ex-
                   posición de puntos. Será divido luego
                   en más frames dependiendo de la in-
                   formación que se va a incluir.




Color                                                                                                                                                                                           Tamaño
Los colores que deben predominar                                                                                                                                                                El tamaño de las imágenes tendrá una
son: Pantone 581c y blanco.                                                                                                                                                                     resolución de 72pixels/pulgada.

Los     fondos    para    diferenciar                                                                                                                                                           Para imágenes superiores de 100kb
zonas(desarrollo, exposición, índices,                                                                                                                                                          deberán tener un “cargando” (indica-
etc.) serán siempre de color plano,                                                                                                                                                             do sólo con tipografía de manera muy
nunca con fotografías o imágenes re-                                                                                                                                                            sencilla)
petidas.




                 Margarinas y Aceites                                                                                                                                    Margarinas y Aceites
                    comestibles                                                                                                                                             comestibles




        Inicio                          Quiénes somos                           Productos                              Aliados   Contáctenos                    Inicio                          Quiénes somos   Productos   Aliados   Contáctenos




                                                                                                                                                   Aceites


                                                                                                                                                  Margarinas


                                                                                                                                                  Mantecas


                                                                                                                                                 Hidrogenados




                                                                             Duquesa S.A.
                                           Servicio al cliente: (57)5934664 (57) 5934670 LineaNacional: 018000944040
81



                                                         7.1 Web
                                                   Páginas de desarrollo




Links




                            Margarinas y Aceites
                               comestibles




                  Inicio                           Quiénes somos               Productos                          Aliados                Contáctenos



                                                            Aliados

 EN MARCAS COMPARTIDAS                                   MAKRO- ARO                 EN FABRICACIÓN DE MARCAS PROPIAS

                                                         EXITO-LEADER PRICE
 Ventas y marcas camposol                                CARULLA- CAPRIOLA
                                                         SURTIMAX- SABROSINI
                                                         COORATIENDAS
  EN COMERCIALIZACIÓN


  Distrinual
  Dismal
  Gelacio Novoa




                                                                                                                                                                                                      Margarinas y Aceites
                                                                                                                                                                                                         comestibles




                                                                                                                                                                                             Inicio                          Quiénes somos              Productos                    Aliados   Contáctenos



                                                                                                                                                                                    Ventas
                                                                                                                                                                                                                                                    Cóntactenos
                                                                                                                                                                           comercial@duquesa.com.co

                                                                                                                                                                               Servicio al cliente                                    Nombres                       Apellidos
                                                                                                                                                                    servicioalcliente@duquesa.com.co

                                                                                                                                                                                    Sistemas
                                                                                                                                                                             sistemas@duquesa.com.co

                                                                                                                                                                                   Distribución
                                                                                                                                                                           distribución@duquesa.com.co                                Compañía                      Teléfono

                                                                                                                                                                                 Control de calidad
                                                                                                                                                                          aseguramiento@duquesa.com.co

                                                                                                                                                                                    Gerencia
                                                                                                                                                                             gerencia@duquesa.com.co
                                                                                                                                                                                                                                      Comentarios
                                                                                                                                                                                    Producción
                                                                                                                                                                             producción@duquesa.com.co




                                                                                                                                                                                                                                                                     Enviar     Borrar




                                                                                                    Margarinas y Aceites
                                                                                                       comestibles




                                                                                           Inicio                             Quiénes somos                   Productos                                   Aliados                               Contáctenos



                                                                                                                  Productos
                                                                          Aceites

                                                                                                                            Margarina Cremesa          Margarina Cremesa con Girasol
                                                                        Margarinas

                                                                                                              Ventajas
                                                                         Mantecas                             Producto vegetal.
                                                                                                              Rico sabor lácteo.
                                                                                                              Esparce fácilmente
                                                                       Hidrogenados                           Enriquece el valor nutritivo de sus
                                                                                                              viandas y comidas.
                                                                                                              Enriquecida con vitamina A y D.
                                                                                                              Usos
                                                                                                              En la mesa para untar acompañado de
                                                                                                              pan, tostadas, galletas, arepas y
                                                                                                              emparedados.
                                                                                                              Para esparcir sobre las mazorcas y
                                                                                                              asados.
                                                                                                              Para aderezar las más exigentes
                                                                                                              recetas en la mesa y la cocina.
82




              7.2 Interactivos




     Aquí el formato y división de colores
     son más abiertos, siempre que se res-
     peten las tipografías corporativas y
     el logo puesto de manera correcta y
     visible.

     Al igual que en la web, los colores de
     fondo siempre deben ser planos.




                       Los fondos para diferenciar
                       zonas(desarrollo,     exposición,
                       índices, etc.) serán siempre de
                       color plano, nunca con fotogra-
                       fías o imágenes repetidas.




                                            Liquas         Guage   Focenaf   Cedig




     Resolución y tamaño
     El tamaño de desarrollo será para un
     mínimo de resolución de pantalla de
     800x600.

     Las imágenes, un máximo de resolu-
     ción de 150pixels/pulgada ya que
     se visualizan mejor las imágenes que
     para web (72 pixels/pulgada), y no
     se puede tener problemas de espa-
     cio (siempre que el soporte interactivo
     sea CD)

Más contenido relacionado

PPT
D iseño grafico
PPTX
Clase vii la reticula_diagramación
PPTX
El ritmo en plástica
PPTX
Uv fundamentos del diseño-20120708
PPTX
Diseñar con y sin reticula
PPT
Manajemen Usaha Kecil
PPTX
Planos seriados
PDF
Diseño editorial pag y reticula
D iseño grafico
Clase vii la reticula_diagramación
El ritmo en plástica
Uv fundamentos del diseño-20120708
Diseñar con y sin reticula
Manajemen Usaha Kecil
Planos seriados
Diseño editorial pag y reticula

Destacado (12)

PPT
Diagramacion A Base De Reticulas
PDF
Unidad 4 - Retículas
PDF
Redmodular
PPTX
Estructuras regulares y aplicaciones
PDF
Modulos
PPTX
Interrelación de las formas
PPT
Modulo - Fundamentos del Diseño
PPTX
Diseñar con reticula
PDF
Interrelación de formas - Fundamentos del Diseño Gráfico
PPT
Estructura Semiformal E Informal
PPT
Espacio Y Estructura
PPTX
Estructura
Diagramacion A Base De Reticulas
Unidad 4 - Retículas
Redmodular
Estructuras regulares y aplicaciones
Modulos
Interrelación de las formas
Modulo - Fundamentos del Diseño
Diseñar con reticula
Interrelación de formas - Fundamentos del Diseño Gráfico
Estructura Semiformal E Informal
Espacio Y Estructura
Estructura
Publicidad

Similar a Capitulo 7 (20)

DOCX
Isabella.net
DOCX
Isabella.net
DOCX
Isabella.net
PPTX
UNIDAD 1: DIAPOSITIVAS
DOC
Trabajo word informatica 2[1]
DOC
Trabajo word informatica 2[1]
PDF
Capnegret woo
DOC
PDF
Smile iberia libro_blanco_cms_cast
PPTX
3.2 la red como medio publicitario
PDF
Parcial de tic
PPTX
REPORTE FINAL UNADM
PPT
Grupo6 Caso Plaza21.com Taller de Usabilidad
PPT
Exposicion
PDF
Resume omar vigetti español 2013
PDF
Presentacion
PPT
Flyer general datos tecnicos equipo bis
PDF
Cómo medir en Internet
PPT
Espiga de arroz
Isabella.net
Isabella.net
Isabella.net
UNIDAD 1: DIAPOSITIVAS
Trabajo word informatica 2[1]
Trabajo word informatica 2[1]
Capnegret woo
Smile iberia libro_blanco_cms_cast
3.2 la red como medio publicitario
Parcial de tic
REPORTE FINAL UNADM
Grupo6 Caso Plaza21.com Taller de Usabilidad
Exposicion
Resume omar vigetti español 2013
Presentacion
Flyer general datos tecnicos equipo bis
Cómo medir en Internet
Espiga de arroz
Publicidad

Más de anari02 (11)

PDF
Manual de Identidad Corporativo Duquesa S.A.
PDF
Capitulo 6
PDF
Capitulo 2
PDF
Capitulo 8
PDF
Capitulo 5
PDF
Capitulo 4
PDF
Capitulo 3
PDF
Capitulo 2
PDF
introducción y primer capitulo
PDF
Capitulo 6
PPT
Las herramientas de la mente
Manual de Identidad Corporativo Duquesa S.A.
Capitulo 6
Capitulo 2
Capitulo 8
Capitulo 5
Capitulo 4
Capitulo 3
Capitulo 2
introducción y primer capitulo
Capitulo 6
Las herramientas de la mente

Último (20)

PPTX
Presentacion Trabajo Final de Grado Profesional Moderna Azul .pptx
PDF
ANALIS DE SITIO QUEVEDO DE CASAS Y ENTORNOS
PDF
Analisis de Comunidad, Tribu Bajau. Seminario de Diseño II
PDF
TF - LOGÍSTICA INTERNACIONAmL.pdf puesto
DOCX
flora y fauna del PERU animales ,plantas
PPTX
Diapositiva marco del Buen Desempeño.pptx
PPTX
T3_S7.1_RNE ESCALERA Y RAMPA MATERIAL DE CLASE
PDF
Presentación Me gustas San Valentín Creativo Rosa_20250729_111237_0000.pdf
PPTX
MAPA DE PROCESO FUNMEPRO RSE_082535 (1).pptx
PDF
DEONTOLOGIA 2025 - I.pdfrfffffffffffffffffffffffffffffe
PPTX
FUdddddddddddddddddddddddddddddJIMORI.pptx
PPTX
Acido Base.pptx m
PPTX
primer respondiente VUGVKGYFCUTFCFCUFCYFC
PPTX
INTRODUCCIÓN HISTORIA 5A DE SECU UNIVERSAL.pptx
PPTX
Presentación de tema sexualidad y cuidado del cuerpo
PDF
Cartelera de lavaplatos de bicarbonato y limon
PPTX
diseño e interpretacion de planos tecnicos.pptx
PPTX
virgennnnnde la asunta en cocachacra fiesta
PPT
BUENA PARA INSTRUCCION EN BUENAS PRACT.ppt
PDF
PresFarmaCinetica II CZC 2024.pdfjjjhfxdsss
Presentacion Trabajo Final de Grado Profesional Moderna Azul .pptx
ANALIS DE SITIO QUEVEDO DE CASAS Y ENTORNOS
Analisis de Comunidad, Tribu Bajau. Seminario de Diseño II
TF - LOGÍSTICA INTERNACIONAmL.pdf puesto
flora y fauna del PERU animales ,plantas
Diapositiva marco del Buen Desempeño.pptx
T3_S7.1_RNE ESCALERA Y RAMPA MATERIAL DE CLASE
Presentación Me gustas San Valentín Creativo Rosa_20250729_111237_0000.pdf
MAPA DE PROCESO FUNMEPRO RSE_082535 (1).pptx
DEONTOLOGIA 2025 - I.pdfrfffffffffffffffffffffffffffffe
FUdddddddddddddddddddddddddddddJIMORI.pptx
Acido Base.pptx m
primer respondiente VUGVKGYFCUTFCFCUFCYFC
INTRODUCCIÓN HISTORIA 5A DE SECU UNIVERSAL.pptx
Presentación de tema sexualidad y cuidado del cuerpo
Cartelera de lavaplatos de bicarbonato y limon
diseño e interpretacion de planos tecnicos.pptx
virgennnnnde la asunta en cocachacra fiesta
BUENA PARA INSTRUCCION EN BUENAS PRACT.ppt
PresFarmaCinetica II CZC 2024.pdfjjjhfxdsss

Capitulo 7

  • 1. 78 7. Web - Interactivos 7.1 Web Retícula básica 7.2 Interactivos
  • 2. 79 7.1 Presentación Web Diseño Web A la hora de trabajar con webs, tamaños y forma de nave- gación deben seguir con un método muy marcado. Al ser un medio cambiante, ya que depende del tipo de pan- talla con la que lo visualice el usuario, debemos fijar unas normas en cuanto a tamaño y distribución de frames. Interactivos: Este medio es mas abierto ya que el formato de pantalla no nos afecta de la misma manera al no esta sujeto a un navegador. Colores y logotipo se deben usar de la misma manera que en la web. Index y home El index deberá ser una presentación a la página, y puede estar exenta a divisiones. Frames: El resto de las páginas incluyendo el Home van a estar construidas sobre tres frames principales. Margarinas y Aceites comestibles En la parte superior, el primer frame Inicio Quiénes somos Productos Aliados Contáctenos blanco de 2/13 del tamaño de la página, seguido por uno en el color Productora y comercializadora de los mejores aceites y margarinas para corporativo Pantone 581c de 1/13 COLOMBIA y el EXTERIOR pudiendo cambiarlo si así lo requie- Duquesa S.A es una empresa líder en re el diseño. El logotipo del Duquesa la producción y comercializacíon de aceites comestibles a nivel nacional e Nuestros Contáctenos Productos siempre quedará en la esquina supe- internacional, comprometida con sus clientes, con los mejores estándares de calidad, precio y servicio, funda- Servicio al cliente: (571) 5934664 Aceites rior izquierda de la página. mentada en sus recursos humanos y técnicos. Promoviendo el desarrollo (571) 5934670 del trabajo en equipo, generando Margarinas LineaNacional: bienestar a sus accionistas, colabora- 018000944040 El frame inferior para el desarrollo dores y al medio ambiente, contribu- Mantecas yendo al desarrollo del país. Cra. 106 No. 17B - 86 Fontibón, Bogotá D.C. Más Información Hidrogenados del contenido de la página. Colombia, Sur América
  • 3. 80 7.1 Web Páginas de desarrollo División Está dividida en tres frames principa- les. Frame 1 2/13 El primero será estático. Nunca pue- 1/13 de cambiar y no se puede desarrollar ningún punto en el y se incluirán los ín- dices y el menús. Frame 3 10/13 El segundo será para desarrollo y ex- posición de puntos. Será divido luego en más frames dependiendo de la in- formación que se va a incluir. Color Tamaño Los colores que deben predominar El tamaño de las imágenes tendrá una son: Pantone 581c y blanco. resolución de 72pixels/pulgada. Los fondos para diferenciar Para imágenes superiores de 100kb zonas(desarrollo, exposición, índices, deberán tener un “cargando” (indica- etc.) serán siempre de color plano, do sólo con tipografía de manera muy nunca con fotografías o imágenes re- sencilla) petidas. Margarinas y Aceites Margarinas y Aceites comestibles comestibles Inicio Quiénes somos Productos Aliados Contáctenos Inicio Quiénes somos Productos Aliados Contáctenos Aceites Margarinas Mantecas Hidrogenados Duquesa S.A. Servicio al cliente: (57)5934664 (57) 5934670 LineaNacional: 018000944040
  • 4. 81 7.1 Web Páginas de desarrollo Links Margarinas y Aceites comestibles Inicio Quiénes somos Productos Aliados Contáctenos Aliados EN MARCAS COMPARTIDAS MAKRO- ARO EN FABRICACIÓN DE MARCAS PROPIAS EXITO-LEADER PRICE Ventas y marcas camposol CARULLA- CAPRIOLA SURTIMAX- SABROSINI COORATIENDAS EN COMERCIALIZACIÓN Distrinual Dismal Gelacio Novoa Margarinas y Aceites comestibles Inicio Quiénes somos Productos Aliados Contáctenos Ventas Cóntactenos comercial@duquesa.com.co Servicio al cliente Nombres Apellidos servicioalcliente@duquesa.com.co Sistemas sistemas@duquesa.com.co Distribución distribución@duquesa.com.co Compañía Teléfono Control de calidad aseguramiento@duquesa.com.co Gerencia gerencia@duquesa.com.co Comentarios Producción producción@duquesa.com.co Enviar Borrar Margarinas y Aceites comestibles Inicio Quiénes somos Productos Aliados Contáctenos Productos Aceites Margarina Cremesa Margarina Cremesa con Girasol Margarinas Ventajas Mantecas Producto vegetal. Rico sabor lácteo. Esparce fácilmente Hidrogenados Enriquece el valor nutritivo de sus viandas y comidas. Enriquecida con vitamina A y D. Usos En la mesa para untar acompañado de pan, tostadas, galletas, arepas y emparedados. Para esparcir sobre las mazorcas y asados. Para aderezar las más exigentes recetas en la mesa y la cocina.
  • 5. 82 7.2 Interactivos Aquí el formato y división de colores son más abiertos, siempre que se res- peten las tipografías corporativas y el logo puesto de manera correcta y visible. Al igual que en la web, los colores de fondo siempre deben ser planos. Los fondos para diferenciar zonas(desarrollo, exposición, índices, etc.) serán siempre de color plano, nunca con fotogra- fías o imágenes repetidas. Liquas Guage Focenaf Cedig Resolución y tamaño El tamaño de desarrollo será para un mínimo de resolución de pantalla de 800x600. Las imágenes, un máximo de resolu- ción de 150pixels/pulgada ya que se visualizan mejor las imágenes que para web (72 pixels/pulgada), y no se puede tener problemas de espa- cio (siempre que el soporte interactivo sea CD)