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