Upload
sebastian-cifuentes-amaya
View
218
Download
1
Embed Size (px)
DESCRIPTION
Interfaz de la multimedia
Citation preview
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
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.
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.
Myr
iad W
Símbolo Internacional de la Salud
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.
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#
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.
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
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.
Diseño de Interfaz
Objetos de navegación
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.
Submenú
Navegación
Submenú
Navegación
Opciones de navegación
1
2
3
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.
Dimensiones
Dimensiones Color de las diferentes páginas del Sitio.