您现在的位置是:首页 > 设计知识设计知识
如何利用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: 设计知识
很赞哦! ()