如何使用Axure画H5自适应原型

这篇具有很好参考价值的文章主要介绍了如何使用Axure画H5自适应原型。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

【背景】以前做的H5原型要么只能在PC上打开看,要么在手机上打开后就是各种凌乱(没有自适应),无法让开发或UI体会到真实的效果。但是又不想掏钱买其它工具,只对AXURE熟悉,所以经过研究写了此文章。

一. 先来说说H5吧

其实跟开发类似,要用Axure的页面自适应功能,让页面根据屏幕尺寸自动适配合适的大小,操作方法如下:

1.打开Axure-->项目-->自适应视图

如何使用Axure画H5自适应原型

 

2.在“自适应视图”窗口,配置三种尺寸:

如何使用Axure画H5自适应原型

 

web高分辨率——是指PC端的尺寸,建议宽用1200,高不限;

iphone7P——是用来适应与iphone7Plus同等尺寸的手机,建议宽高为414*736;其中的条件是指小于等于iphone7P的尺寸时,采用414*736的原型尺寸

iphone6——是用来适应与iphone6同等尺寸的手机,建议宽高为375*667;其中条件的意思同上,与iphone7P是求交的关系;

具体原型尺寸与屏幕尺寸的对应关系可以参考下表:文章来源地址https://www.toymoban.com/news/detail-404520.html

到了这里,关于如何使用Axure画H5自适应原型的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Axure电商产品移动端交互原型,移动端高保真Axure原型图(RP源文件手机app界面UI设计模板)

    本作品是一套 Axure8 高保真移动端电商APP产品原型模板,包含了 用户中心、会员成长、优惠券、积分、互动社区、运营推广、内容推荐、商品展示、订单流程、订单管理、售后及服务 等完整的电商体系功能架构和业务流程。 本模板由 一百三十多个界面上千个交互元件及事件

    2024年02月04日
    浏览(53)
  • 【Axure高保真原型】日期时间选择器

    今天和大家分享日期时间下拉列表选择器的原型模板,该模板用中继器结合时间函数制作,所以可以获取真实的日历效果,具体包括哪一年二月份有29天,几号对应星期几,都是真实的。这个原型用Axure原生元件组成,所以样式以及后续的交互都可以根据需要修改 【原型预览

    2024年02月12日
    浏览(62)
  • 【Axure高保真原型】物理架构图模板

    今天和粉丝们免费分享物理架构图模板的原型模板~~~ 物理架构图是指在计算机系统、网络、软件应用等领域中,用于表示物理组件、设备、连接方式以及它们之间关系的图示。它以图形化的方式展示了系统的实际物理结构,常见的物理架构图元素包括: 1、服务器:表示物理

    2024年02月13日
    浏览(45)
  • 【Axure高保真原型】树控制内联框架

    今天和大家分享树控制内联框架的原型模板,点击树的箭头可以打开或者收起子节点,点击最后一级人物节点,可以切换右侧内联框到对应的页面,左侧的树是通过中继器制作的,使用简单,只需要按要求填写中继器表格即可,案例中最高6级树,具体效果可以观看下方视频或

    2024年02月01日
    浏览(52)
  • 【Axure高保真原型】多图表动态切换

    今天和大家分享多图表动态切换的原型模板,点击不同的图标可以动态切换对应的表,包括柱状图、条形图、饼图、环形图、折线图、曲线图、面积图、阶梯图、雷达图;而且图表数据可以在左侧表格中动态维护,包括增加修改和删除,维护表格信息后对应图表也会动态更新

    2024年02月10日
    浏览(46)
  • UI设计大作业 Axure原型 “美食分享制作”app高保真原型设计

    “美食分享制作”app是一款记录美食制作、分享美食、寻找美食制作教程为一体的美食应用。 ①厨艺爱好者:能够分享自己的经验、收集他人的创意并反馈。 ②对美食有高品质要求的人群:能通过搜寻功能获取最佳的食材、配方、制作方式等信息,并与他人互动进行讨论。

    2024年02月11日
    浏览(48)
  • Axure RP 8.1.0.3400(原型设计工具)

    Axure RP 8是一款原型设计工具,它提供了丰富的功能和工具,帮助用户创建高质量的网页、移动应用和桌面软件原型。以下是Axure RP 8的一些特色介绍: 强大的交互设计:Axure RP 8支持创建复杂的动画和过渡效果,让你的原型更加生动和具有真实的用户体验。 多设备适配:Axur

    2024年02月10日
    浏览(37)
  • 【电商领域】Axure在线购物商城小程序原型图,抖音商城垂直电商APP原型

    页面数量:共 60+ 页 兼容软件:Axure RP 9/10,不支持低版本 应用领域:品牌自营商城、垂直电商、短视频社区商城 作品申明:页面内容仅用于功能演示,无实际功能 本作品为品牌自营在线商城小程序的原型图,属于垂直电商解决方案(以某药业为例);目前已实现功能包括:

    2024年02月11日
    浏览(47)
  • 【旅游度假】Axure酒店在线预订APP原型图 旅游度假子模块原型模板

    页面数量:共 20+ 页 兼容软件:Axure RP 9/10,不支持低版本 应用领域:旅游度假,生活服务 作品申明:页面内容仅用于功能演示,无实际功能 本作品为「酒店在线预订」的移动端原型设计图,主要功能包括:主页、搜索、酒店详情、在线预订、订单管理等模块与功能。 本作

    2024年02月12日
    浏览(43)
  • 【Axure高保真原型】卡片_拖动摆放换位效果

    今天和大家分享卡片_拖动摆放换位效果的原型模板,可以通过鼠标拖动任意卡片,对应卡片可以跟随鼠标移动,其他卡片会自动让出位置,松开鼠标后全部卡片自动对齐摆放。那这个原型模板是用中继器制作的,所以使用也很简单,只需要维护中继器表格的内容即可,具体效

    2024年01月24日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包