axure制作手机网页设计_怎么用axure设计一个手机页面

1、axure制作网页怎么让他自适应不同电脑的分辨率呢？

1、双击打开Axure RP 8设计软件，在基本元件中拖曳一个矩形1到画布上。

2、再次在基本元件里拖曳两个按钮到画布上，放在矩形框上方。

3、再拖曳一个占位符到矩形框下方。

4、在右侧属性里自适应勾选“启用”，弹出“影响所有视图”。

5、点击左侧自适应按钮，弹出自适应视图，分别设置手机、平板和电脑分辨率的范围。

6、这时界面上显示出不同分辨率界面，然后预览该界面。

2、通过axure做原型设计生成的html代码可以让开发直接用吗

不可以，Axure 生成的只是原型，是在产品制定时供大家参考了解项目用的。

Axure输出的HTML文件不能直接用于前端代码开发，Axure为了模拟交互效果，使用了大量的JS，其中有很多是用不着的内容，前端代码需要完全重写。

Axure输出内容不能取代实际开发中的任何部分，只是为了提高沟通效率。

(2)axure制作手机网页设计扩展资料：

Axure的特性

1.鼠标及键盘交互功能:

支持更多的新特性包括 OnDoubleClick（双击）, OnContextMenu (右击),OnMouseDown（鼠标按键按下）, OnMouseUp（鼠标按键松开）, OnMouseMove（鼠标指针移动）, OnMouseHover（鼠标指针经过）, OnLongClick (鼠标长按), OnKeyDown（键盘按键按下）, OnKeyUp（键盘按键松开）。

2.演示文档：

支持HTML5新特性，以及更好的支持手机演示特性。

3.新增部件样式控制：

Axure7对于部件修饰功能有较大的改善，包括支持圆角、阴影、描边等设置。

4.更细化的部件属性：

更为丰富的部件属性，可以设置各种形状、样式，较Axure RP 6.5单调的形状而言，也是一种惊喜。

5.更多交互条件：

包括关闭指定窗口、设置锚点以及更为灵活的事件触发条件，对于移动互联网产品原型设计有很大帮助。

3、如何用axure制作手机高仿真原型

1. 打开Axure，在元件库面板「三条横线」按钮下拉选项中找到「创建部件库」功能，点击会弹出一个另存为对话框，这里需要选择元件库文件的存储位置，并需要输入元件库的名称。
2. 此时，我们可以看到，文件的后缀名为 .rplib，这个就是元件库的格式，而不同于创作交原型时正常Axure文件的.rp格式。
3. 输入文件名称和存储位置之后，点击保存，Axure将重新打开一个新页面进行元件的编辑。并且我们可以看到，新页面跟我们平时创造.rp正常文件的页面一模一样，但不要混淆，此时页面编辑的是我们在正常.rp文件中需要用的基本元件。并且我们回到元件库存储的位置可以看到，元件库.rplib文件图标为”绿色“，不同于.rp文件的蓝色。
4.
5. 创建好元件库得”绿色文件“后，基本准备工作已经做完

4、axure怎么设计手机app的侧边栏原型

1、我们先打开我们的axure软件，点击新建，然后将我们的手机模型拖拽进我们的axure，点击我们的“动态面板”将其往编辑窗口拖拽。如下图

2、创建好我们的动态面板之后，按住“ctrl+c”将其复制下来，然后双击我们的“外层动态面板”下面的state1，然后按住“ctrl+v”将我们的“外层动态面板”复制下来

3、然后双击我们的“内层动态面板”下面的state1，然后点击“矩形”，并将其图案拖拽到我们的内层动态面板中，调整好位置，并给其填充颜色。

4、在拖进一个占位符，并调整其位置，如图所示。

5、然后点击我们导航栏上面的“外层”，并将我们的“内层”图案拖拽平移一段距离，如下图。

6、然后点击“矩形”，用来量我们“外层”和“内层”之间的距离，方便我们的侧边栏的移动。如下图。量出距离之后，即可将其删掉。

7、点击我们导航栏的“内层”，然后在我们选中我们刚才的“占位符”，然后点击我们的“鼠标单击时”选项，如下图。

8、进入我们的“单击鼠标时”之后，点击“移动”，勾选“内层”，然后在下面的“y”内输入我们刚才量出来的距离，即“-134”

9、点击上面的“添加条件”选项，选择“变量值”、“！=”“0”，然后点击确定。

10、再次重复第八和第九步骤，“y”值改为“134”，其他不变，然后点击上面的“添加条件”选项，选择“变量值”、“==”“0”，然后点击确定。

11、然后再次点击我们的“case1”，找到并点击下面的“设置变量值”，勾选“变量”，然后将变量值设为“0”，点击确定，“case2”我们也重复此动作，只是在设置变量值时，不设为0即可。

12、最后，我们可以预览我们做出来的效果了，我们按住F5，或者点击上面的“预览”，进入网页之后，我们上下滚动鼠标即可看出我们的效果了。

5、怎么用axure设计一个手机页面

按页面拖动控件就行了，几分钟就完成了。

另外，也可以在百度上搜索 axure视频教程（我这里有小楼的从入门到精通62集视频教程）来进行学习，上手很快，一些常见用的，大概几个小时就能学会了

6、axure制作的网页怎么让他自适应分辨率呢

如果通过axure自动生成好像没有办法做到。不过如果一定要改，可以到生成后的原型中更改css样式来自行手动更改。

7、如何用axure制作一个完整的个人网站

axure制作出来的只是产品模型，生成html代码后相当于只是你有了前段样式代码，具体的功能模块的代码实现，还是需要你编写的，怎么与数据库，前后台对接，怎么发布到服务器等等。当然，你要是只是个静态的个人网站，一年不更新一次，也简单，用axure制作一个网站，中继器里存死数据，放到nginx服务器上就行了。
而对于你怎么通过axure制作一个完整的个人网站，就简单很多了，直接在axure中设计不就行了吗，本身就是一个工具类软件，知道如何操作就可以设计了，登录，博客发布，编写都可以模拟，但也仅限于是个模型而已

8、axure怎么画手机原型

首先，下载ios组合元件库
Axure制作手机原型

引入外壳（竖）部件，该部件自带内部框架
Axure制作手机原型
Axure制作手机原型

引入状态栏A（白）这个元件自带方法，可自动获取当前时间，将该部件置于外壳如图处；
Axure制作手机原型
Axure制作手机原型

双击内部框架，在弹窗处设置连接地址，可选择axure自带页面，也可填写url进行外部地址链接
Axure制作手机原型
Axure制作手机原型

此处我设置的是内联至page1，再对page1页面添加部分元件，效果如图
Axure制作手机原型

返回home页，点击加载则效果如图
Axure制作手机原型