YApi Design

June 01, 2018

作品信息

  • 制作日期: 2017年 8月 ~ 10月
  • 设计师: 我自己
  • 简介: 16.3k+ Star 的明星开源项目! YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台。
  • 背景: 本人参与了 YApi 一期、二期的开发,其中一期开发没有设计稿,只有简单的原型图。因此在二期开发之前我根据二期开发的需求和交互稿,利用一个周末时间画出了8张界面设计稿,并制作了新版首页(没有设计稿,一边设计一边写页面)。
  • 链接: YApi 官网Github | 开放 Demo

鸣谢

  • YApi 使用了 Ant Design 组件库,这套设计语言非常棒,当时使用了 Ant Design 提供的 sketch 模板在很短的时间里产出了 8 张设计稿,非常给力!
  • 感谢 stripe 网站的设计,给了我很多的灵感!

LOGO 设计

红绿蓝,三原色,作为 LOGO 的配色,三个条纹夹角为 120°,相交于一个白色的圆形纽扣,相互连接。

YApi 接口管理平台旨在为开发、产品、测试人员提供更优雅的接口管理服务,因此这个 LOGO 寓意着打通“开发”、“产品”、“测试”三者之间的沟壑,共同获取更优雅的使用体验。

页面设计

首页:

登录页:

项目广场:

接口列表:

接口预览:

强调一下