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日
下一篇 2018年10月16日

相关推荐

  • photoshop教程:如何iphoneX壁纸制作

    由于篇幅的关系,还有就是赶今天的节点所以我暂时先放出上半部分的教程。下半部分比较精华,会在近期可能用视频教程的形式详细的介绍迷彩渐变这一新的颜色技术!请耐心等待下。 移除 点击此处添加图片说明文字 值得注意的是,在我个人看来,本次 Iphonex 的壁纸做的细腻程度,技术难度, 颜色的丰富过渡和通透性做的不够。 个人感觉下面有几张画面在这几方面都比他做的要好…

    产品设计 2018年7月13日
    21000
  • 一份简单的外包项目产品方案模板

    和内部项目的方案不同,外部项目(外包或者合作)的受众群体是客户,所以应该更加侧重于对产品功能、技术的展示。今天整理外部项目产品方案模板,给可能需要做外包项目的产品经理们。

    2017年4月17日
    2.2K01
  • Web尺寸规范

    主流浏览器的界面参数与份额 浏览器 状态栏 菜单栏 滚动条 市场份额(国内) Chrome 浏览器 22 px(浮动出现) 60 px 15 px 8% 火狐浏览器 20 px 132 px 15 px 1% IE浏览器 24 px 120 px 15 px 35% 360 浏览器 24 px 140 px 15 px 28% 遨游浏览器 24 px 147…

    2020年3月2日
    13200
  • 如何认识常见字体设计师入门

    对于一个经验的丰富的设计师来说,必然要了解常见字体是什么样子,选择正确的字体更能精准传达想凸显的内容,下面是几款常见的字体,了解一下。

    产品设计 2018年11月25日
    11300
  • 为什么你每次和开发沟通需求,都像打仗一样?

    今天不谈产品规划,也不谈框架,更不谈原型,咱们谈谈为什么你的需求每次和开发沟通,都像打仗一样?

    2017年4月21日
    3.9K01

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信