B端设计 | 表盘界面的多种方案设计思路

主要观点总结

本文介绍了B端界面中表盘页的设计，包括其重要性、设计内容、设计流程以及具体的设计步骤和细节。文章强调了表盘页设计的复杂性，特别是主页型表盘页的设计，需要考虑内容区域的利用方式、框架设计、模块分配和排版比例等因素。

关键观点总结

关键观点1: 表盘页的重要性

表盘页是B端界面中视觉性最突出，对项目设计影响最大的页面，也是B端设计入门的起点。

关键观点2: 表盘页设计的核心内容

表盘页的视觉设计主要包含框架、图表、配色、图标四个部分的内容。

关键观点3: 表盘页的设计流程

设计流程包括模块分配、具体框架设计、细节填充等步骤。

关键观点4: 主页型表盘页设计的特殊考虑

主页型表盘页设计需要考虑内容区域的利用方式，遵循内容宽松易于阅读的原则，同时满足排版舒适、和谐、美观的标准。

关键观点5: 设计实例分享

文章通过学员案例分享了表盘页设计的实践，包括不同版本的设计思路和框架设计。

文章预览

表盘页作为B端界面中视觉性最突出，对项目设计影响最大的页面，并且，表盘页面也是B端设计入门的起点，需要我们花最多的时间去学习和提升。 而表盘页的视觉设计主要包含四个部分的内容，框架、图表、配色、图标。我们这次的分享主要聚焦在框架层，通过一个学员的案例，来说明如何展开表盘页的设计。 表盘页的内容分布管理 在之前的框架分享中，我提过表盘页包含两种类型，一种是主页型表盘页，一种是数据型表盘页，也称为BI（Business Intelligence，商业智能）页面。 数据型表盘页设计的规则相对简单，就是内容宽松易于阅读即可。而主页型表盘的设计就复杂很多，需要考虑更多因素，才能让设计满足需要。 而其中最重要的一环，就是对内容区域的利用方式。主页型表盘因为是聚合页面，它的类型决定了应该尽可能将内容控制在一屏左 ………………………………