Realidad Aumentada Desarrollo de Objetos de Aprendizaje (OA) vinculados al proyecto Artefactos Educativos (AE)
Manual de Estilos
Universidad Simón Bolívar Decanato de Estudios de Postgrado Especialización en Informática Educativa Comunicación Audiovisual II
Manual de Estilos por Mar铆a Estela Mangia se distribuye bajo una Licencia Creative Commons Atribuci贸n-NoComercialCompartirIgual 4.0 Internacional. marzo, 2014
Contenido Introducción Tipografía Iconografía Imágenes Storyboard Propuesta de estilos
04 07 10 11 16 21
Introducci贸n Uso del Manual El objetivo del Manual de Estilos es informar acerca de los lineamientos utilizados para normalizar el dise帽o y la estructura del contenido de la Imagen Audiovisual denominada Realidad Aumentada (RA).
Alcance del Manual El contenido presenta los lineamientos de maquetaci贸n de la Imagen Audiovisual Realidad Aumentada (RA).
Estructura del Manual Cada una de las propuestas que contempla el Manual se divide en cuatro secciones caracter铆sticas:
04
Introducción 1. Presentación. Título y subtítulo que dan nombre y descripción al tipo de información que se va a tratar. 2. Estilo. Pequeña reseña de la hoja de estilos que indica el nombre genérico que se utiliza en la maquetación, así como sus principales cualidades como la tipografía, tamaño, color, entre otros atributos. 3. Uso. Plantea la metodología de desarrollo de cada uno de los módulos que contempla el Manual. Especifica los usos correctos y los menos recomendados. 4. Atributos. Aclaran las propiedades que cada estilo puede plantear y define cada uno de los usos que podemos realizar.
05
Introducción Recomendaciones de diseño Son puntualizaciones de estilo que ayudan a formar una línea gráfica adecuada, así como una correcta estructura para la maquetación. Ejemplo visual Todos los estilos descritos en el Manual van acompañados de su correspondiente imagen, que ayuda a conformar un contenido ampliamente aclaratorio en cada uno de los casos.
06
Tipografía Fuentes
Impact (TrueType) Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ; , : . - ¿? ¡! = “” + * ( ) Mistral Regular (TrueType) Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ; , : . - ¿? ¡! = “” + * ( ) Mistral Bold (TrueType) Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ; , : . - ¿? ¡! = “” + * ( )
07
Tipografía Tamaño Variado que depende de la aplicación a utilizar, composición y diagramación de la escena y legibilidad. Se mide en puntos (valores absolutos) o unidades porcentuales de escala (valores relativos preferibles en accesibilidad)
Color Valores en RGB. 000 Negro 155 155 155 Gris 248 248 248 Blanco 255 153 0 Naranja Tipos oscuros sobre fondos claros (blanco), nunca a la inversa, salvo cuando el fondo sea una imagen a color o en escala de grises. 08
Tipografía Movimiento 1. En una escena no debe haber más de dos tipos de movimiento en la tipografía. 2. Deben ser movimientos que faciliten la lectura y no la entorpezca. Preferiblemente evitar la desaparición del texto a final de la escena. 3. La tipografía puede variar en estilo y tamaño, dependiendo de la aplicación utilizada y la composición de la escena. 4. En cualquier caso, se debe considerar la legibilidad.
09
IconografĂa
10
Imรกgenes
chuwy
11
Imรกgenes
12
Imรกgenes
13
Imรกgenes
14
Imรกgenes
15
Storyboard
16
Storyboard
17
Storyboard
18
Storyboard
19
Storyboard
20
Propuesta de estilo Horizontalidad La imagen audiovisual tiene una estructura en disposición horizontal. Muestra la información por estratos ordenados según su relevancia informativa y estructura la disposición de los elementos para facilitar su lectura en sentido de las agujas del reloj, iniciando desde la esquina superior izquierda.
Jeraquización de la información La jerarquía visual pone de manifiesto la lógica del discurso sin restar creatividad formal ni conceptual. La lógica visual se basa en la sencillez y en el pragmatismo: elementos que aún separados no rivalizan entre si y que con una mínima expresión gráfica indican las opciones más apropiadas que se tienen. 21
Propuesta de estilo Espacio de trabajo La zona de uso más relevante de la página es toda la escena en la que se distribuye la información. Los contenidos relevantes se enfatizan mediante efectos tipográficos, la jerarquía por tamaño de tipografía.
Estructura de la escena 1. Sección izquierda. Generalmente presenta una imagen o un gráfico que resalta y complementa el texto. 2. Sección central. Sirve como contenedor del texto, otras imágenes y el resto de elementos de información. Se procurará que el texto esté justificado a la derecha. 3. Sección inferior. Se emplea en las escenas que titulan un tema y dan entrada al mismo. El texto también estará justificado a la derecha. 22
Propuesta de estilo .
IMAGEN
TEXTO, OTRAS IMÁGENES
IMAGEN
TITULAR
23
Propuesta de estilo . Escena imagen-texto
Escena imagen-texto con imagen
23
Propuesta de estilo . Escena imagen-titular
Escena imagen-titular
23
Universidad Simón Bolívar Decanato de Estudios de Postgrado Especialización en Informática Educativa Comunicación Audiovisual II