本篇文章作者主要讲的是关于用Axure制作Web原型自适应电脑屏幕,一起来看看~
用axure制作原型,很多刚入门的小白(包括我),制作原型的时候首先从制作App原型开始的,因为有固定的原型尺寸供我们参考,下面总结的移动原型尺寸与配置,大家可以参考一下。
本篇文章我主要是想讲一下关于用Axure制作Web原型自适应电脑屏幕。
先来体验一下效果:https://nc9f9h.axshare.com
在新建一个空白axure文件的时候,我们从检视页面这一栏能看到“页面样式”这一设置,首先页面排列默认从“左侧对齐”,我们也可以修改“水平居中”,这一设置主要是我们按F5在浏览器中预览时,页面中的元素在浏览器中的对齐方式。
我就从这两种“页面排列”来讲一下如何实现原型自适应电脑屏幕
1、页面排列为“左侧对齐”
浏览器中效果
2、分析,“左侧对齐”如何适应屏幕大小?
“左侧对齐”的方式适应屏幕大小,就是说让Web页面中一些元件的长度能够以“左侧对齐”的方式铺满屏幕,其他元件不需要铺满的能够居中显示。
上面是我用“左侧对齐”方式制作的Web原型,实现了在浏览器