...
El uso del Sistema de Diseño Corporativo es obligatorio para cualquier aplicación nueva, y para todos los servicios que se quieran integrar en el Portal de Servicios, de modo que dicho Sistema de Diseño incluye todos los componentes que puede necesitar una aplicación web, o un servicio del Portal de Servicios. Si crees que al Sistema de Diseño le falta algún componente, contacta con MNCS.
El Sistema de Diseño Original se encuentra en Zeplin en el proyecto POSE; en caso de no tener acceso a dicho proyecto contacta con MNCS.El Sistema de Diseño se ha incluido en el nuevo arquetipo de FundeWEB para cualquier nueva aplicación, y para aplicaciones FundeWEB antiguas se ha implementado mediante tres ficheros CSS:
...
Una vez añadidos estos CSS la mayoría de los componentes adoptarán la apariencia de la imagen corporativa.
En el siguiente enlace se pondrán las distintas El Sistema de Diseño Corporativo se irá actualizando y revisando para adoptar los posibles cambios en el diseño, se ha documentado como realizar estas actualizaciones del diseño y como adaptar proyectos generados con arquetipos versiones anteriores del diseño.
Para cualquier consulta sobre cómo aplicar el Sistema de Diseño Corporativo, contacta con MNCS.
Dónde está el estilo
El Sistema de Diseño Corporativo se puede ver en Zeplin:
https://app.zeplin.io/project/5d888c6fbf25d5659beb4883/dashboard?sid=5ebecf67f6a658487ef7fe91
Para consultarlo es necesario invitación; se irán añadiendo usuarios conforme se vayan necesitando ( contacta con MNCS).
Podemos consultarlo para tener una idea general del aspecto que debe tener nuestra aplicación.
Los principales apartados en los que fijarnos son:
...
.
...
Plantilla para aplicaciones NO fundeweb
Para las aplicaciones que no sean fundeweb se ha adaptado el estilo corporativo para no depender de elementos integrados en dicha tecnología (mayoritariamente primefaces) y se han cambiado para que enlacen con elementos HTML. Para poder adaptar una aplicación NO fundeweb a partir del estilo diseñado en Zeplin, puedes descargar la plantilla de estilo corporativo NO fundeweb y utilizarlo como base.
Cómo usarlo en FundeWEB
Si se usa el nuevo arquetipo, no hay que hacer nada, ya que usa el estilo corporativo por defecto.
...
<fdw:outputStylesheet library="themes" name="um/1_12/css/font.css" />
<fdw:outputStylesheet library="themes" name="um/1_12/css/layoutUMU.css" />
<fdw:outputStylesheet library="themes" name="um/1_12/css/estiloUMU.css" />
Es recomendable seguir las instrucciones que aparecen en documento Actualización de la aplicación generada por el arquetipo.
...
<!-- Personalizacion UMU -->
<fdw:outputStylesheet library="themes" name="um/1_12/css/font.css" />
<fdw:outputStylesheet library="themes" name="um/1_12/css/layoutUMU.css" />
<fdw:outputStylesheet library="themes" name="um/1_12/css/estiloUMU.css" />
Al estar añadido en una librería nos permite hacer pequeñas correcciones de los estilos para todas las aplicaciones o distribuir una nueva versión más fácilmente.
...