搜索
  • 软件
    • 概述
    • OpenStack 组件
    • SDK
    • 部署工具
    • OpenStack 地图
    • 示例配置
  • 用例
    • 生产环境中的用户

    • Ironic 裸机
    • 边缘计算
    • 电信与 NFV
    • 科学与 HPC
    • 容器
    • 企业
    • 用户调查
  • 活动
    • OpenInfra Summit
    • 项目团队聚会
    • OpenDev
    • 社区活动
    • OpenStack 和 OpenInfra Days
    • 峰会视频
  • 社区
    • 欢迎!从这里开始
    • OpenStack 技术委员会
    • 演讲者局
    • OpenStack Wiki
    • 获得认证 (COA)
    • 招聘
    • 营销资源
    • 社区新闻
    • Superuser 杂志

    • OpenInfra 基金会支持组织
    • OpenInfra 基金会
  • 市场
    • 培训
    • 发行版和设备
    • 公共云
    • 托管私有云
    • 远程管理私有云
    • 咨询与集成商
    • 驱动程序
  • 博客
  • 文档
  • 加入
    • 注册基金会会员
    • 赞助基金会
    • 更多关于基金会的信息
  • 登录

使用推荐的 UI 面板格式

使用推荐的 UI 面板格式¶

在 UI 中保持文本和图标的一致风格和位置非常重要。

工作流导航文本¶

使用页面或窗口标题栏、侧边导航、字体和文本大小的默认值。例如,选项卡标题的文本大小必须小于章节标题。

同样,节点项目标题的字体必须小于页面或窗口标题。如果需要,您可能需要缩短节点项目标题以保持默认宽度。

注意

下图不是按比例缩放的。它仅用于作为所提及的各种 UI 元素的参考。

UI text cheat sheet

图标¶

在决定使用图标代替文本时要谨慎。用户通常难以理解图标的意图。 新图标应由用户体验项目进行彻底审查和测试。 也就是说,在特定情况下,图标可以提高可用性。

例如

  • 您有有限的空间。

  • 该图标可以快速识别。

    注意

    考虑全球受众,以及图标是否在不同文化中可以识别。

  • 该图标增强了设计吸引力。

如果您决定使用图标,请遵循以下提示

  • 保持设计简单且一致。

  • 保持单个图标的位置一致。 用户会识别并期望模式,这有助于建立意义和功能。

  • 确保图标可以快速识别和记忆。 如需帮助,请与 UX 项目合作。

  • 如果有空间,请考虑向图标添加文本标签。

此页面最后更新时间:2025-12-07 22:42:07
Creative Commons Attribution 3.0 License

除非另有说明,此文档根据 知识共享署名 3.0 许可 授权。请参阅所有 OpenStack 法律文档。

发现错误?报告错误
  • 指南
  • 安装指南
  • 用户指南
  • 配置指南
  • 操作和管理指南
  • API 指南
  • 贡献者指南
  • 语言
  • Deutsch (德语)
  • Français (法语)
  • Bahasa Indonesia (印尼语)
  • Italiano (意大利语)
  • 日本語 (日语)
  • 한국어 (韩语)
  • Português (葡萄牙语)
  • Türkçe (土耳其语)
  • 简体中文 (Simplified Chinese)

文档贡献者指南

  • 快速入门
  • 文档团队结构
  • 2017/2018 文档团队愿景
  • 非母语英语使用者
  • 蓝图和规范
  • 项目指南设置
  • docs.openstack.org 上的登陆页面
  • 治理标签文档指南
  • OpenStack API 文档
  • 文档错误
  • 编写文档
  • 写作风格
  • OpenStack 用户体验和用户界面指南
    • OpenStack 人物
    • GUI 指南
    • UI 文本指南
  • RST 规范
  • JSON 规范
  • 图表指南
  • 审查文档
  • 构建文档
  • 重定向文档
  • 使用文档工具
  • 发布文档版本
  • 术语表

页面内容

  • 使用推荐的 UI 面板格式
    • 工作流导航文本
    • 图标

OpenStack

  • 项目
  • OpenStack 安全
  • 博客
  • 新闻

社区

  • 用户组
  • 活动
  • 招聘
  • 公司
  • 贡献

文档

  • OpenStack 手册
  • 入门
  • API 文档
  • Wiki

品牌和法律

  • 法律文档
  • 徽标和指南
  • 商标政策
  • 隐私政策
  • OpenInfra CLA

保持联系

OpenStack 项目根据 Apache 2.0 许可 提供。Docs.openstack.org 由 Rackspace 云计算 提供支持。