网页端完整的设计规范有哪些要素
颜色
字体
排版 (typography)
h1
h2
h3
...
正文
失效
链接 等
布局(layout)
按钮(button)
通用按钮样式
表单(form)
提示框
标记
标签
全局信息
正常信息 成功信息 警告信息 错误信息
全局信息出现在屏幕正上方位置,为的是提示用户当前操作的状态反馈,需要设定消失时间
模态框
其实就是卡片,在某些需要多次与用户进行交互的场景比较常用,to b端反而不太常用。
进度条
表格
表格是to b网页中必不可少的组件之一,
第一步确定表格整体宽度。
第二部确定行高
第三部确定表格间隔色
第四部,在确定表头的各个名称之后,将它们平均分布,再将表头下数据与其根据情况左对齐或右对齐。但存在某一类型数据特别长的情况,酌情分布表头名称。
弹出框(popover)
不太需要,但是在鼠标hover到数据图的时候,会出现展示鼠标所在位置的数据。
工具提示(tooltips)
解释按钮/图标的作用,四种弹出范围,可以将文字替换成图标。
标签(tabs)
切换不同纬度的数据
分页(pagination)
步骤条(steps)
面包屑(breadcrumb)
当系统拥有两级以上的层级结构,有向上导航的需求时,且希望知道处于哪个层级时,用面包屑来表示
导航
to b网页的导航栏内容不一般多,最重要的就是logo,还可以放置公司一致的内容
To be continued
网友评论