You are on page 1of 12

vDiseo.

Gua de estilo para informes

Gua de estilo para informes


Introduccin
Esta gua 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 estndar de formato y estilo para los informes son:

Optimizar el tiempo invertido en la personalizacin Mejora la esttica y por lo tanto a la usabilidad de los informes, que repercute en un aspecto homogneo y profesional que trasmita coherencia con el producto.

Este gua es el instrumento que indica las pautas a seguir en cuanto a la retcula base, colores, tipografas, etc... y debern cumplirse de forma sistemtica para obtener un resultado ptimo.

Indice
Gua de estilo para informes Introduccin Indice Retcula base 10x10, mrgenes y formato Estilos Cabecera Detalle Pie Personalizacin Ejemplos

Pol. Ind. A Granxa, Edificio vCenter Ra D, esquina paralela 3 36400 Porrio (Pontevedra) Espaa

Telf. (+34) 902 36 63 82 velneo@velneo.com velneo.es

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

vDiseo. Gua de estilo para informes

Retcula base 10x10, mrgenes y formato


La retcula permite que muchas personas colaboren en el mismo proyecto y mantener una coherencia al mismo tiempo que se aporta claridad, eficacia, economa y continuidad. Retcula Para el estndar de informes se estable la retcula 10x10 unidades, tanto en formato vertical como horizontal, porque por su tamao ofrece versatibilidad a la hora de situar los diferentes elementos. Todos los elementos del informe debern alinearse con ella.

Mrgenes Los valores para los mrgenes en Velneo vDevelop V7 son: Margen fijo. Izquierdo 20 Derecho 0 Superior 10 Inferior 20.

Pol. Ind. A Granxa, Edificio vCenter Ra D, esquina paralela 3 36400 Porrio (Pontevedra) Espaa

Telf. (+34) 902 36 63 82 velneo@velneo.com velneo.es

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

vDiseo. Gua de estilo para informes

Formato y reglas La orientacin del formato podr ser horizontal y vertical. El tamao referencia de esta gua es el DIN A4, pero es posible aplicar los estilos a otros formatos estndar 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

Pol. Ind. A Granxa, Edificio vCenter Ra D, esquina paralela 3 36400 Porrio (Pontevedra) Espaa

Telf. (+34) 902 36 63 82 velneo@velneo.com velneo.es

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

vDiseo. Gua de estilo para informes

Estilos
Se ha reducido el mximo el nmero de estilos para hacer el uso de esta gua lo ms sencillo posible. Las tipografa de sistema Arial es la base en sus pesos Normal y Negrita. El criterio de uso de las tipografas se basa en la jerarqua de la informacin, siendo la tipografa TA1, la de nivel superior (encabezados de bloques de informacin y tablas) la TC2 la de nivel inferior (notas al pie y letra pequea como condiciones de pago, direccin, etc...) Los filetes o lneas horizontales, sirven para separar la informacin y guiar al usuario por el informe, usan el mismo criterio que las tipografas.

Catlogo de tipografa Los colores estn en las paletas estndar de las distintas versiones del editor (ver pgina siguiente). Arial negrita, tamao 8, color RGB 128.128.128 Arial normal, tamao 8, color RGB 128. 128. 128 Arial negrita, tamao 8, color RGB 0.0.0 Arial normal, tamao 8, color RGB 0.0.0 Arial normal, tamao 6, color RGB 0.0.0 Arial normal, tamao 6, color RGB 128.128.128 Catlogo 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

Pol. Ind. A Granxa, Edificio vCenter Ra D, esquina paralela 3 36400 Porrio (Pontevedra) Espaa

Telf. (+34) 902 36 63 82 velneo@velneo.com velneo.es

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

vDiseo. Gua de estilo para informes

Campos de texto Se han definido unas propiedades estndar para los campos de texto. La finalidad es que exista una referencia clara, y sencilla de implementar, en la posicin de los textos en la retcula. 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 tipografas como los filetes usan las fuentes estndar del editor. En estas capturas se indican la posicin de los colores: Velneo vDevelop V7

Pol. Ind. A Granxa, Edificio vCenter Ra D, esquina paralela 3 36400 Porrio (Pontevedra) Espaa

Telf. (+34) 902 36 63 82 velneo@velneo.com velneo.es

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

vDiseo. Gua de estilo para informes

Cabecera
Aspectos a tener en cuenta en la cabecera: Mantener la retcula de 10x10 Usar las tipografas y los filetes de forma jerrquica, como se muestra en el ejemplo. El logotipo siempre deber ir a la izquierda. El tamao de la caja para el logotipo es 260x160 Calidad de impresin del logotipo. Importar un archivo de imagen el doble de tamao, como mnimo, 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 tamao, en este caso 520x120 pxeles.

Posiciones Estas normas sirven para los informes en horizontal y vertical y el nmero de campos es orientativo;

Pol. Ind. A Granxa, Edificio vCenter Ra D, esquina paralela 3 36400 Porrio (Pontevedra) Espaa

Telf. (+34) 902 36 63 82 velneo@velneo.com velneo.es

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

vDiseo. Gua de estilo para informes

Detalle
Aspectos a tener en cuenta en el detalle: Mantener la retcula de 10x10 Usar las tipografas y los filetes de forma jerrquica, 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 nmero 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 Interlineado 10 unidades Valor medio Interlineado 5 unidades Valor mximo Interlineado 0 unidades

Pol. Ind. A Granxa, Edificio vCenter Ra D, esquina paralela 3 36400 Porrio (Pontevedra) Espaa

Telf. (+34) 902 36 63 82 velneo@velneo.com velneo.es

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

vDiseo. Gua de estilo para informes

Pie
Aspectos a tener en cuenta en el detalle: Mantener la retcula de 10x10 Usar las tipografas y los filetes de forma jerrquica, como se muestra en el ejemplo.

Figura A

Posiciones Estas normas sirven para los informes en horizontal y vertical y el nmero de campos es orientativo;

Pol. Ind. A Granxa, Edificio vCenter Ra D, esquina paralela 3 36400 Porrio (Pontevedra) Espaa

Telf. (+34) 902 36 63 82 velneo@velneo.com velneo.es

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

vDiseo. Gua de estilo para informes

Personalizacin
En el informe no solamente el logotipo y los datos de contacto son personalizables. Los filetes F1 y F2 y las tipografas 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 tipografas y no est permitido usar usar ms de dos colores. El color seleccionado debe tener suficiente contraste para que pueda leerse con facilidad sobre fondo blanco.

Figura A

Pol. Ind. A Granxa, Edificio vCenter Ra D, esquina paralela 3 36400 Porrio (Pontevedra) Espaa

Telf. (+34) 902 36 63 82 velneo@velneo.com velneo.es

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

vDiseo. Gua de estilo para informes

Ejemplos
Varios informes realizados con las indicaciones de esta gua.

Pol. Ind. A Granxa, Edificio vCenter Ra D, esquina paralela 3 36400 Porrio (Pontevedra) Espaa

Telf. (+34) 902 36 63 82 velneo@velneo.com velneo.es

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

vDiseo. Gua de estilo para informes

Pol. Ind. A Granxa, Edificio vCenter Ra D, esquina paralela 3 36400 Porrio (Pontevedra) Espaa

Telf. (+34) 902 36 63 82 velneo@velneo.com velneo.es

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

vDiseo. Gua de estilo para informes

Pol. Ind. A Granxa, Edificio vCenter Ra D, esquina paralela 3 36400 Porrio (Pontevedra) Espaa

Telf. (+34) 902 36 63 82 velneo@velneo.com velneo.es

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