Axuremost.cn

Ant Design 是一个广泛使用的组件库，它基于 Ant Design 设计语言，提供了丰富的样式和组件来构建一致、高效且易于访问的用户界面。Ant Design的组件和样式设计注重细节、一致性和易用性，旨在帮助开发者快速构建高质量的Web应用界面。通过这些组件，开发者可以轻松实现复杂的功能和优雅的界面设计。【Axure】Ant Design组件库/元件库。

TVision的设计资源覆盖了20大类、70+小类的图表类型，不仅满足常规需求，还特别适用于数据看板、监控界面等场景，其灵活性和易用性是其主要特点。通过这些组件和样式，设计师可以高效地创建既美观又实用的数据可视化作品。TVision 是一站式数据可视化解决方案，它提供了丰富的图表样式和设计资源，旨在提升设计师的工作效率。【Axure】TVision 可视化图表组件库/元件库。

数据可视化图表组件覆盖了广泛样式，用于满足不同数据展示和分析需求。【Axure】可视化图表组件库/元件库。

这些组件的设计注重用户体验，强调手指交互的优化，确保在不同移动设备上的兼容性和性能。Arco Design Mobile通过这些样式和组件，为开发者提供了构建美观、一致且功能丰富的移动应用的工具集。Arco Design Mobile组件库提供了丰富的基础组件，这些组件设计时考虑了移动设备的特性和用户交互习惯，确保了界面的一致性、清晰度和流畅性。【Axure】Arco Design Mobile组件库/元件库。

AxureMost 官网【Axure】Arco Design组件库 - AxureMostArco Design组件库旨在提供一套高效、美观的企业级设计解决方案。它包含丰富的组件和样式，覆盖了多种交互场景。以下是Arco Design组件库中的一些关键样式和组件特性：基础样式:表单组件:导航组件:数据展示:反馈与对话:特殊组件:自定义主题与命名空间:Arco Design组件库的设计注重用户体验和开发效率，通过这些组件，开发者可以快速构建出符合企业级标准的界面，同时保持高度的定制性和一致性。组件库支持Vue

Element Plus继承了Element UI的优秀设计，并针对V进行了全面升级。Element Plus提供了丰富的UI组件，一致的用户界面。Element Plus的组件设计注重简洁、一致性和易用性，通过这些组件，开发者可以快速构建出美观且功能丰富的Web应用界面。每个组件都提供了详细的文档和示例，支持高度的定制化，以满足不同场景下的需求。【Axure】ElementUI Plus 组件库/元件库。

这些组件在不同的数据可视化工具和库中都有实现，如ECharts、D3.js、Tableau、Power BI等，它们通过不同的设计和交互方式，帮助用户理解和解释数据。数据可视化组件覆盖了多种样式和类型，用于展示和分析数据的不同方面。数据可视化是指通过图表、图形、地图等视觉要素来表现数据中包含的信息的倾向、异常和模式。本次例子共199+个可视化驾驶舱页面+图表素材。

Vant组件库的设计注重性能和易用性，其组件风格简洁、统一，且高度可定制，使得开发者能够快速构建出既美观又实用的移动应用界面。通过这些组件，开发者可以减少界面设计和实现的复杂度，提高开发效率。Vant 是一个轻量、可靠的移动端 Vue 组件库，广泛应用于移动电商场景。它提供了丰富的组件和样式，以支持快速构建高性能的移动应用界面。Vant的组件80+ 个高质量组件，覆盖移动端主流场景。【Axure】Vant 移动端组件库/元件库。

Ant Design Mobile（简称ADM）是一个专为移动端设计的UI组件库，它基于Ant Design的设计理念，提供了丰富的组件和样式，以支持快速构建高质量的移动应用。Ant Design Mobile的组件设计注重响应式和触控友好，确保在不同尺寸的移动设备上都能提供一致且良好的用户体验。通过这些组件和样式，开发者可以快速搭建出符合现代设计趋势的移动应用界面。

本作品集精心集成了多种高效工具与资源，其中囊括了详尽的思维导图、结构清晰的Markdown (MD) 文档，以及利用Visio软件精心绘制的超过50个图形。这些图形不仅涵盖了业界最实用的业务流程图示，还纳入了UML（统一建模语言）的常用图表元素与定制模板，这些模板在Axure RP平台中得到了充分的应用与展示。此举极大地扩充了流程图设计的组件库，为用户提供了前所未有的灵活性与便捷性。

WeUI 是由为微信小程序和网页设计的一套基础样式库，旨在提供与微信原生视觉体验一致的界面元素。WeUI 包含了多个组件和样式，以确保用户在使用小程序时能感受到统一和舒适的体验。WeUI的设计注重简洁和一致性，其组件设计符合微信的视觉语言，使得开发者能够快速构建出与微信环境融合的小程序界面。通过WeUI，开发者可以减少界面设计和实现的复杂度，提高开发效率，同时保证用户界面的一致性和友好性。WeUI组件库/元件库是一款精心设计的、针对微信小程序的扩展组件库。

TDesign for Mobile 是TDesign组件库体系中专为移动端设计的组件集合，它提供了丰富的组件样式来满足移动应用开发的需求。TDesign for mobile 是在服务业务过程中沉淀的一套企业级设计体系。它具有统一的价值观、一致的设计语言和视觉风格，帮助用户形成连续、统一的体验认知。TDesign for Mobile的设计注重移动设备的交互习惯，确保组件在不同屏幕尺寸上的适应性和易用性，帮助开发者高效构建美观且功能丰富的移动应用界面。

Axure中的中国地图组件特别适用于原型设计阶段，它为产品经理和设计师提供了一种高效的方式来构建包含地理信息的交互原型。特点：提供了23个省份、4个直辖市、5个自治区及2个特别行政区的详细地图元件，支持数据填充和交互设置，如鼠标移入显示数据，适用场景：原型设计阶段，快速构建交互原型。

ViewDesign UI组件库，它为Web开发提供了丰富的基础、数据展示和交互反馈组件。ViewDesign的这些组件和样式设计注重用户体验和界面的一致性，同时提供了良好的可访问性和SEO优化，适合构建各种Web应用界面。【Axure】ViewDesign 4.0组件库/元件库。

界面窗格可以被拖放到任何地方，甚至可以变成自由浮动的窗口，或者放在绿松石热区，固定在Axure界面中的新位置。视图→工具栏→自定义主工具栏更改显示在主工具栏中的图标，或右键单击工具栏中的空白区域，在上下文菜单中选择自定义工具栏。在出现的模式中，选中要包含在主工具栏中的项目，对于极简界面，可以取消选中右下角的显示文本复选框图标隐藏工具栏中的图标标签。单击右上角的恢复默认值，可以将工具栏恢复成默认设置。

它提供的丰富组件和稳定性能，能够满足企业对于复杂业务系统的需求。例如，在企业内部管理系统中，TDesign 的表单组件可以高效地收集和验证用户输入的数据，列表组件能够清晰地展示大量的信息，导航栏组件则方便用户在不同的功能模块之间切换。比如，在一个新的社交应用项目中，开发者可以利用 TDesign 的按钮、输入框、对话框等组件快速构建出用户注册和登录界面，以及消息发送和接收的功能模块。TDesign的这些组件和样式设计遵循了内部多年的设计实践，强调易用性、一致性和适应性，旨在帮助开发者快速构建高质量的界面。

在色彩心理学中，暗夜紫可以代表深层次的情感和内在的思考，它鼓励人们探索自己的内心世界，与自我进行更深层次的对话。：尽管是暗色调，暗夜紫却能在视觉上带来一种平衡感，它既不过分张扬，也不至于沉闷，是一种富有动态平衡的颜色。：如同深紫色一样，暗夜紫也常常与奢华和高雅相联系，适合用于高端品牌和设计中，传达出一种不言而喻的尊贵感。暗夜紫在设计、时尚、艺术等领域中，因其独特的视觉效果和情感表达，成为传达特定品牌或设计理念的优选色彩。：预设多种页面表单模板，详情页模版等，还有系统管理常见的页面等，减少设计时间。

例如，数据可视化将复杂的数值转换为易于理解的条形图、折线图、饼图等，使企业管理者和员工能够更快速地理解数据所传达的信息。比如在金融交易领域，实时的股票价格、市场指数等数据可视化展示，能够帮助投资者及时把握市场动态，做出更明智的投资决策。Axure 数据可视化通过将抽象的数据转化为直观的图表、图形等视觉元素，大大提高了数据的可读性。这些组件在不同的数据可视化工具和库中都有实现，如ECharts、D3.js、Tableau、Power BI等，它们通过不同的设计和交互方式，帮助用户理解和解释数据。

在 V5 中，得益于 CSS-in-JS 的动态主题，多套主题模式同屏展示变得非常简单，只需要更改一个主题算法，就可以在不修改 antd 样式的情况下实现多种主题的兼容，极大提高了主题的可定制化。Design Token 是一种为设计特定的满足一定规则的用来识别身份的参数，本质上是找到了组件、属性和代码之间的对应关系，统一了设计样式和前端语言，使组件和设计系统可以被快速管理。而且，主题皮肤可一键替换，设计变更高效维护，设计成果精准还原，真正做到了开箱即用，大大提高了前端开发的效率和质量。

1、什么是元件库通俗的讲，元件就是搭建原型的基础和材料，就跟建房子的砖和瓦一样，元件库就是元件的集合，axure自带的元件库是所有原型和组件库的基础，不管你看见的各种漂亮、大气、复杂的原型都是由此而来。2、如何创建元件库在默认情况下新建的都是.rp格式的原型文件，那如何新建元件库呢，这里介绍两种常用的方式第一种：修改后缀名，就是把.rp文件后缀名，直接改成.rplib，比如：【载入元件库.rp】修改成【载入元件库.rplib】，即可。

Axure在做javascript引用或者js注入时，为了减少复杂度和实现特定的功能，有时会用到Axure内置的函数。该函数在axutils.js文件里，源代码为。该函数在axutils.js文件里，源代码为。可见该函数用于动态加载CSS文件。可见该函数用于动态加载js文件。为css的文件url链接。为js的文件url链接。

可见该函数并未返回任何值，所以调用这个函数也不会有返回结果。通过修改doc.js文件，在函数里加上函数返回“reuturn”就能正常获得全局变量（但不知道有没有其他影响，目前没有发现）。这个函数是在Axure 7 & 8 & 9的版本是有问题的，返回值通常为 “undefined”。在Axure 7以下的版本都是可以正常返回，不知道是bug还是官方特意。Axure拓展功能时，有时会用内置的API函数。函数，以便于多个功能函数之间进行参数的传递。该函数用于设置全局变量的值。该函数用于获取全局变量的值。

1、找Axure 9软件安装目录里的axutils.js文件，路径一般为：【C:\Program Files (x86)\Axure\Axure RP 8\DefaultSettings\Prototype_Files\resources\scripts】。的适配工作，移动端的设计体验也好了很多，但是只是在PC端预览有移动端的效果，在移动设备上浏览却没有自动适应屏幕的效果，而且也没有设置移动端的适配的入口。3、保存后，重新预览页面或生成文件，就已经可以实现页面适配屏幕宽度了。// 向页面注入meta标签。

主要步骤是：①打开图表网站->②调整配置参数->③生成html并下载->④上传至云服务器->⑤在axure中新建框架原件->⑥框架目标填写html在云服务器上的地址。截图法指从一些提供数据图表生成的网站，将示例图表调整成自己想要的图表，截图在axure中拼接成数据看板。按照前文所讲的，将此段代码复制进矩形的打开链接的“fx”函数中。设置矩形的用例，载入时，选中自己。**优点：**简单、易学、图表展示效果好(动态效果)**缺点：**图表展示效果不好，无法动态化。**优点：**简单、易学、快速、便捷。

但，如果我想让这个图标持续转5分钟，10分钟，或者1个小时，怎么样，是不是有点不会算了？首先，我们在 loading 图标所在的页面中拖入一个[动态面板]，并在面板中添加多一个状态（这一步很重要，因为 Axure 添加动态面板默认只有一个状态，而我们至少需要用到两个状态）。理论上它可以永远转下去，是的，我说的是理论上，因为我相信你也知道，永动机不可能被造出来，当页面关闭的时候，这个 loading 动画也就停了。在 Axure 中，如果想让下面这个 loading 图标动起来，你应该能够很快实现。

此外，希望在创建完成数据后，表单数据重置，因此，在添加行后，将文本框置空并将下拉列表重置默认选项，如下图所示；根据示例，我们需要两个文本框，分别作为【姓名】和【年龄】的赋值，下拉框作为【性别】的赋值，如上图所示；我们希望如果创建数据时，数据为空则不执行添加行的交互，并且标记文本框和下拉列表，如下图设置；双击中继器，选中【删除】文本标签，设置交互：【单击时】删除【当前行】；特别地，如果是下拉框，则需要将局部变量设置为【被选项】，如上图所示；拖入文本标签，编辑为【添加】按钮，创建交互。

1.先拖进来一个表格，随意设计4列，其中有一列是“操作列”。然后在“操作列”中，第一行单元格中写入“编辑”字样，然后选中“编辑”字样，右键选择“插入文本链接”。

如上图，拖入三个中继器，分别命名为【L1】、【L2】、【L3】作为一级、二级、三级的联级列表，并做好数据填充和【每项加载】的设置，分别将【Item.L1】、【Item.L2】、【Item.L3】赋值给到【L1】、【L2】、【L3】；最后，【L3】的交互就相对简单一点，同样，需要设置切换选中的交互动作，但【选中时】仅需将【Item.L3】赋值给到【sel_L3】文本标签，且【取消选中时】将【sel_L3】设置为空值；当【取消选中时】，将【sel_L1】设置为空值，且移除【L2】的筛选，同时隐藏【L2】；

在axure中我们能够轻易的在本地预览原型效果，当我们需要分享给别人查看的时候，通常情况下都是导出生成HTML文件打包发送给别人，这种办法虽然能够解决问题，但是太过繁琐，每次都要导出、打包、发送，这里推荐几种原型托管的方法，能够线上保存、在线预览效果。简介：是Axure官方提供的一款免费的托管与分享工具，可通过网站或者Axure软件直接上传axure原型，上传成功后可获取一个访问地址，将网址发给别人就可以进行共享了。优点：axure官方支持，可在axure软件中上传，可多次上传，文件路径不变。

【致力于开源免费的 PM 知识库】涵盖全范围 PM 链路学习资料，专注工作产出。涉及 PM 产品经理相关的 axure 元件库/组件库，axure素材，axure项目合集，PM 资料。思维导图，MD 文档，流程图Axure RP 简体中文语言包，不定期更新。支持 Axure 9、Axure 10。

固定到浏览器可以固定动态面板在浏览器中的位置保持不变，仅在浏览器中有效，可以设置水平固定方向、垂直固定方向、始终保持顶层。有两个地方可以设置，一是鼠标右键，另一个是右侧样式设置面板。

在【内联框架之播放视频音频设置】这一篇中讲过在线的音视频设置，其实内联框架也可以设置本地的音视频文件，在一些离线和不想使用在线文件的场景下非常的实用，加载的速度也会快很多。在讲解如何插入本地文件之前需要先讲两个概念，和，了解了这两个概览后，才能顺利的插入本地文件并识别成功。

大家都知道两点连一线，正方形/矩形是由四个点+连线组合而成，在Axure中常用的基础元件如矩形、圆形都是已经连接好的图形，正常情况下是无法修改各个点的位置的，只能修改宽度、高度，而在某些场景下我们需要调整各个连接点的位置，变成不规则的图形，这就涉及到编辑点的功能了。

交互样式可以提前设置样式效果，当元件在浏览器中预览并遇到特定的状态时（如：鼠标悬停、鼠标按下、选中、禁用、获取焦点等），会触发对应状态的样式，从而实现在不同状态下触发不同的交互样式的效果。

提示信息可以为元件设置一段文本提示，当鼠标hover元件时，会在鼠标附近会出现设置的提示文本，一般用于文本超长截断后的文本补全提示。

引用页面，可以将一个页面引入到矩形或者文本元件上，矩形或者文本元件的文字会变成页面的名称且不可更改，当页面名称变化时，矩形或文本元件的文字内容也会跟随改变，点击矩形或文本元件会跳转到引入的页面，如果引入的是自身所在的页面，点击会重新加载页面。

元件的组合功能，可以将多个分散的元件组合成一个整体，被组合的元件会放到一个文件夹下，这样通过给组合命名，查找同一个组合的元件会非常方便，推拽修改位置时组合的元件会整体一起移动，组合功能可以有效的整合页面中的各个元件，分成多个小模块，方便复制、修改、推拽等操作，组合与取消组合是配套出现的。可以为同一组元件加多次组合，每组合一次就会加一层文件夹。组合：Ctrl+G，取消组合：Ctrl+Shift+G。由多个基础元件组成的模块都可以组合起来，成为一个整体。组合：⌘+G，取消组合：⌘+⇧+G。

元件的隐藏/显示设置，可以将元件设置为不可见/可见，在预览状态下隐藏的元件是看不见的，只有在显示状态才能看见，元件默认都是显示的元件隐藏后，会变成淡黄色的色块。

选项组可以将多个元件组合串联在一起，并且具有互斥的效果，类似于单选按钮组的效果，每个元件或组合之间是互斥的效果，其中只能有一个是可以被选中的，通过这个特性可以轻松的做出如导航菜单栏、单选按钮组、Tab页签等效果。框选元件命名之后，这些元件就成为了一个选项组，选项组的效果通过命名来区别，同样名称的元件属于同一个选项组，所以要注意，一般选项组需要结合交互样式一起，来实现单选互斥的效果如何设置有两种方式可以设置选项组第一种：框选元件，右键->选项组->输入选项组名称。

锁定功能可以锁定元件的位置和尺寸，被锁定后元件的位置、尺寸都不能调整，解锁之后恢复原状，通常使用在不需要修改元件位置和尺寸的场景，可与其他元件一起选中，拖拽移动时只有未被锁定的元件可以移动。锁定：Ctrl+K，解锁：Ctrl+Shift+K。被锁定后，元件的边框变成红色，不可修改位置和尺寸。第一种是鼠标右键->锁定->锁定位置和尺寸；第二种是在顶部工具栏中，点击锁定按钮;锁定：⌘+K，解锁：⌘+⇧+K。有三种方式可以设置锁定与解锁。第三种是使用快捷键操作，