m如何搭建 B 端设计规范( 四 ) 腾讯电子签|收据|c2c|合同|微信

Time selectors and sliders（日期时间选择过滤器）：当用户需要输入一个时间或日期，可以点击标准输入框，弹出时间面板进行选择。

Transfer（穿梭框）：双栏穿梭选择框。

Upload（上传）：文件选择上传和拖拽上传控件。

3. Data Display（数据显示）

Badge（微标）：图标右上角的圆形徽标数字。
Card（卡片）：通用卡片容器。
Collapse（折叠面板）：可以折叠/展开的内容区域。
Popover（气泡卡片）：点击/鼠标移入元素，弹出气泡式的卡片浮层（可操作）。
Tabs（标签页）：选项卡切换组件。
Table（表格）：展示行列数据。
Tag（标签）：进行标记和分类的小标签。
Timeline（时间轴）：垂直展示的时间流信息。
Tooltip（文字提示）：简单的文字提示气泡框。
Tree（树形控件）：文件夹、组织架构、生物分类、国家地区等等，世间万物的大多数结构都是树形结构。使用树控件可以完整展现其中的层级关系，并具有展开收起选择等交互功能。

4. Feedback（反馈）

Alert（警告提示）：警告提示，展现需要关注的信息。
Notification（通知提示框）：全局展示通知提醒信息。
Drawer（抽屉）：抽屉从父窗体边缘滑入，覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务，操作完成后，可以平滑地回到到原任务。
Modal（对话框）：模态对话框和非模态对话框。
Progress（进度）：展示操作的当前进度。
Spin（加载）：用于页面和区块的加载中状态。

5. Other（其它）

Button（按钮）：按钮用于开始一个即时操作。
chart（图表）：图标数据显示。
Copyright（版权）：版权信息。
Divider（分割线）：区隔内容的分割线。
logo（标志）：logo 的使用。
LocaleProvider（国际化）：为组件内建文案提供统一的国际化支持。
Text link（文字链）：点击有链接跳转的文字。
Scrollbar（滚动条）：在特定界面区域内进行内容的更多展示。

以上组件可根据自己的产品进行增删，把组件规范设计完成后，整个设计规范就完成了 90% 以上，可以算一个比较完整的设计规范了。
八、总结每一个设计规范都是有灵魂的，规范是为了更好地做设计，而不是限制设计师双手的枷锁。
设计规范也不是一成不变的，它在落地使用的时候多少都会有问题，需要慢慢地去反复检验规范的合理性，发现不合理的及时更正。
最后，希望本篇文章能对看完的你有所帮助，这也是我做分享的初衷，我们下期见。
作者：友设青年，公众号：友设青年
本文由 @友设青年原创发布于人人都是产品经理。未经许可，禁止转载
【 m如何搭建 B 端设计规范】题图来自Unsplash，基于CC0协议