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 寓意着打通“开发”、“产品”、“测试”三者之间的沟壑,共同获取更优雅的使用体验。
页面设计
首页:
登录页:
项目广场:
接口列表:
接口预览:
强调一下