Guía de estilo para informes Introducción Esta guía pretende ser una ayuda para el desarrollador con el fin de aportar un estilo profesional, moderno y funcional a los informes de sus Open APPs. Los objetivos del estándar de formato y estilo para los informes son: Optimizar el tiempo invertido en la personalización Mejora la estética y por lo tanto a la usabilidad de los informes, que repercute en un aspecto homogéneo y profesional que trasmita coherencia con el producto. Este guía es el instrumento que indica las pautas a seguir en cuanto a la retícula base, colores, tipografías, etc... y deberán cumplirse de forma sistemática para obtener un resultado óptimo. Indice Guía de estilo para informes Introducción Indice Retícula base 10x10, márgenes y formato Estilos Cabecera Detalle Pie Personalización Ejemplos
Retícula base 10x10, márgenes y formato La retícula permite que muchas personas colaboren en el mismo proyecto y mantener una coherencia al mismo tiempo que se aporta claridad, eficacia, economía y continuidad. Retícula Para el estándar de informes se estable la retícula 10x10 unidades, tanto en formato vertical como horizontal, porque por su tamaño ofrece versatibilidad a la hora de situar los diferentes elementos. Todos los elementos del informe deberán alinearse con ella. Márgenes Los valores para los márgenes en Velneo vdevelop V7 son: Margen fijo. Izquierdo 20 Derecho 0 Superior 10 Inferior 20.
Formato y reglas La orientación del formato podrá ser horizontal y vertical. El tamaño referencia de esta guía es el DIN A4, pero es posible aplicar los estilos a otros formatos estándar de la norma DIN 476. Los anchos para un formato A4 se definen con las reglas y con unidades en pulgadas: 1.070 Unidades 750 Unidades
Estilos Se ha reducido el máximo el número de estilos para hacer el uso de esta guía lo más sencillo posible. Las tipografía de sistema Arial es la base en sus pesos Normal y Negrita. El criterio de uso de las tipografías se basa en la jerarquía de la información, siendo la tipografía TA1, la de nivel superior (encabezados de bloques de información y tablas) la TC2 la de nivel inferior (notas al pie y letra pequeña como condiciones de pago, dirección, etc...) Los filetes o líneas horizontales, sirven para separar la información y guiar al usuario por el informe, usan el mismo criterio que las tipografías. Catálogo de tipografía Los colores están en las paletas estándar de las distintas versiones del editor (ver página siguiente). Arial negrita, tamaño 8, color RGB 128.128.128 Arial normal, tamaño 8, color RGB 128. 128. 128 Arial negrita, tamaño 8, color RGB 0.0.0 Arial normal, tamaño 8, color RGB 0.0.0 Arial normal, tamaño 6, color RGB 0.0.0 Arial normal, tamaño 6, color RGB 128.128.128 Catálogo de filetes Usar el objeto dibujo (Ej: un cubo de 10x10) modificando su altura y su anchura. Grosor 2, color RGB 128. 128. 128 Grosor 1, color RGB 128. 128. 128 Grosor 1, color RGB 0. 0. 0
Campos de texto Se han definido unas propiedades estándar para los campos de texto. La finalidad es que exista una referencia clara, y sencilla de implementar, en la posición de los textos en la retícula. Deberemos tener en cuenta las siguientes propiedades: Para Velneo vdevelop V7 Con fuente Arial 8. Altura de campo 20. Alineamiento vertical: Centrado Con fuente Arial 6. Altura de campo 10. Alineamiento vertical: Centrado Colores Tanto las tipografías como los filetes usan las fuentes estándar del editor. En estas capturas se indican la posición de los colores: Velneo vdevelop V7
Cabecera Aspectos a tener en cuenta en la cabecera: Mantener la retícula de 10x10 Usar las tipografías y los filetes de forma jerárquica, como se muestra en el ejemplo. El logotipo siempre deberá ir a la izquierda. El tamaño de la caja para el logotipo es 260x160 Calidad de impresión del logotipo. Importar un archivo de imagen el doble de tamaño, como mínimo, para evitar que el logotipo se visualice a baja calidad al imprimir el informe. Ej: Una imagen con un logotipo de de 260x60 unidades en el editor de informes, deberá ser un objeto imagen con el doble de tamaño, en este caso 520x120 píxeles. Posiciones Estas normas sirven para los informes en horizontal y vertical y el número de campos es orientativo;
Detalle Aspectos a tener en cuenta en el detalle: Mantener la retícula de 10x10 Usar las tipografías y los filetes de forma jerárquica, como se muestra en el ejemplo. Cuando el detalle comience con un filete (Ejemplo TOTALES), dejar encima 10 unidades. Posiciones Estas normas sirven para los informes en horizontal y vertical y el número de campos es orientativo; Interlineado Cuando se necesite reducir el interlineado de 10 unidades, se usaran los siguientes valores para mantener una coherencia en los informes: Valor base Valor medio Valor máximo Interlineado 10 unidades Interlineado 5 unidades Interlineado 0 unidades
Pie Aspectos a tener en cuenta en el detalle: Mantener la retícula de 10x10 Usar las tipografías y los filetes de forma jerárquica, como se muestra en el ejemplo. Figura A Posiciones Estas normas sirven para los informes en horizontal y vertical y el número de campos es orientativo;
Personalización En el informe no solamente el logotipo y los datos de contacto son personalizables. Los filetes F1 y F2 y las tipografías TA1 y TA2 se pueden personalizar en color. Para modificar el color del filete basta con modificar objeto imagen, coloreando con el bote de pintura la imagen como muestra la figura A. Se recomienda usar un mismo color para los filetes y las tipografías y no está permitido usar usar más de dos colores. El color seleccionado debe tener suficiente contraste para que pueda leerse con facilidad sobre fondo blanco. Figura A
Ejemplos Varios informes realizados con las indicaciones de esta guía.