23
DISEÑO DE MULTIMEDIA PARA LA ENFERMERÍA DE UNIMINUTO Sebastian Cifuentes Amaya COMUNICADOR GÀRFICO 2012 Medios de Comunicación Corporación Universitaria Minuto de Dios

Presentaciondelproductosebastiancifuentes

Embed Size (px)

DESCRIPTION

Interfaz de la multimedia

Citation preview

Page 1: Presentaciondelproductosebastiancifuentes

DISEÑO DE MULTIMEDIA PARA LA ENFERMERÍA

DE UNIMINUTO

Sebastian Cifuentes AmayaCOMUNICADOR GÀRFICO

2012

Medios de Comunicación

Corporación Universitaria Minuto de Dios

Page 2: Presentaciondelproductosebastiancifuentes

Diseño de logo

proceso Logo final

EXPLICACIÓN TEÓRICA

El logo se forma de dos Logo símbolos que caracterizan dos aspectos esenciales a la hora de hablar de salud, los cuales se distribuyen de una manera minimalista, jerarquías de acuerdo a la importancia que conlleva cada una; además contiene en la parte inferior el nombre del área, que en este caso es la Enfermería.

Logo Uniminuto, este es importante a la hora de identificar un área dentro de la institución lo cual permite tomar la identidad y transformarla con un fin último.

Logo internacional de la Salud. Este logo símbolo es utilizado alrededor de todo el mundo, por tanto es de vital importancia su

presencia en esta composición.

Page 3: Presentaciondelproductosebastiancifuentes

Diseño de logo

proceso Logo final

NOTA

Este es un caso hipotético, ya que su aprobación depende de los administrativos de la Universidad, ya que debe respetar el Manual de uso de Imagen Corporativa y esto requiere de una serie de permisos. En caso tal. de que no sea aprobado, se utiliza una opción, Por ejemplo.

Page 4: Presentaciondelproductosebastiancifuentes

Myr

iad W

Símbolo Internacional de la Salud

Page 5: Presentaciondelproductosebastiancifuentes

Myriad Web ProM

yria

d Web

Pro

FUENTE: Eras Demi ITC / Texto, Web, Presentaciones, Boletìnes electrònicos

FUENTE: Eras Demi ITC / Slogan

segun Corporaciòn Universitaria Minuto de Dios UNIMINUTO en el Manual de Imagen Uniminuto “Esta tipografia se usa texto en pàginas digitales como Web, presentaciones interactivas y boletìnes electrònicos”.(p 21) 2009

diseñada por Robert Slimbach y Carol Twombly Adobe Systems. El tipo de letra es más conocido por su uso por parte de Apple Inc., en sustitución de Apple Garamond como fuente corporativa de Apple desde 2002. Myriad se distingue fácilmente de otras fuentes sans-serif, debido a su especial “y” de descenso (la cola) y de corte oblicuo “e”. Myriad es similar a Frutiger.

Page 6: Presentaciondelproductosebastiancifuentes

R G B

R:G:B:

WEBBotones de navegaci[on

0100201

0120201

0140 201

0160 201

0180 201

0200 201

0220 201

0064C9#

0078C9#

008CC9#

00A0C9#

00B4C9#

00C8C9#

00DCC9#

Page 7: Presentaciondelproductosebastiancifuentes

R:G:B:

Color de logo

0111201

006FC9#

Los colores que se utilizaron para el diseño del logo, esta ligado a una similitud con el color complementario Azul de estipulado en el Manual de Imagen Corporativa de Uniminuto o manteniendo sobre la línea del rojo (R) el cual busca por medio del azul brindar una experiencia al usuario de carácter pasivo además de serenidad, limpieza y obediencia, esto sin dejar atrás la identidad de la institución.

Page 8: Presentaciondelproductosebastiancifuentes

Gradientes

El gradiente se maneja de manera muy prudente para evocar tecno-logía y elegancia. A su vez se asocian un poco con algunos diseños de Web como la página del Departamento de Asuntos Estudiantiles.

Ejemplo

Page 9: Presentaciondelproductosebastiancifuentes

Identidad Uniminùto

Colores corporativos Colores complementarios

Pantone 116CRGB 247 - 209 - 23

WEB # FFCE00

NegroRGB 00 - 00 - 00WEB # FFFFFF

NegroRGB 00 - 56 - 150

WEB # 003698

Según el manual de uso de imagen corporativa de Uniminuto, los colores que se utilizaran en todo caso, serán el amarillo y el negro, acompañado por un color complementario que es el Azul. Estos tres enmarcan toda la identidad visual que se maneja en la Institución.

Page 10: Presentaciondelproductosebastiancifuentes

Diseño de Interfaz

Objetos de navegación

Page 11: Presentaciondelproductosebastiancifuentes

iconos de navegación

Promocióny prevención

Servicio Médicoy Enfermería

OrientaciónWeb

Prevenciónde LesionesDeportivas

Vida Sana Conócenos Primerosauxilios

P y P

P y P

Los iconos que se encuentran a continuación representan cada una de las labores que se desarrollan en la Dependencia. Estos pretenden mejorar la interacción de los estudiantes al ingresar a la Multimedia sin tener la necesidad de leer por consiguiente al ubicarse en la parte superior de la imagen aparecerá de manera inmediata el significado de cada imagen.

La elaboración de estos iconos de navegación es de la autoría del comunicador Gráfico y establecen una mejora gracias a la integración de recursos icnográficos.

Page 12: Presentaciondelproductosebastiancifuentes

Submenú

Navegación

Page 13: Presentaciondelproductosebastiancifuentes

Submenú

Navegación

Opciones de navegación

1

Page 14: Presentaciondelproductosebastiancifuentes

2

3

Page 15: Presentaciondelproductosebastiancifuentes

Primera impresión experiencia

PLANTILLA

El diseño de la plantilla se a elaborado de acuerdo a algunos parámetros específicos, para el usuario o Publico Objetivo, Como primera impresión tenemos un banner que con una específica interacción se logra reproducir un video, también contamos con un espacio de respeto para los botones el cual está estructurado con ciertas medidas como lo son:

las dimensiones de la plantilla como tal son de 1024 x 768 px, pero las dimensiones ”reales”, es decir un espacio Visible que evita ser cortado por algunas pantallas y comprende la interacción, en este caso los botones son de 800 x 600 px.De acuerdo a este sitio, actualmente la mayorparte de usuarios usa una resolución de pantalla de 1024 x 768 y en segundo lugar sigue la resoluciónde 800x600. una página para una resolución de 800x600 entonces debemos trabajar con unas dimensiones reales de 760x420,También se busca interpretar los nombres de las diferentes categorías como Promoción y prevención, de una manera icónica, para evitar el agotamiento de la vista al leer y también llamar un poco la atención, este aspecto se deberá manejar de una manera prudente, ya que el exceso de imágenes en una multimedia, puede causar rechazo por parte del usuario.

Page 16: Presentaciondelproductosebastiancifuentes

Dimensiones

Page 17: Presentaciondelproductosebastiancifuentes

Dimensiones Color de las diferentes páginas del Sitio.

Page 18: Presentaciondelproductosebastiancifuentes
Page 19: Presentaciondelproductosebastiancifuentes
Page 20: Presentaciondelproductosebastiancifuentes
Page 21: Presentaciondelproductosebastiancifuentes
Page 22: Presentaciondelproductosebastiancifuentes
Page 23: Presentaciondelproductosebastiancifuentes