Material UI vs WebGradients

功能、优缺点、定价全方位对比,帮你做出选择

M

Material UI

配色工具
0 次访问访问官网

简介

Material UI是服务设计与前端开发群体的专业配色工具站,按Material Design、Flat UI等九大色系分类,收录超五百套标准化色彩方案,同时免费提供可直接调用的UI图标、Unicode符号资源,支持直接复制色值与代码,帮从业者缩短UI设计与开发准备时间。

核心功能

  • Material配色
  • Flat UI配色
  • 社交色系
  • Metro配色
  • HTML配色
  • 取色工具
  • 图标资源
  • Unicode查询

优势

  • 资源规范
  • 品类齐全
  • 操作便捷
  • 访问免费

不适合的场景

  • 调色局限
  • 图标有限
  • 功能单一

定价

平台所有核心功能与资源均向用户免费开放,无需付费即可查询色彩、获取图标、使用取色器等工具,适合所有设计、开发从业者使用。若有广告投放等商业合作需求,具体定价以官网官方公示为准。

查看Material UI完整评测
W

WebGradients

配色工具
0 次访问访问官网

简介

WebGradients是专为设计与前端从业者打造的免费线性渐变资源站,集合180种人工精选的渐变方案,覆盖暖调、冷调、清新、低饱和等多种风格调性,每个渐变提供实时预览图与一键复制CSS代码功能,所有素材可免费用于个人与商业项目。

核心功能

  • 多风格库
  • 一键复制
  • 商用授权
  • 风格筛选
  • 实时预览
  • 代码适配
  • 无下载费
  • 分类检索

优势

  • 商用免费
  • 一键复制
  • 风格丰富
  • 无需注册

不适合的场景

  • 不适合复杂场景
  • 不适合定制化
  • 不适合多格式

定价

WebGradients目前所有素材均免费开放使用,支持商业与个人项目无限制调用,具体功能与权限以官网公示为准。个人设计师、小型开发团队可直接使用全部免费素材,中型企业如需批量商用可参考官网的品牌合作指引,无需支付额外费用。

查看WebGradients完整评测