Cada día suena más fuerte construir interfaces oscuras, ya sea porque se piensa que provocan menos daño al ojo humano o simplemente porque es fachero.
Este artículo mostrará unos tips que acompañar a construir uno puesto que no sería tan simple hacerlo quedar bien en PowerBi.
Construir un tema oscuro no es tan simple como un tema claro. Primero que nada porque tendremos que cambiar muchas opciones de formato para poder llegar a tener una visualización clara.
El clásico error a pensar es "pongo un fondo negro y todo en la visual transparente".
Escala de colores
Fondos
Lo principal al momento de realizar un tema oscuro es observar otros temas oscuros. Seguir una guía de algún sitio o aplicación será una importante fortaleza para guiarnos de conceptos básicos que parecen simple pero no lo son hasta que se miren con detalle.
El ejemplo más claro es el fondo. Ningun tema oscuro usa un color totalmente oscuro, sino que usan una escala de gris. Este concepto es clave para cualquier tema oscuro, no solo de negro, sino de otros colores varios como azul, verde, etc.
Los otros fondos de las visualizaciones serían como componentes de una app. Estos suelen tener un tono menor aun al del fondo en la escala de oscuridad. Veamos la diferencia
Detalles y fonts
Todo lo que contengan las visualizaciones hay que prestar atención. Esto se debe a que por defecto viene en grises que pasarían desapercibidos en oscuro. Entonces hay que pensar en cada detalle como por ejemplo color de los ejes o lineas de valores de gráficos de linea, lineas verticales u horizontales de tablas, etc. Por supuesto, es una obligación el uso de letra clara, no necesariamente blanca.
No todo oscuro
No hay que tener miedo de usar algo claro. No porque este oscuro el tema significa que no podemos usar para nada un fondo claro. Miremos los siguientes slicers. Si nos parece que las tablas quedan bien en tonos claros. No quedaría mal que todo sea oscuro menos una tabla puesto que queremos dar claridad y resaltar esa visualización en nuestra página.
Si bien todo se basa en colores oscuros, en mi opinión la lista desplegable se ve mucho mejor en colores claros. No por eso el tema dejó de ser oscuro.
Cada visualización requiere su analisis de cambio
Como mencioné antes las visualizaciones estan condifuradas con temas claros por defecto. Esto significa que cada una de ellas va a necesitar un analisis de dicado al momento de cambiarle los colores. La más tramposa podría ser la tabla/matriz, puesto que no solo son los colores alternados sino que aparecen lineas, fondos de filas, columnas e inclusive totales y subtotales.
Perdurar nuestros cambios
Luego de transformar podríamos copiar y pegar las visualizaciones cuando usemos, pero es cierto que la mejor forma de perdurar lo que construimos sería generar un tema oscuro asi no lo tenemos que modificar tanto de entrada.
Como cierre, LaDataWeb preparó un tema oscuro de base que podríamos usar al comenzar un desarrollo de este estilo. Lo encontrarán en Github.