Guía de estilo para informes -...

vDiseño. Guía de estilo para informes

Guía de estilo para informes IntroducciónEsta 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 informesIntroducciónIndiceRetícula base 10x10, márgenes y formatoEstilosCabeceraDetallePiePersonalizaciónEjemplos

Pol. Ind. A Granxa, Edificio vCenterRúa D, esquina paralela 336400 Porriño (Pontevedra)España

Telf. (+34) 902 36 63 [email protected]

Velneo, S.A. C.I.F. A36494706 Inscrita en el Reg Mercantil de Pontevedra al tomo 3085, Libro 3085, Folio 90, Hoja PO-37578, Inscr 1ª

mailto:[email protected]





http://www.google.com/url?q=http%3A%2F%2Fvelneo.es&sa=D&sntz=1&usg=AFQjCNHynXn8DXeXcZiZwFTIrLbYsQgLfQ




Retícula base 10x10, márgenes y formatoLa 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ículaPara 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árgenesLos valores para los márgenes en Velneo vDevelop V7 son:

● Margen fijo. ● Izquierdo 20● Derecho 0 ● Superior 10 ● Inferior 20.













Formato y reglasLa 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













EstilosSe 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íaLos 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



Catálogo de filetesUsar el objeto dibujo (Ej: un cubo de 10x10) modificando su altura y su anchura.

Grosor 2, color RGB 128. 128. 128















Campos de textoSe 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

ColoresTanto 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













CabeceraAspectos 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.

PosicionesEstas normas sirven para los informes en horizontal y vertical y el número de campos es orientativo;













DetalleAspectos 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.


InterlineadoCuando 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













PieAspectos 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














PersonalizaciónEn 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













EjemplosVarios informes realizados con las indicaciones de esta guía.












Guía de estilo para informes -...

Documents

Transcript of Guía de estilo para informes -...