WEB产品设计规范有哪些？

时间：2024-02-10 02:55:01 | 来源：网站运营

时间：2024-02-10 02:55:01 来源：网站运营

WEB产品设计规范有哪些？：WEB产品设计规范包括需求规范、设计规范（UI和交互）、前端规范、程序开发规范，有时候还有工作流程规范，主要根据你所开发的产品需求来定。

以下内容是我做UI规范的内容目录（商业机密问题，只有目录哦，亲！），仅供参考，希望对你有用。

1、logo使用规范.................................................................... 3
1.1 首页logo......................................................... 3
1.2 二级logo......................................................... 3
1.3 频道标头.......................................................... 4
2、栅格系统......................................................................... 5

3、颜色配色系统..................................................................... 6

4、文字............................................................................. 7

4.1 字体.............................................................. 74.2 文字样式.......................................................... 7
4.2.1 标题.............................................................. 7

4.2.2 正文.............................................................. 7

4.2.3 资讯列表.......................................................... 7

4.2.4 链接.............................................................. 7

4.2.5 日期、时间........................................................ 8

5、图片、图标....................................................................... 95.1 图片.............................................................. 9
5.2 图标............................................................. 10

6、设计样式规范.................................................................... 11

6.1 板块样式......................................................... 11

6.2 Tab选项卡....................................................... 11

6.3 面包屑........................................................... 12

6.4 步骤条........................................................... 12

6.5 搜索............................................................. 12

6.6 按钮............................................................. 12

6.7 提示............................................................. 12

6.8 翻页效果......................................................... 13

6.9 弹窗样式......................................................... 13

6.10 浮层样式......................................................... 14

6.11 表单样式......................................................... 14

6.12 下拉菜单......................................................... 14

6.13 评论样式......................................................... 15

6.14 排行榜........................................................... 15

7、页头、页脚...................................................................... 16

7.1 页头............................................................. 16

7.2 页脚............................................................. 16

不好意思啊，由于各种原因离开了互联网、本站有很长一段时间没来了，我在百度云盘分享了完成设计规范后的PPT分享课件，在此贴出来，希望对大家有用，关于设计规范方面碰到的问题也可以私信我，看到后会耐心解答...

规范内容：

http://pan.baidu.com/s/1i3MLT0h课件地址：

http://pan.baidu.com/s/1bnJAvtP