Apifox header 设计参考学习

💡 原文中文,约1100字,阅读约需3分钟。
📝

内容提要

本文介绍了桌面应用程序的交互设计,包括头部图标和功能,刷新和设置功能的使用,外观和通用设置的调整,证书管理、网络代理、插件管理和外部程序的设置,以及关于Apifox的设置,通知和头像菜单项的操作。

🎯

关键要点

  • 本文旨在提高个人的交互设计感觉,欢迎指正。
  • 桌面应用程序的头部设计与其他设计相同,hover时需要使用tooltip解释icon作用。
  • 刷新icon用于防止请求缓存导致数据未更新,点击后全局loading提示用户操作。
  • 设置icon在hover时显示tooltip,点击后弹出dialog供用户个性化配置,内容分为细粒度的sidebar菜单。
  • 外观设置可调整应用整体外观,包括背景、主题色和字体大小,改动实时反应。
  • 通用设置用于更改应用语言和请求相关设置,如超时时间、请求头等。
  • 证书管理、网络代理、插件管理和外部程序设置模块布局为sidebar content。
  • 桌面应用更新不如web顺畅,设置页面包含关于Apifox的相关操作。
  • 通知icon点击后出现通知tab,区分待办和一般通知。
  • 头像菜单项操作在hover时展示相关操作,减少用户点击次数,提高操作速度。
➡️

继续阅读