YApi Design

YApi Design

作品信息

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

由于本产品需要独立部署,因此 Qunar 内网中的界面不便展示,想了解这个产品的同学可以在 开放 Demo 中注册账号,登录使用。

鸣谢

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

LOGO 设计

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

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

页面设计

首页:

登录页:

项目广场

接口列表

接口预览

强调一下

链接: YApi 文档站Github | 开放 Demo