多语言展示
当前在线:953今日阅读:84今日分享:32

Axure交互基础第二篇-开始你的第二个交互原型1

第一个原型你完成了吗??来,咱们开始第二个交互设计原型吧,图片轮播,是不是一种很常见的功能呢?所以,这一集,你也必须要学会!也是英文哦,请注意查看,不要浪费了我的良苦用心,后续也许我会直接再下面翻译成中文。这一章节也很复杂,所以会分成两篇,亲们,开始啦!
工具/原料
1

Axure

2

your English

ADD AN IMAGE AND A BUTTON SHAPE
1

Download & Unzip。Download 'AxureBikePics.zip' and unzip the folder on your computer.

2

Add Widgets。Place an image widget and a button shape widget on the Design Area as shown.

3

Select Image。Double-click the image widget and select the first image:'BlueBike1'.

4

Click Open。Click 'Open'to use the picture.Click 'Yes' if asked to autosize.

5

Edit Text on Button。Edit the text on the button shape to read 'Next'.

CONVERT TO DYNAMIC PANEL AND ADD STATES
1

Convert to Dynamic Panel。Right-click the image widget and select 'Convert to Dynamic Panel'.

2

Name the Dynamic Panel。Name the new panel 'DynamicPanel1'.

3

Duplicate First State。In the 'Widget Manager' pane, select 'State1' and click the 'DuplicateState' icon twice.

4

Label Each State。Slow double-click to label the three states 'BikeLeft', 'BikeMiddle',and 'BikeRight'.

推荐信息