User Interface
用户界面部分将围绕不同的UXP Spectrum组件提供指导,你可以用它来构建一个插件的用户界面。关于插件的用户体验和最佳实践的指导,请参考 UX patterns.
访问 Adobe Spectrum website 进行参照
- 风格设计
- 行为
- 使用指南
- 下载UI文件和更多
UXP Spectrum Components
频谱UXP允许XD和Photoshop中的插件有相同的用户界面,并支持主题。以下是 UXP 和 Spectrum 设计准则中的所有组件的列表。
Action button - 动作按钮允许用户执行一个动作或标记一个选择。它们用于工作流程中类似的、基于任务的选项,是按钮不打算吸引大量注意力的界面的理想选择。
Button - 按钮允许用户执行一个动作或导航到另一个页面。它们有多种风格以满足不同的需求,并且是提醒用户注意需要做什么以在流程中前进的理想选择。
Checkbox - 复选框允许用户从单个项目的列表中选择多个项目,或将一个单独的项目标记为选中。
Divider - 分隔符通过对内容进行分组和划分,使版面更加清晰。它们还可以用来建立节奏和层次。
Link - 链接允许用户导航到一个不同的位置。它们可以在一个段落中内联,也可以作为独立的文本呈现。
Picker - 挑选器(有时被称为 "下拉 "或 "选择")允许用户在有限的空间内从一个选项列表中选择。选项列表可以根据上下文而改变。
Radio Button - 单选按钮允许用户从一个相互排斥的选项列表中选择一个单一的选项。所有可能的选项都暴露在前面,供用户比较。
Slider - 滑块允许用户在一个范围内快速选择一个值。它们应该在范围的上下限是不变的情况下使用。
Text Field - 文本字段是文本框,允许用户用键盘输入自定义文本条目。各种选项可以与该字段一起显示,以传达输入要求。
Tooltip - 工具提示允许用户在悬停或聚焦于特定组件时获得上下文帮助或信息。
Typography - 排版组件包括标题、正文和细节。