作者:苏寒于 2019年06月17日 发布在分类 / 产品相关 下,并于 2019年06月17日 编辑
    产品视觉设计规范

       487

       0


    在设计时,遵循一致性原则。同样的组件类别使用同样的视觉处理。目前视觉规范包括颜色和字体的制定。


    颜色

    提倡尽可能少的使用复杂的色板,更好地通过颜色引导用户,构建干净的使用体验。



    灰度颜色

    针对正文和图标,分隔线、背景等元素和组件,根据不同的使用场景使用恰当的正文灰色。




    色板


    为了满足不同颜色在不同颜色背景下能够正常显示,以标准色为基准,分别取3款暗色和3款亮色。

    暗色为黑色叠加,亮色为白色叠加。


    B序号的蓝色为品牌专色。作为重要组件颜色使用。




    GN序号的绿色属于认可专色,通常用于一些操作确认,状态确认等组件或场景中。

    R序号的红色属于警示专色,通常用于异常危险操作,以及一些警告提醒等组件或场景。




    字体


    字体类型

    制定字体使用规范,统一视觉与排版效果。





    在 macOS 与 iOS 平台下,使用苹方 (PingFang)作为中文字体。



    在 Windows 平台下 ,使用微软雅黑(Microsoft YaHei)作为中文字体。



    在 Android 平台下,使用思源黑体(SourceHanSansCN)作为中文字体。




    访问权限

    创建人 苏寒
    文档编辑权限 创建者私有
    文档阅读权限 来自分类
    分类阅读权限 所有人
    分类编辑权限 所有人
    分类审核权限
    标签

    使用 颜色 字体 组件 作为 台下 序号 中文字体 场景 不同
    历史版本

    修改日期 修改人 备注
    2019-06-17 17:43:11[当前版本] 苏寒 排版
    2019-06-17 17:41:30 苏寒 排版
    2019-06-17 17:39:25 苏寒 CREAT
    附件

    PNG

    同类知识
    相关知识

    MIOTO WIKI-V3.2.0