【Axure】元件库和母版、常见的原型规范、静态原型页面制作

最新推荐文章于 2024-06-14 09:14:45 发布
最新推荐文章于 2024-06-14 09:14:45 发布
阅读量432 收藏
点赞数
分类专栏： 摸鱼 文章标签： axure ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51403396/article/details/133462902
版权

添加现有元件库

点击元件库——载入
在这里插入图片描述
当然也可以创建元件库，自己画自己保存

建立京东秒杀母版

在这里插入图片描述
在这里插入图片描述

静态原型页面的制作

框架

选择以iphone8的界面大小为例，顶部状态栏高度为20
在这里插入图片描述

左侧类似于标尺，因为图标、文字离最左侧的间距是不一样的
在这里插入图片描述

信号、电池、时间

在这里插入图片描述

总结

在这里插入图片描述

阿巴阿阿巴巴巴巴
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Axure（2）：母板的创建和使用
04-05 2060
        Axure母板：可以将一些页面中的共同之处，比如导航、背景部分等，提出出来，制作为母板。将母板应用于某个页面，则该页 面相当于将模板的内容复制过来。如果有很多页面具有相同的内容，这些页面如果需要修改这些相同的内容时，仅需要在模板中即可完成所有页面的修改。方式一：直接创建母板步骤一：创建Axure母板：在“母板”区直接创建母板这里创建了一个名称为“Axure学习平台”的模板步骤二：使...
Axure使用教程（三）、母版、Chart图表元件库
c11073138的博客
04-06 1万+
一、母版 在项目中使用母版能大幅提高重复劳动的工作效率，特别是在需求产生变更调整原型的时候。适用于网站导航、菜单等1、新增母版 在左侧可以找到母版区域，可以新增母版、母版文件夹。2、母版使用 如果页面需要使用母版，有两种方法。第一种是打开页面，将母版拖放进去。第二种方法是选中母版，右键选择Add to Pages，这种方式可以实现批量添加。 母版有三种拖放行为：任意位置、固定位置、脱离母版。“任...
产品必会的30个Axure使用技巧
松门一枝花
03-15 920
产品设计原型的目的是为了更好的传达自己的想法。当自己的原型能够满足要求时，就不需要过度关注原型细致度。
Axure母版使用
Brienz
03-13 6667
一、母版功能的介绍 1、Axure的母版区域 解决重复制作原型某个类似功能的问题，一次制作母版，其他页面进行复用的效果。 2、制作母版的方式 通过组件转换为母版 通过母版区域新建母版 3、母版的使用场景 导航菜单设计 页首、页尾设计 网站详情页设计 展示商品的列表信息 未登录的弹出层信息等等 二、母版三种拖放行为的使用 1、任何位置拖放行为 母版在引用的页面可以被移动，放置在页面中的任何位置，对母版所做的修改会在所有引用母版的页面同时更新。 2、锁定到母版中的位置拖放行为 母版在
Axure元件-母版的应用
Bruce小鬼
08-15 1046
Axure元件-母版的应用 1.母版使用场景概述 设计网站页面中相同的信息可以使用母版，它的实际功能相当于模板。每个页面相同的元素需要修改时，只需要修改母版内容，其他引用母版的页面元素都会相应改变。省去了每个页面都要重复操作。 2.添加母版 选中需要转为母版的素材 在素材上右键选择转为母版 母版上双击修改母版信息 -双击母版后自动跳转到模板名称页面–修改信息 查看其它元素信息同样被修改 ...
Axure教程 | 使用母版快速搭建APP界面框架
热门推荐
投资项目
10-02 1万+
Axure的母版想必大家都不陌生了吧，在项目中使用母版能大幅提高重复劳动的工作效率，特别是在需求产生变更调整原型的时候。 一个合理的母版结构能大幅的缩减繁琐的工作，下面我们就以前端界面的构建为实例，了解如何使用母版快速搭建一个灵活的界面框架。 这期又有些啥，点睹为快： 第1步：根据页面上的功能划分不同的区域块 第2步：根据区域块来组织母版的结构 第3步：为每个区域块填
Axure模板库(1)-常见网站
qq_35027448的博客
05-25 1万+
本文作者：Axure大师 微信公众号：axure123 原文地址：猛戳这里发一套Axure的模板，以后做原型的时候可以直接复制粘贴了。源文件的下载地址在文章最后。模板里包括9个常见网站布局，好多按钮和图标，下面是图片预览。1、强调注册账号的布局。左侧是产品介绍，右侧是登录和“快速注册”的按钮。适合新增用户较多的新产品。2、主要空间以轮播图的形式介绍产品，适合引导用户下载app，或者试用产品。3、...
axure原型元件库合集
12-22
axure原型元件库合集axure原型元件库合集axure原型元件库合集axure原型元件库合集axure原型元件库合集axure原型元件库合集axure原型元件库合集axure原型元件库合集axure原型元件库合集axure原型元件库合集axure原型...
Axure交互原型元件库汇总.zip
07-14
LIB001 - AxureUX交互原型Web元件库完整版；...和微信风格一致的Axure元件库； 手机移动端交互原型通用模板精简版二； 微信小程序元件库； AxureUX交互原型移动端元件库精简版 v1.1； iOS 元件库；
Axure高保真原型模板+元件库+图标库icon+动效设计.zip
07-06
【B0001】微信小程序基础元件库.zip 【B0003】PC登陆模板框架（含二级菜单）.zip 多样式下拉菜单选择器.zip 后台通用框架（2022出品）.zip 流程示意卡片模板.zip 时间函数组件 -- 计时器.zip 图标rplib组件（2022...
Axure原型及元件库（web端+移动端+小程序+微信公号）.zip
03-23
1、后台管理系统框架模板 2、阿里内部 控件库AntD_...6、微信WeUI 高保真 完整组件Axure元件库(app元件库) weax分享版_v1 7、FontAwesome图标元件库V5.5.0版.zip 8、Google材质设计Axure控件库收费版 120美刀.rar
axure元件库，产品经理axure原型模板 ，axure免费版下载
01-06
产品经理常用原型模板，axure模板，有需的可以下载。 各行各业的APP原型设计，复用大大提高了工作效率 这些模板是我在各个论坛手机下载来的，各位产品经理同行们可选择构建自己的元件库。
axure9设置组件自适应浏览器大小
m0_66501929的博客
06-11 238
问题：预览时不展示下方的滚动条。
axure制作菜单下拉、隐藏、点击选中效果
CheerTan is here
06-13 193
将这个效果复制到每个子菜单里，做到这一步时，虽然能鼠标悬浮高亮，点击选中高亮，但会出现点击多个栏目后会同时高亮的情况，此时需要通过设置selection group的方式，让这几个组件只能同时一个被选中，右击组件—selection group，可以命名为主导航菜单选项组，将后续所有菜单里的组件都加到这个组件里。点击页面空白处，在OnPageLoad里设置Show Hide的效果，如下图所示。在箭头处添加互动效果，为方便起见，先将路由列表，网关配置，向导配置几个组件选中，命名为网络配置子菜单，如下图所示。
WPF-UI布局
m0_61796189的博客
06-09 1289
例如：一个总高度为200px的Grid，它包含5行，其中两行采用绝对值50px，其它三行分别为1*，2*，2*。Canvas布局就像在画布上画控件一样，Winform开发时外面通过设置控件的Left和Top等属性来确定控件在窗体上的位置，而WPF的控件没有Left和Top等属性，因此当控件放在Canvas会添加位置信息。StackPanel可以把内部元素在纵向或横向紧凑排列，当排在前面的元素抽掉之后，排在它后面的元素会整体向前移动、补占原有元素的空间。
WINUI——Trigger(触发器)使用小结
bianguanyue的博客
06-13 321
使用CommunityToolkit.WinUI.Triggers实现WINUI需要的Trigger。
若依Ruoyi-vue和element admin的区别，该如何选择。
贝格前端工场的博客
06-13 234
提到中后台的前端框架，每个人都能列举出很多，这其中提及率比较高的就是Ruoyi和element admin两款，很多小伙伴分不清二者，本文为大家详细讲解一下。
element-plus ui的使用说明
Java程序员专栏
06-10 361
一旦你安装了并引入了Element Plus，你就可以在你的Vue组件中使用它提供的各种组件了。首先，确保你的项目是基于Vue 3的。你可以使用npm或yarn来安装Element Plus。为了减小项目体积，你可以按需引入Element Plus的组件。为了获取更详细的信息和示例代码，建议查阅Element Plus的官方文档（以上是使用Element Plus UI的基本说明，希望对你有所帮助。来引入Element Plus的图标库。如果你需要使用图标，你可以通过安装。等，帮助你构建复杂的页面布局。
vue2.7支持组合式API，但是对应的vue-router3并不支持useRoute、useRouter。
最新发布
qq996150938的专栏
06-14 68
最近在做一个项目，因为目标用户浏览器版本并不确定，可能会有较旧版本，于是采用vue2.7而不是vue3，最近一年多使用vue3开发的项目都碰到了很多chrome 63-73版本，而对应UI 库 element plus又问题很多。但是在用vue2时候 不可能再选型2.6.x的版本，因为选项API已经淘汰了，如果不使用vue2.7支持的组合式API，那么个人对vue的技术掌握就得不到提升。为了不碰到这些问题，还是旧版的vue2兼容更好，element ui用起来也更舒服。
axure 元件库 bootstrap
01-31
Axure 元件库是一个用于 Axure RP 软件的可复用元素集合，其中包含了各种按钮、导航栏、表单、图标等常用的界面元素，可以帮助用户快速创建原型和设计交互界面。 Bootstrap 是一个开源的前端框架，其中包含了各种HTML、CSS和JavaScript组件，用于快速搭建响应式网页和Web应用程序。Bootstrap 提供了丰富的样式和组件，可以帮助开发者快速建立美观且功能完善的界面。 Axure 元件库与 Bootstrap 在web设计和交互原型领域都有着重要的作用。Axure 元件库提供了一系列的交互界面元素，用户可以通过简单的拖拽和组合，快速创建出更加丰富的交互原型。而 Bootstrap 则提供了丰富的Web界面组件和样式，可以帮助开发者快速构建出美观响应式的网页和应用程序。 Axure 元件库与 Bootstrap 的结合可以将 Axure RP 中的原型设计与实际Web应用程序的开发相结合，在原型设计阶段就可以快速验证用户体验和界面效果，使用 Axure 元件库还可以帮助开发者快速构建出真实效果的交互原型，从而减少了在后期开发过程中的调整和修改，提高了开发效率和产品质量。 总之，Axure 元件库和 Bootstrap 都是在web设计和交互原型领域中非常实用的工具，它们的结合可以提高设计和开发的效率，帮助用户更快地创建出优秀的界面和交互体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值