高保真原型图（初级）

最新推荐文章于 2024-05-01 10:51:03 发布
VIP文章 最新推荐文章于 2024-05-01 10:51:03 发布
阅读量1.3k 收藏
点赞数
分类专栏： TAL 文章标签： 产品经理 产品设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45642796/article/details/111595751
版权
  • 单击左侧（右侧）抽屉样式滑出气泡弹窗
    动态面板为多个按钮多个弹窗时使用，若只有一个弹窗可选用。
    在这里插入图片描述
  • 单击添加或删除某行内容
    利用中继器单击交互
    在这里插入图片描述
    单击后
    在这里插入图片描述
  • menu母版重用header,footer，左右侧菜单栏（导航栏）。
    感觉有点像编程时经常用到的函数或方法，封装成自定义包，直接使用~
    选定组件
最低0.47元/天 解锁文章
Abad_boy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
高保真原型图
02-13
保真原型图，非常实用
人人都是可以套用的高保真原型模版
letmeflee112的专栏
03-13 1531
高保真原型是原型设计中的最高要求，一个合格的高保真原型，除了要保证流程清晰、逻辑正确、功能覆盖完整之外，还要提现出UI和UE，要制作一个高保真原型，通常要花费大量的时间和精力，有时候甚至需要团队协作才能完成。但是在有些场景下，又不能不制作高保真原型。为了提高大家制作原型的效率，结合本人的项目经验，本人总结和提炼了一套适合于pc端后台管理系统的原型模版，通过这个模版，大家可以快速的扩展出自己的高保...
Axure电商产品移动端交互原型，移动端高保真Axure原型图（RP源文件手机app界面UI设计模板）
qq_41790573的博客
12-12 2954
本作品是一套 Axure8 高保真移动端电商APP产品原型模板，包含了等完整的电商体系功能架构和业务流程。本模板由、交互效果完成率95%以上，其中很多界面和交互元件都是在所有的APP产品中通用的，只要稍作修改就可以快速复用到您的项目原型中。另外，本模板在设计过程中遵守了Axure移动端元件库中的相关标准和规范，具有便于修改和方便维护的特点，无论对于交互设计师还是产品经理，都是一套绝佳的学习和参考的原型模板。，以下为部分截图页面。（另如需 Axure 8 其他组件也请详见文末）
我们为什么不画高保真原型图
热门推荐
signalxiu的博客
04-21 2万+
大家好，我是IT修真院深圳分院第3期的学员，一枚正直纯洁善良的PM。今天给大家分享一下，修真院官网PM任务5，深刻思考其中的知识点——我们为什么不画高保真原型图，希望能够给大家带来一些收获。目录1.原型图分类2.为什么我们不画高保真原型3.高保真原型的应用场景4.更多讨论5.参考文献1.原型图分类简单说两句原型图的作用。原型图对于开发来说，是要开发成什么样子，这里的样子体现的是产品的结构、内容、功...
如何使用Axure高效完成高保真原型
pmcaff2008的博客
11-28 909
背景介绍前些天有个香港的邮件营销系统公司的Chester（UX设计师）找到我，他提供他们公司产品的Software Web application（软件的Web式应用，类似GA）的UI视觉图，让我帮他们用Axure完成交互，制作成高保真原型文件，以方面展示以及后期迭代修改。刚开始的时候因为他只拿出了40页左右的发布在Axshare上的视觉稿件，而我也正辞职在家休息，学习也正乏力，所以就欣然接受了这
从零开始教你做高保真原型图+UI 设计规范
dxmcu的专栏
06-26 2万+
编者按：《从零开始设计App》系列到这篇已经是第三期了，上期是低保真原型图，这期@Sophia的玲珑阁 聊聊如何从零开始制作高保真原型图和UI 设计规范。 往期回顾： 《设计师怎样从零开始设计一款APP？》《从零开始设计一款APP之如何做原型图》 Hi-fi 输出 上篇文章提到，在Hi-fi阶段大概可以分为前期、中期和后期三个阶段。这篇文章就是对Hi-fi阶段的详细解说。 前期
商城APP高保真原型图
09-29
商城APP高保真原型图，基于AxureRP8制作，所有商城模板都能进行参考套用。
天猫APP高仿真原型
06-08
用AxureRP7.0制作的天猫商城高保真原型是2013年12月份左右用来练习Axure时制作的，还有很多细节和bug没有完善； 在此将这个用AxureRP7.0制作的原型放出来给有兴趣的小伙伴儿下载学习，仅供参考不必完全模仿，因为这个用AxureRP7.0制作的原型做的并不很好，希望能起到抛砖引玉的作用。 这个用AxureRP7.0制作的原型制作了首页、商品搜索结果页、商品详情页、结账页这几个页面
图片高保真处理
hzp
12-31 324
package file; import java.awt.Graphics2D; import java.awt.RenderingHints; import java.awt.geom.AffineTransform; import java.awt.image.BufferedImage; import java.awt.image.ColorModel; import ja...
Axure天猫商城高保真原型模板-可编辑（web端）
07-06
仿天猫购物商城高保真原型 在线演示 仿天猫商城高保真原型，现版本V0.3测试版发布，持续更新中 • V0.3测试版发布 优化之前页面内容，新增列表页。 本原型含有多种交互功能展示，利于初学者学习。 基本还原天猫...
高保真电商行业小程序axure原型
08-15
高保真电商行业小程序axure原型
Axure微信高保真原型设计.zip
05-04
资源包含微信所有的图标、Axure源码。设计内容包含微信基本的交互功能，聊天，查看好友，刷朋友圈，个人信息查看等
交互软件Axure—高保真原型
weixin_34197488的博客
03-11 634
在上一篇文章中跟大家分享了Axure7.0 的简介、基本操作和原型图的制作，主要是应用元件库里的原件进行界面元素的搭建，直至完成原型图，在最后给大家展示了高保真原型图效果。而在本次分享中，主要带领大家来实现高保真原型图的制作过程，同时介绍一些其他工具的使用情况。 在讲解之前先跟大家回顾下交互设计，什么是交互设计？ 交互设计是指设计人和产品或服务互动的一种机制,以用户体验为基础进行的人机交互设计，是...
1.4_2 Axure RP 9 for mac 高保真原型图 - 案例1 【基础】模仿微信页面
GroupiesM的博客
08-16 2933
1.4_2 Axure RP 9 for mac 高保真原型图 - 案例1 【基础】模仿微信页面
Axure教程（一）——线框图与高保真原型图制作
终成大师的博客
02-16 2923
Axure教程（一）——线框图与高保真原型图制作
如何优雅的用Axure装逼？高保真原型心得分享
xhui_connie的博客
02-15 6562
去年一直想写的Axure小技巧分享，终于还是动手写了，今天主要给大家分享关于axure高保真原型的一些东东。 本文核心内容点： - 啥是高保真原型？（附简单说明原型） - Axure可以画出什么水准的高保真？（给示例，开启装逼模式） - 高保真原型图技巧： - 啥时候上高保真？适用场景 and 不适用场景 啥是高保真原型 ？ 啥是原型，从事互联网的同学，肯
初级原型链
weixin_45441675的博客
12-18 108
原型链 什么是原型链： 1.所有的实例对象都有__proto__属性, 它指向的就是其构造函数的原型对象 2.这样通过__proto__属性就形成了一个链的结构，我们把这个结构称作为原型链 3.当查找对象内部的属性 / 方法时, js引擎自动沿着这个原型链依次查找，直到查找到为止 4.当给对象属性赋值时不会使用原型链, 而只是在当前对象中进行操作 初级原型链 ...
【产品经理】认识产品经理
最新发布
weixin_40929413的博客
05-01 1176
介绍产品经理能力模型、考核指标、个人素质、阶段能力等
高保真原型实现轮播图
12-19
高保真原型可以通过使用HTML、CSS和JavaScript来实现轮播图。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>高保真原型轮播图</title> <style> .slideshow { position: relative; width: 500px; height: 300px; overflow: hidden; } .slideshow img { width: 100%; height: 100%; object-fit: cover; } .slideshow .slide { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 1s ease-in-out; } .slideshow .slide.active { opacity: 1; } </style> </head> <body> <div class="slideshow"> <div class="slide active"> <img src="image1.jpg" alt="Image 1"> </div> <div class="slide"> <img src="image2.jpg" alt="Image 2"> </div> <div class="slide"> <img src="image3.jpg" alt="Image 3"> </div> </div> <script> var slides = document.querySelectorAll('.slide'); var currentSlide = 0; function showSlide(index) { slides[currentSlide].classList.remove('active'); slides[index].classList.add('active'); currentSlide = index; } setInterval(function() { var nextSlide = (currentSlide + 1) % slides.length; showSlide(nextSlide); }, 3000); </script> </body> </html> ``` 这段代码创建了一个包含三张图片的轮播图。每隔3秒钟，轮播图会自动切换到下一张图片。你可以根据需要修改图片的数量和切换时间。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值