1D-GAR-G001

GESTIÓN Y ADQUISICIÓN DE RECURSOS
Código: 1D-GAR-G001
Versión: 2
Guía Aspecto Visual Aplicativos
VERSIÓN 1
1
2
Vigencia desde:
18 de Septiembre de 2015
CONTROL DE CAMBIOS
FECHA
DESCRIPCIÓN DE LA MODIFICACIÓN
14 de Junio de 2011
Primera versión del documento
Se generan nuevos estándares para la visualización
18 de septiembre de 2015
de los aplicativos y se incluye los ítems de los
cabezotes, tablas y botones.
Si este documento se encuentra impreso se considera “Copia no Controlada”. La versión vigente se encuentra publicada en la
intranet de la Secretaría Distrital de Gobierno.
1
Página 1 de 9
GESTIÓN Y ADQUISICIÓN DE RECURSOS
Código: 1D-GAR-G001
Versión: 2
Guía Aspecto Visual Aplicativos
Vigencia desde:
18 de Septiembre de 2015
1. INFORMACIÓN GENERAL
Propósito de la Guía:
Entregar las normativas y patrones básicos relacionados con el aspecto de los aplicativos de la Secretaria Distrital de Gobierno.
2. DESCRIPCIÓN DE LA GUÍA
Guía Aspecto Visual APLICATIVOS Nota: Si este documento se encuentra impreso, se considera “Copia no Controlada”. La versión vigente se encuentra publicada en la intranet de la Secretaría Distrital de Gobierno.
Página 2 de 9
GESTIÓN Y ADQUISICIÓN DE RECURSOS
Código: 1D-GAR-G001
Versión: 2
Guía Aspecto Visual Aplicativos
Vigencia desde:
18 de Septiembre de 2015
INICIO DE SESIÓN
Pantalla de bienvenida al aplicativo al cual se desea ingresar, el cual se administra mediante Usuario y Contraseña.
CABEZOTE
Nota: Si este documento se encuentra impreso, se considera “Copia no Controlada”. La versión vigente se encuentra publicada en la intranet de la Secretaría Distrital de Gobierno.
Página 3 de 9
GESTIÓN Y ADQUISICIÓN DE RECURSOS
Código: 1D-GAR-G001
Versión: 2
Guía Aspecto Visual Aplicativos
Vigencia desde:
18 de Septiembre de 2015
Fecha Fuente: Arial Fuente: Arial Bold Fuente: Arial Color: #576F6F Color: #CAA200 Color: #333333 Tamaño: 14 Px Tamaño: 48 Px
Tamaño: 14 Px
Logos Institucionales Franja de División Color: #88ABC2 Tamaño: 8 Px ‐ aprox.
El cabezote cuenta con las siguientes opciones: Logos institucionales, nombre y descripción del aplicativo y formato de fecha.
Nota: Si este documento se encuentra impreso, se considera “Copia no Controlada”. La versión vigente se encuentra publicada en la intranet de la Secretaría Distrital de Gobierno.
Página 4 de 9
GESTIÓN Y ADQUISICIÓN DE RECURSOS
Código: 1D-GAR-G001
Versión: 2
Guía Aspecto Visual Aplicativos
Vigencia desde:
18 de Septiembre de 2015
MENÚ
El menú en formato lista al lado izquierdo de la interfaz, los despliegues estarán de acuerdo a los requerimientos dados con base a los criterios de
análisis de funcionalidad.
Nota: Si este documento se encuentra impreso, se considera “Copia no Controlada”. La versión vigente se encuentra publicada en la intranet de la Secretaría Distrital de Gobierno.
Página 5 de 9
GESTIÓN Y ADQUISICIÓN DE RECURSOS
Código: 1D-GAR-G001
Versión: 2
Guía Aspecto Visual Aplicativos
Vigencia desde:
18 de Septiembre de 2015
TABLAS
Color: #EFEFEF Color: #FFFFFF Los datos de la tabla estarán diferenciados en un interlineado de color como se muestra en la imagen, siendo la primera línea de datos en fondo blanco
y la segunda línea seguida del tono gris dado en la muestra.
Nota: Si este documento se encuentra impreso, se considera “Copia no Controlada”. La versión vigente se encuentra publicada en la intranet de la Secretaría Distrital de Gobierno.
Página 6 de 9
GESTIÓN Y ADQUISICIÓN DE RECURSOS
Código: 1D-GAR-G001
Versión: 2
Guía Aspecto Visual Aplicativos
Vigencia desde:
18 de Septiembre de 2015
PESTAÑAS
El diseño de las pestañas estará dado en formato horizontal, donde la pestaña activa estará identificada de color #88ABC2 y la inactiva #EBEBEB
tal como se aprecia en la imagen.
Nota: Si este documento se encuentra impreso, se considera “Copia no Controlada”. La versión vigente se encuentra publicada en la intranet de la Secretaría Distrital de Gobierno.
Página 7 de 9
GESTIÓN Y ADQUISICIÓN DE RECURSOS
Código: 1D-GAR-G001
Versión: 2
Guía Aspecto Visual Aplicativos
Vigencia desde:
18 de Septiembre de 2015
BOTONES
Inactivo Activo Fuente: Arial Fuente: Arial Tamaño: 14 px Tamaño: 14 px Color: #666666 Color: #FFFFFF Borde: #CCCCCC Tamaño: 89 X 29 px Tamaño: 89 X 29 px Color: Grade Color: Grade Color Inferior: #EBEBEB Color Inferior: #5281a0 Color Superior: #FFFFFF Color Superior: #88ABC2 El estado de los botones estarán definidos de acuerdo a su estado con base a los colores dados en esta guía.
Nota: Si este documento se encuentra impreso, se considera “Copia no Controlada”. La versión vigente se encuentra publicada en la intranet de la Secretaría Distrital de Gobierno.
Página 8 de 9
GESTIÓN Y ADQUISICIÓN DE RECURSOS
Código: 1D-GAR-G001
Versión: 2
Guía Aspecto Visual Aplicativos
Vigencia desde:
18 de Septiembre de 2015
3. DOCUMENTOS RELACIONADOS
3.1 Documentos internos
CÓDIGO SIG
1D-GAR-I32
NOMBRE DOCUMENTO
Instructivo para la implementación y Mantenimiento de Sistemas de
Información
3.2 Normatividad vigente
NORMA
AÑO
EPÍGRAFE
ARTÍCULO(S)
N/A
N/A
N/A
N/A
3.3. Documentos externos
NOMBRE
N/A
FECHA DE
PUBLICACIÓN
O VERSIÓN
N/A
ENTIDAD QUE LO
EMITE
MEDIO DE
CONSULTA
N/A
N/A
Nota: Si este documento se encuentra impreso, se considera “Copia no Controlada”. La versión vigente se encuentra publicada en la
intranet de la Secretaría Distrital de Gobierno.
Página 9 de 9