创建一个视觉吸引力强且统一的数据展示体验仪表板:终极 Power BI 主题
阅读: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 组件协同工作,确保数据可视化不仅功能强大,而且视觉上令人愉悦。