美文网首页
To b 网页完整的设计规范

To b 网页完整的设计规范

作者: 崔j7 | 来源:发表于2019-03-28 22:56 被阅读0次

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

    颜色

    字体

    排版 (typography)

    h1

    h2

    h3

    ...

    正文

    失效

    链接 等

    布局(layout)

    按钮(button)

    通用按钮样式

    表单(form)

    提示框

    标记

    标签

    全局信息

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

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

    模态框

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

    进度条

    表格

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

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

    第二部确定行高

    第三部确定表格间隔色

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

    弹出框(popover)

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

    工具提示(tooltips)

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

    标签(tabs)

    切换不同纬度的数据

    分页(pagination)

    步骤条(steps)

    面包屑(breadcrumb)

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

    导航

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


    To be continued

    相关文章

      网友评论

          本文标题:To b 网页完整的设计规范

          本文链接:https://www.haomeiwen.com/subject/xqbhbqtx.html