Apifox 首页学设计

94 阅读1分钟

Apifox 是 API 设计、开发、测试一体化协作平台, 今天主要是分析该网页的设计好与不好(仅个人观点)

第一屏

image.png

优点

  • 页面设计干净简洁、清晰
  • header 顶部是常规的固定布局
    • 页面的滚动也保持在页面可视区域的顶部,方便用户快捷操作
    • 将属性相同的功能集进行了分组, 如 ”帮助“ 组中包含了 帮助中心 和 Blog
    • 当鼠标 hover 到某个菜单项的时候会有 hover 效果,如果是组还会自动展开
    • 最右边的 "进入 Apifox" 有一个高亮的效果,表示强烈推荐使用 Apifox 产品
    • 当屏幕处于小屏幕的时候会收缩菜单项,用 icon 表示 菜单
  • 使用一个 Alert 向用户展示了 Apifox 的最新消息,有吸引用户的作用
  • 下边用洁简的文字介绍了 Apifox 是什么 以及常见的 文档列表帮助用户快速达到某个常用的文档
  • 免费下载 下边展示了不同的 下载资源 icon (Windows,Mac, Linux)

image.png

image.png

个人觉得的缺点

  • 收缩的菜单有 “免费注册” 菜单项,但是展开的没有该功能,有点功能不一致? image.png

  • 两个 “进入 Apifox” 看起来有点重复?还是说下边的 进入 Apifox 是为了方便让用户少移动鼠标而快速进入 Apifox?

image.png