您现在的位置是:首页 > 设计知识设计知识

如何利用axure做出页面自适应元件图,

2023-01-04 16:04:09设计知识0人已围观

简介  如何利用axure做出页面自适应元件图,  PythonAxure rp 8设计软件工具,可根据不同设备自适应;在手机上显示时,可以在手机上显示;如果在平板电脑或电脑上显示,则以不同的形式显示

  如何利用axure做出页面自适应元件图,

  PythonAxure rp 8设计软件工具,可根据不同设备自适应;在手机上显示时,可以在手机上显示;如果在平板电脑或电脑上显示,则以不同的形式显示。下面的例子是用来说明这种适应。操作如下所示:

  点击“Axure RP”视频教程,帮你入门。

  

工具/软件

 

  硬件型号:华硕)S500

  版本:Windows7

  所需软件:Axure RP

  

方法/步骤

 

  

第1步

 

  双击打开Axure RP 8设计软件,将基本元素中的矩形1拖动到画布上,如下图所示:

  

第2步

 

  再次在基本元素中的画布上拖动两个按钮,并将它们放置在矩形框上方,如下图所示:

  

第3步

 

  在矩形框下方拖动另一个占位符,如下图所示:

  

第4步

 

  自适应选择右侧属性中的“启用”,弹出“影响所有视图”,如下图所示:

  

第5步

 

  点击左侧的自适应按钮,弹出自适应视图。分别设置手机、平板、电脑的分辨率范围,如下图所示:

  

第6步

 

  此时界面上显示不同分辨率的界面,然后预览界面,如下图所示:

  

注意/提示

 

  以上“如何用Axure制作页面自适应元素?”小六的内容就介绍到这里。希望今天小六分享的内容可以帮助朋友们解决问题,关于软件相关内容的介绍比较多。有需要的朋友可以来本站学习!

Tags: 设计知识  

很赞哦! ()

随机图文

留言与评论(共有 条评论)
   
验证码:

本栏推荐