Axure RP教程：如何在Mac上製作適合瀏覽器視窗整個寬度的影像或彩色條

axure rp 9 mac版是一款用於UX專業人員和業務分析師的專業網站原型設計工具，能幫助網站設計者快捷的建立網站結構圖，帶註釋頁面示意圖、流程圖、在web網站的線框圖、流程圖、原型和規格的設計製作等等，可自動生成用於演示的網頁檔案和規格檔案，並且Axure RP 9 中文版還同時支援多人協作設計和版本控制管理哦！在本教程中，您將學習如何製作適合瀏覽器視窗整個寬度的影像或彩色條。

  

文章來源：” ，轉載請保留。

1.小部件設定

1. 開一個新的RP檔案，然後在“頁面”窗格中雙擊“頁面1”以在畫布上將其開啟。
2. 將一個空的動態皮膚小部件從“庫”窗格拖到畫布上。
3. 在“樣式”窗格中，選中“ 100％寬”（僅瀏覽器）框。

2.給動態皮膚填充顏色或影像

使用“樣式”窗格的“填充”部分中的選項來設定動態皮膚的背景填充：

• 要為動態皮膚提供填充顏色，請單擊“顏色”，然後使用顏色選擇器中的選項。
• 要改為為動態皮膚提供背景影像，請單擊“影像”，然後單擊“選擇”以從計算機匯入影像檔案。

注意：

在右側的下拉選單中將影像設定為“拉伸以覆蓋”，以確保它將始終充滿動態皮膚的整個寬度。

3.預覽頁面

1. 預覽頁面。影像應跨瀏覽器視窗的整個寬度。
2. 嘗試調整瀏覽器視窗的大小，並注意影像總是會調整以適應新的寬度。