To b 网页完整的设计规范

网页端完整的设计规范有哪些要素

颜色

字体

排版 （typography）

h1

h2

h3

...

正文

失效

链接 等

布局（layout）

按钮（button）

通用按钮样式

表单（form）

提示框

标记

标签

全局信息

正常信息 成功信息 警告信息 错误信息

全局信息出现在屏幕正上方位置，为的是提示用户当前操作的状态反馈，需要设定消失时间

模态框

其实就是卡片，在某些需要多次与用户进行交互的场景比较常用，to b端反而不太常用。

进度条

表格

表格是to b网页中必不可少的组件之一，

第一步确定表格整体宽度。

第二部确定行高

第三部确定表格间隔色

第四部，在确定表头的各个名称之后，将它们平均分布，再将表头下数据与其根据情况左对齐或右对齐。但存在某一类型数据特别长的情况，酌情分布表头名称。

弹出框（popover）

不太需要，但是在鼠标hover到数据图的时候，会出现展示鼠标所在位置的数据。

工具提示（tooltips）

解释按钮/图标的作用，四种弹出范围，可以将文字替换成图标。

标签（tabs）

切换不同纬度的数据

分页（pagination）

步骤条（steps）

面包屑（breadcrumb）

当系统拥有两级以上的层级结构，有向上导航的需求时，且希望知道处于哪个层级时，用面包屑来表示

导航

to b网页的导航栏内容不一般多，最重要的就是logo，还可以放置公司一致的内容

---

To be continued