产品经理-桌面端UI名词

本文涉及的产品
实时计算 Flink 版,5000CU*H 3个月
检索分析服务 Elasticsearch 版,2核4GB开发者规格 1个月
智能开放搜索 OpenSearch行业算法版,1GB 20LCU 1个月
简介: AxureMost 提供了一套完整的桌面端 UI 组件库,涵盖通用、布局、导航、数据录入、数据展示、反馈及其他组件。每个组件都具备详细的设计规范和资源,帮助设计师和开发者快速构建功能丰富的用户界面。组件库包括按钮、表单、表格、对话框等,全面支持各类应用场景。

桌面端UI名词 - AxureMost

UI 组件样式,它不仅包括了丰富的 UI 组件,还提供了一套完整的设计规范和资源。

通用组件
  • Button 按钮:用于触发操作。
  • Icon 图标:用于展示图标。
  • Typography 排版:用于文本排版。
布局组件
  • Divider 分割线:用于分隔内容。
  • Flex 弹性布局:用于创建灵活的布局。
  • Grid 栅格:用于创建网格布局。
  • Layout 布局:用于页面整体布局。
  • Space 间距:用于设置组件间距。
导航组件
  • Anchor 锚点:用于页面内导航。
  • Breadcrumb 面包屑:用于显示当前页面位置。
  • Dropdown 下拉菜单:用于显示下拉菜单。
  • Menu 导航菜单:用于页面导航。
  • Pagination 分页:用于分页显示数据。
  • Steps 步骤条:用于展示步骤流程。
数据录入组件
  • AutoComplete 自动完成:用于输入建议。
  • Cascader 级联选择:用于级联选择。
  • Checkbox 多选框:用于多选。
  • ColorPicker 颜色选择器:用于选择颜色。
  • DatePicker 日期选择框:用于选择日期。
  • Form 表单:用于数据录入和验证。
  • Input 输入框:用于文本输入。
  • InputNumber 数字输入框:用于数字输入。
  • Mentions 提及:用于提及用户。
  • Radio 单选框:用于单选。
  • Rate 评分:用于评分。
  • Select 选择器:用于选择。
  • Slider 滑动输入条:用于滑动输入。
  • Switch 开关:用于切换状态。
  • TimePicker 时间选择框:用于选择时间。
  • Transfer 穿梭框:用于数据穿梭。
  • TreeSelect 树选择:用于树形选择。
  • Upload 上传:用于文件上传。
数据展示组件
  • Avatar 头像:用于展示用户头像。
  • Badge 徽标数:用于显示状态标记。
  • Calendar 日历:用于日期选择和展示。
  • Card 卡片:用于内容展示。
  • Carousel 走马灯:用于轮播展示。
  • Collapse 折叠面板:用于内容折叠。
  • Descriptions 描述列表:用于展示描述信息。
  • Empty 空状态:用于展示空状态。
  • Image 图片:用于展示图片。
  • List 列表:用于展示列表数据。
  • Popover 气泡卡片:用于弹出提示。
  • QRCode 二维码:用于生成二维码。
  • Segmented 分段控制器:用于分段选择。
  • Statistic 统计数值:用于展示统计数据。
  • Table 表格:用于展示表格数据。
  • Tabs 标签页:用于切换内容。
  • Tag 标签:用于标记内容。
  • Timeline 时间轴:用于展示时间进程。
  • Tooltip 文字提示:用于文字提示。
  • Tour 漫游式引导:用于引导用户。
  • Tree 树形控件:用于展示树形结构数据。
反馈组件
  • Alert 警告提示:用于展示警告信息。
  • Drawer 抽屉:用于侧边栏展示。
  • Message 全局提示:用于全局提示信息。
  • Modal 对话框:用于弹出对话框。
  • Notification 通知提醒框:用于通知提醒。
  • Popconfirm 气泡确认框:用于确认操作。
  • Progress 进度条:用于展示进度。
  • Result 结果:用于展示操作结果。
  • Skeleton 骨架屏:用于加载占位。
  • Spin 加载中:用于加载状态。
  • Watermark 水印:用于添加水印。
其他组件
  • Affix 固钉:用于固定位置。
  • App 包裹组件:用于全局包裹。
  • ConfigProvider 全局化配置:用于全局配置。
  • Util 工具类:用于辅助功能。
组件库大全非常丰富,涵盖了从基础的按钮、输入框到复杂的表格、图表等各类组件,为产品设计提供了强大的工具来功能丰富的用户界面。

添加图片注释,不超过 140 字(可选)

文档导航

移动端UI名词 >

相关文章
|
5月前
|
安全 JavaScript 数据可视化
Axure高端交互元件库:助力产品与设计
为了在这个竞争激烈的市场中脱颖而出,设计师和产品开发团队需要依赖强大的工具来创造引人注目且功能丰富的交互界面。下面介绍一款Axure精心制作的"Web高端交互元件库",作为一款高端交互元件库已被很多设计者使用,它成为了产品与设计团队不可或缺的得力助手。
152 2
|
5月前
|
开发者 UED
Axure“Web高端交互元件库”:产品与设计的得力助手
这套“Web高端交互元件库”精心构建了四大板块内容,分别是登陆首页集合、Web框架集合、表单元件集合以及主流后台组件。每一板块都包含了大量实用且美观的交互元件,设计师与开发者可以根据具体项目需求,快速找到并应用这些元件,从而大大提升工作效率。
|
5月前
|
前端开发 UED 开发者
无障碍设计的魔法:JSF让每个用户都能畅游数字世界!
【8月更文挑战第31天】本文介绍如何使用JavaServer Faces (JSF)构建无障碍Web应用,确保所有用户都能访问和使用。文章通过实际代码示例展示了如何利用ARIA属性增强组件、实现键盘导航、提供文本替代以及使用语义化标签等技术。无障碍设计不仅是道德责任,也是提升用户体验的关键。通过这些方法,JSF可以帮助开发者创建更加公平和包容的应用。
41 0
|
7月前
|
Swift
技术好文共享:第七章美化DetailView界面
技术好文共享:第七章美化DetailView界面
|
8月前
|
前端开发 JavaScript Java
COM、ActiveX与ActiveXDLL和ActiveXEXE:探索组件化开发的潜力(附图代码及关系详解)
COM、ActiveX与ActiveXDLL和ActiveXEXE:探索组件化开发的潜力(附图代码及关系详解)
|
数据安全/隐私保护
FLowUs:一款优秀强大、好看的文件协作软件
什么才是符合需求的文件协作工具?
410 0
FLowUs:一款优秀强大、好看的文件协作软件
LowCode + 团队组件设计规范 = 灵光一闪 ?
LowCode + 团队组件设计规范 = 灵光一闪 ?
204 0
|
前端开发 Java
JSP+Servlet培训班作业管理系统[2]--后台管理页面外观实现
本文目录 1. 背景 2. 后台管理页面整体布局 3. 设计页面大框架 4. 完善样式部分 4.1 全局样式 4.2 顶部标题栏样式 4.3 左侧菜单栏样式 4.4 右侧内容区域样式 5. 最终效果
280 0
JSP+Servlet培训班作业管理系统[2]--后台管理页面外观实现
|
弹性计算 Kubernetes 网络协议
图表即代码:使用 Diagrams 制作云系统架构原型图
## 一、前言 昨天发现了一款非常不错的云系统架构原型图制作库 [Diagrams](https://github.com/mingrammer/diagrams "Diagrams"),通过它,我们便可以使用代码的方式绘制诸如阿里云、AWS、Azure、K8S 等系统架构原型图。 相比于在 UI 上对各种图标进行拖拽和调整,这种方式更符合我们程序员的使用习惯。 本文不仅要介绍下
2338 1
|
Web App开发 前端开发 iOS开发