Axure技能:自适应移动设备屏幕大小

《Axure新技能:自适应手机屏幕大小》相信不少人都已经看过,并对设置方法已经很熟悉了,但该教程只能适应iphone6的屏幕尺寸的比例,在iphoneX出来后屏幕比例改变了,旧的方法已经不能适应目前的全面屏手机了,但现在不用担心了,笔者已经有新的方法可以去适应市面上98%移动设备(包括手机和平板)屏幕的,让大家在演示原型的时候更加得心应手了。

目录:

  1. 设置原型宽度
  2. 设置动态面板
  3. 发布项目
  4. 查看项目

1、设置原型宽度

我们把原型的宽度定为:375px(高度不限制,根据需要设置)。

Axure技能:自适应移动设备屏幕大小

2、设置动态面板

(1)把元件按需求组合并转为动态面板,并设置为自动调整内容尺寸。

Axure技能:自适应移动设备屏幕大小

(2)需要在头部固定的设置固定到浏览器,水平靠左、垂直靠上、始终保持顶层。

Axure技能:自适应移动设备屏幕大小

(3)中间列表滚动部分不需要设置固定到浏览器

Axure技能:自适应移动设备屏幕大小

(4)需要在底部固定的设置固定到浏览器,水平靠左、垂直靠下、始终保持顶层。

Axure技能:自适应移动设备屏幕大小

3、发布项目

其它的设置我就不多说了,主要说一下移动设备的设置。

  • 宽度:375
  • 高度:800(设置800最大可兼容至iphonex)

以上是建议尺寸,也可以使用其它的尺寸。

  • 最小缩放倍数:0.5
  • 最大缩放倍数:3.0 (设置3.0最大可兼容至ipad pro)
  • 允许用户缩放:no

最重要的初始缩放倍数千万不要填写,填写以后默认就以iphone6(设置的)的尺寸访问,需要你缩放一下才能够正常全屏显示,如果没有设置,则自动以你移动设置大小进行全屏显示。

Axure技能:自适应移动设备屏幕大小

4、查看项目

发布完以后,放至网上,这个时候我们就可以用移动设备进行访问了,我们可以看到无论是iphone5的4.3尺寸还是iphonex的5.8尺寸都是正常全屏显示的。

Axure技能:自适应移动设备屏幕大小

写在最后

原型访问的方法有很多,大家都可以根据自己的实际情况进行选择,本文只是提供可以自适应手机屏幕大小的方法,把原型放在手机上更多的时候是为了方便外出演示的时候,给客户查看一种实际的效果,所以建议使用高保真原型比较妥。

原型只是展示和沟通的一种方式,并非产品经理的全部,请不要本末倒置,产品经理应该更注重在沟通、思维、逻辑、业务上,当然有时间把原型做好做漂亮也是一种技能。

作者:小屋
链接:http://www.rumenwu.com/design/1017.html
来源:入门屋
入门屋著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。部分内容复制其他平台,如有侵权请联系删除。

(0)
打赏 支付宝打赏 支付宝打赏 微信打赏 微信打赏
上一篇 2018-10-12 01:20
下一篇 2018-10-16 11:05

相关推荐

  • PEP8 Python 编码规范整理

    决定开始Python之路了,利用业余时间,争取更深入学习Python。编程语言不是艺术,而是工作或者说是工具,所以整理并遵循一套编码规范是十分必要的。所以今天根据PEP8整理了一份,以后都照此编码了,还会持续更新。 一 代码编排 1 缩进。4个空格的缩进(编辑器都可以完成此功能),不使用Tap,更不能混合使用Tap和空格。 2 每行最大长度79,换行可以使用…

    2017-04-17
    3.3K0
  • 亚马逊产品负责人详解产品优化:流程零阻力策略

    你需要打磨出最佳的用户体验路径。永远留意那些会造成阻力的流程和功能——那些不好的产品总是忽略了这些。这很费力但是值得。并且这个过程并不如你想象的那么难。有时候,阻碍用户和你产品之间的可能只是两颗电池。

    2017-04-17
    2.7K0
  • 政府网站建设网页设计规范

    政府网站要方便公众浏览使用,页面内容要便于复制、保存和打印。要最大限度减少用户额外安装组件、控件或插件;确需使用的,要便于在相关页面获取和安装。应用系统、附件、视频等应有效可用,名称要直观准确。附件、视频等格式应便于常用软件打开,避免用户额外安装软件。避免使用悬浮、闪烁等方式,确需使用悬浮框的必须具备关闭功能。 1.首页不宜过长。在主流计算机配置和当地平均网…

    2020-11-08
    1.9K0
  • 如何打造封面杀手?跟岛国学封面学构图

    大家试过约模特外拍时,不论怎么拍都是拍不出心中想要的效果吗?Model约好了,器材带齐了,这时大家不妨从构图方面着手,尝试拍出好作。 构图,大家常听到的「井字构图」,「三分构图」,「线条构图」听起来又又又复杂,新人一时之间可能都不知道应该怎样入手!其实,有一个学习人像构图和摄影的好方法,偷偷告诉你……就是从日本爱情动作片封面去学习了!…

    2018-07-07
    3.7K0
  • 第一次负责从0到1的产品时要注意哪几点?

    第一次负责从0到1的产品肯定是万分的紧张、激动,在这时千万不可大意,我根据我的经验写了些需要注意的地方。

    2017-04-25
    4.0K6
  • 产品终极化形态关键指标:用户洞察(User Insight)

    互联网终极化形态必将是其对应企业的商业化形态,依托营销的方式销售其产品并获得盈利是互联网企存活下去的根本。而对于用户的深度解读是产品业务线开展的参考依据,用户洞察概念在互联网产品上的应用也将越来越凸显其重要意义。

    2017-04-17
    3.6K0