创建一个视觉吸引力强且统一的数据展示体验仪表板:终极 Power BI 主题

发布:2024-09-23 10:35 阅读:68 点赞:0

该主题旨在创建一个视觉吸引力强且统一的数据展示体验,结合和谐的配色方案和精心设计的元素,提升可读性和参与感。

一. 主题名称

"name""Hussain PBI Theme",

该名称唯一标识主题,反映其设计风格。

二. 色彩调色板

"dataColors": [
    "#8989F6",  "#A1A1F4",  "#3CA6E1",  "#7D71BB",  "#8A91D0",  "#586A89",
    "#728FB0",  "#83A0B5",  "#AED7DE",  "#CED3E6",  "#D7EDF9",  "#4AC5BB",
    "#5F6B6D",  "#FB8281",  "#F4D25A",  "#36446B"
],
"background""#364476",
"foreground""#FFFFFF",

调色板

  • 数据颜色:提供主要的图表和视觉效果颜色,营造活泼的外观。
  • 背景:深色(#364476)设置优雅基调。
  • 前景:清晰的白色(#FFFFFF)确保文本和视觉元素在深色背景上易于阅读。

三. 字体样式

"textClasses": {
    "label": {
        "fontSize"11,
        "color""#B4BAC3",
        "fontFace""'Segoe UI', wf_segoe-ui_normal, helvetica, arial, sans-serif"
    },
    "callout": {
        "fontSize"23,
        "color""#FFFFFF",
        "fontFace""'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif"
    },
    "title": {
        "fontSize"14,
        "color""#FFFFFF",
        "fontFace""'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif"
    },
    "header": {
        "fontFace""'Segoe UI Semibold', wf_segoe-ui_semibold, helvetica, arial, sans-serif"
    }
},

排版

  • 标签:灰色以减少视觉干扰。
  • 标注和标题:较大的白色粗体文本突出显示重要信息。
  • 标题:使用半粗体字体强调重要部分。

四. 视觉样式

"visualStyles": {
    "multiRowCard": {
        "*": {
            "title": [
                {
                    "show"true,
                    "fontColor": {
                        "solid": {
                            "color": {
                                "expr": {
                                    "ThemeDataColor": {
                                        "ColorId"8,
                                        "Percent"0
                                    }
                                }
                            }
                        },
                        "fontSize"13,
                        "fontFamily""'Segoe UI Semibold', wf_segoe-ui_semibold, helvetica, arial, sans-serif"
                    }
                }
            ],
            "dataLabels": [
                {
                    "fontSize"20,
                    "fontFamily""'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif",
                    "color": {
                        "solid": {
                            "color": {
                                "expr": {
                                    "ThemeDataColor": {
                                        "ColorId"7,
                                        "Percent"0
                                    }
                                }
                            }
                        }
                    }
                }
            ]
        }
    },
},

视觉样式

  • 多行卡片:定制的标题和数据标签样式确保关键信息突出。标题使用半粗体,数据标签使用粗体以增强可见性。

五. 工具提示和背景

"visualTooltip": [
    {
        "themedTitleFontColor": {
            "solid": {
                "color""#FFFFFF"
            }
        },
        "themedValueFontColor": {
            "solid": {
                "color""#66CCFF"
            }
        },
        "themedBackground": {
            "solid": {
                "color""#44546A"
            }
        },
        "actionFontColor": {
            "solid": {
                "color""#66CCFF"
            }
        }
    }
],

工具提示

  • 标题颜色:白色以增强可读性。
  • 值颜色:明亮的蓝色(#66CCFF)突出显示。
  • 背景颜色:较深的色调(#44546A)提升可读性。

六. 中性色

"foregroundNeutralSecondary""#B4BAC3",
"backgroundNeutral""#323D55",

这些中性色为中性元素提供了额外选择,确保不同组件的一致性,保持优雅外观。

七. 性能指标

"bad""#E62A72",
"neutral""#FE7150",
"good""#28D2CE",
  • 不良:明亮的红色表示负面值。
  • 中性:橙色表示警示。
  • 良好:青色表示积极结果。

结论

Hussain PBI 主题结合精心挑选的色彩调色板、现代字体和量身定制的视觉样式,为 Power BI 创建了专业且用户友好的体验。每个 JSON 组件协同工作,确保数据可视化不仅功能强大,而且视觉上令人愉悦。