logo 原型设计工具Axure RP使用教程 我也要发布文档

新手教程(八):全宽图像或横幅教程


Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具, 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格。

免费下载Axure RP 优惠购买Axure RP


在本教程中,您将学习如何制作适合浏览器窗口整个宽度的图像或彩色条。(点击此处可查看视频操作)

小部件设置


  • 打开一个新的RP文件,然后在Pages(页面)窗格中双击Page1(页面1)以在画布上将其打开。

  • 将内联框架窗口小部件从Libraries(库)窗格拖到画布上。

  • Style(窗格中,选中100% Wide (100%宽的框(仅浏览器)。

给动态面板填充颜色或图像


  • 使用Style(窗格的Fill(填充部分中的选项来设置动态面板的背景填充:

  • 要为动态面板提供填充颜色,请单击Color(颜色然后使用颜色选择器中的选项。

  • 要为动态面板提供背景图像,请单击Image (图像,然后单击Select(选择以从计算机导入图像文件。

注意:在右侧的下拉菜单中将图像设置为Stretch to Cover(拉伸以覆盖,以确保它将始终充满动态面板的整个宽度。

预览页面

  • 预览页面。图像应跨浏览器窗口的整个宽度。

  • 尝试调整浏览器窗口的大小,并注意图像总是会调整以适应新的宽度。

附加信息和提示

全宽图像轮播

对于全角图像轮播,请将此技术与旋转轮播/幻灯片教程中介绍的技术结合使用。 为动态面板的每个状态提供不同的背面图像,并使用该页面上所述的方法循环显示图像。


想要获得Axure RP更多资源、正版授权的伙伴,请咨询【慧都客服】了解

关注慧聚IT微信公众号???,了解产品的最新动态及最新资讯。

慧聚IT