系统URL整合系列视频二（界面原型）【axure原型界面】

原创已于 2025-04-05 17:22:19 修改 · 631 阅读

CC 4.0 BY-SA版权

文章标签：

于 2025-02-02 22:10:18 首次发布

8 篇文章

订阅专栏

7 篇文章

订阅专栏

视频

系统URL整合系列视频二（界面原型）

（全国）大型分布式系统Web资源URL整合需求界面原型讲解。当今社会各行各业对软件系统的web资源访问权限控制越来越严格，控制粒度也越来越细。安全级别提高的同时也增加了使用成本，譬如让权限申请越来越繁琐。本文讲解的界面原型：用于实现在申请少量web资源权限的条件下访问更多的web资源的需求

原型公网地址：
（全国）某大型分布式系统Web资源URL整合界面原型
# 1、共享地址
Axure Cloud - Generating Project
# 2、开放评论功能的原型界面地址
Axure Cloud - Generating Project

‌界面组成‌
Axure主界面包含以下核心模块‌：
- ‌画布‌：主设计区域，支持标尺和辅助线定位。
- ‌元件库‌：提供按钮、文本框、图片等预设元件，支持拖拽使用。
- ‌工具栏‌：包含选择模式、撤销/重做、预览/发布等快捷功能。
- ‌属性面板‌（检视器）：设置元件样式（颜色、字体、尺寸等）和交互逻辑。
- ‌页面导航‌：管理多个页面及层级结构，支持右键创建子页面。
‌创建项目‌
- 通过菜单栏 ‌文件→新建‌ 创建空白项目，默认页面尺寸可自定义‌。
- 在 ‌页面导航面板‌ 中右键“Root”目录添加新页面‌。
‌添加与编辑元件‌
- 从元件库拖拽元件到画布，双击可编辑文本内容‌。
- 使用 ‌样式窗格‌ 调整元件颜色、边框、对齐方式等属性‌。
- 右键元件可进行 ‌切割图片‌、‌转换元件为图片‌ 或 ‌组合元件‌ 等操作‌。

‌页面跳转‌
- 选中按钮/元件，在 ‌交互窗格‌ 中设置 ‌“单击→打开链接”‌，选择目标页面‌。
‌显示/隐藏元件‌
- 添加 ‌动态面板‌，通过交互事件（如鼠标悬停）切换面板状态‌。
- 使用 ‌条件判断‌（如判断输入框内容是否符合规则）控制显示逻辑‌。
‌交互动效‌
- 在 ‌交互样式‌ 中设置悬停、点击等状态的视觉效果（如颜色变化、位移）‌。

‌页面样式‌
- 在 ‌页面样式面板‌ 中设置背景颜色、图片，或切换为草图/黑白模式‌。
- 勾选 ‌“页面居中”‌ 使内容在浏览器中居中显示‌。
‌自适应视图‌
- 通过 ‌项目→自适应视图‌ 配置多分辨率适配规则，实现响应式布局‌。
‌全局变量‌
- 在 ‌项目→全局变量‌ 中定义数据容器，用于跨页面传递信息（如用户输入值）‌。