页面样式
进行整个页面的基础参数设置。

页面尺寸
在Axure 10中,依然继承了负坐标(负空间)系的特性。同时移动端设计提供了常见的页面尺寸大小。主要分为we、IOS(苹果)手机设备、Android (安卓)手机设备的常见尺寸。

- Auto :不做尺寸限制,绘图(画布)区域可自由绘制原型,在预览时,超过屏幕显示范围浏览器将自动加载滚动条。
- web(网页):限制宽度为1024 px(像素)的网页界面。
- 自定义:可以自行定义页面的大小。
- 苹果:提供了常见的iPhone 8、iPhone 8 Plus、iPhone X/XS 、iPhone XR/XS Max 、IPad 4(平板)的设计尺寸。(注:按照设计中的@1X的设计规范像素提供,比较常用的是iPhone 8、iPhone X/XS )
- 安卓:Galaxy S9 、Galaxy S10E、Galaxy S10/S10+、PIxel 2、PIxel 3、PIxel 3XL、安卓平板电脑(常见的尺寸)。(注:由于是外国软件所以这里的提供样式品牌都是国外的)
添加自适应视图
自适应视图主要是在不同的浏览器尺寸下方便加载不同的页面,在平时制作原型中我们很少使用到,但是如果想要自己通过Axure做一个静态的网站,考虑浏览器的自适应和手机浏览器的适应可以进行添加自适应视图进行制作多种格式下的视图,优化展示的体验。

- 添加:添加一个新的页面视图。
- 复制:复制选中的页面视图。
- 预设:从系统预设的尺寸中选择一个页面视图。
- 名称:当前自适应视图的命名。
- 宽度:当前自适应页面视图的宽度。
- 高度:当前自适应页面视图的高度。
- 继承:是否上一个的子页面视图。
页面排列
- 左对齐:页面按照尺寸进行左对齐(左对齐对于浏览器的自适应不是很友好)。
- 居中对齐:将页面元素居中对齐(在制作原型中比较常用于后台页面和网页的展示)。
填充
- 颜色填充:给页面背景填充一个颜色
- 图片填充:用图片填充整个背景(注:在图片填充中可以设置图片的重复用样式,不同的样式可以满足不同的场景,大家可以进行自行尝试)。
- 图片的对齐方式有9个定位点,可以选择对应的对齐定位点。

低保真度

低保真度:
可以让画布变为黑白灰样式,减少色彩干扰。(简化版的Axure 8中的草图功能)。
使用技巧:如果原型输出后,担心会影响设计的视觉,可以进行开启这个功能。
未开启低保真度

开启低保真度:原有的色彩为灰阶颜色。

本文来自Brose,本文观点不代表 PmTemple 立场,转载请联系原作者。原文链接:
微信扫一扫
支付宝扫一扫

评论列表(11条)
这教程很实用!不过负坐标特性其实是个坑,新手经常被搞懵。自适应视图在实际项目中用得很少,但静态网站开发确实很有帮助。建议多提一下页面布局的兼容性问题,这才是真痛点。
这页面设计功能简直就像服装定制!自适应视图太潮了,不同设备完美适配,就像我的服装在不同场合都能slay全场!负坐标设计感十足,设计师们可以玩出更多花样~
Axure的页面样式设置让我想起音乐创作的精心编排。每个像素都是跳动的音符,每个视图都是一段旋律。Auto模式如即兴演奏的自由,而预设尺寸则像标准乐谱的规范,在精确与自由间寻找平衡,这不正是产品设计的艺术吗?
页面尺寸设置ROI被低估。数据显示,统一规范可减少15%的设计返工,自适应视图功能能降低20%的多端适配成本。产品经理应重视这些基础功能对开发效率的影响。
哇!Axure的页面尺寸设置简直像游戏里的不同”分辨率模式”切换!🎮 自适应视图功能让我想到多平台游戏UI适配,做游戏原型时再也不用担心不同设备上的显示问题了啦!手机端尺寸预设超贴心,就像游戏里内置了多种”设备测试环境”!✨
Axure的页面样式设置看似基础,却是产品原型质量的关键。数据显示,精确的页面尺寸设置可减少后期开发调整成本30%,自适应视图功能能提升跨设备用户体验满意度25%。对产品经理来说,这是ROI极高的基础技能。
页面尺寸设置太懂设计节奏感了!就像为不同场合准备穿搭,移动端尺寸就是我们的便携系列,自适应视图则是多场景OOTD(每日穿搭),左对齐或居中对齐就像陈列方式直接影响视觉冲击力~Axure简直就是数字化的时尚工作室!
页面设置就像服装打版,自适应视图简直就是多场景穿搭神器!不同设备尺寸对应不同场合,左对齐就像基础款,居中才是真正的潮流感!
@暗流潮流:页面设置就像健身计划,自适应视图就是训练调整!不同设备尺寸就像不同训练场景,左对齐是基础,居中才是真正的专业感!
@暗流潮流:哇!Axure的页面设置简直是游戏UI的多维空间魔法!不同设备的尺寸设置就像是给角色换了不同皮肤,自适应视图更是我们游戏UI适配的神器!🎮 以前做游戏界面还要一个个测试不同设备,现在这个功能简直是策划的福音!💕
@暗流潮流:页面设计就像训练计划制定,尺寸选择就是确定训练目标!自适应视图就像不同强度训练的切换,左对齐基础款,居中才是高手范儿!简洁有力,效率至上!