六、特別案例(3小時25分鐘)

進(jìn)一步熟悉各種常見交互的制作方法。

Axure高保真秘笈總述:http://www.itdecent.cn/p/cfbc3a7b3f73


1案例28、29(20分鐘)

制作菜單彈出與組合元件的交互

·做法

1、查看并在Axure8中操作案例28,只有一頁很簡單的

2、查看并操作案例29

·說明

1、案例28,最簡單的一個圓形一個矩形,其他啥也都不管就行。我還拖了文本標(biāo)簽,都算是勤快了感覺

2、案例29,組合也很簡單,不考慮美觀的話兩下就做完了。在能快的地方快一點好,因為后面總還有復(fù)雜的,做的太多沒辦法堅持是更糟的情況。

2案例30(15分鐘)

制作燈箱效果的彈框

·做法

看書并制作案例30所描述的內(nèi)容

·說明

1、就只有兩個按鈕是真正必要的,當(dāng)然低保真做得少的也可以練練。

2、固定到瀏覽器在下圖的下面藍(lán)色的字體那里,我當(dāng)時學(xué)的時候沒找到。

3案例31(30分鐘)

抽屜型左邊欄。

·做法

查看書本內(nèi)容并配合著操作,看一步做一步,做完就行

·說明

這個操作步驟多看看圖,圖上紅箭頭把流程標(biāo)的很清楚


4案例32(30分鐘)

·做法

查看書本內(nèi)容并配合著操作,看一步做一步,做完就行

·說明

長條矩形x坐標(biāo)-1000是為了放到動態(tài)面板外面看不到的地方,Axure9中往外移就行了用不著這么麻煩


5案例33(30分鐘)

制作標(biāo)簽泡泡,學(xué)在交互中改變元件大小

·做法

查看書本內(nèi)容并配合著操作,看一步做一步,做完就行

·說明

1、只用做一個圓形的交互就可以了,然后復(fù)制幾個圓形出來把尺寸一改就好。

2、在之后的案例37中會學(xué)習(xí)怎么用函數(shù)來做,這樣改尺寸的時候就不用把交互設(shè)置值也改了


6案例34(20分鐘)

元件旋轉(zhuǎn)

·做法

查看書本內(nèi)容并配合著操作,看一步做一步,做完就行

·說明

很簡單,照著做就行,圖片隨便拿一個。做完之后就突破一百頁了!這本書雖然有280頁,但是我們只做168頁,后面的就只掃著看看,所以勝利在望!


7案例35(30分鐘)

這是一個旋轉(zhuǎn)唱片的案例,很有趣

·做法

1、準(zhǔn)備元件,由于我沒有圖片,所以唱針是用直線和圓形的組合代替的,唱片是用圓形和文本段的組合代替的。

2、按步驟操作

·說明

1、這個操作很有趣,我當(dāng)時因為做完了還用錄屏軟件錄了給別人看呢。就是這個錄屏軟件,還挺好用的。

2、這個在案例54還要重復(fù)用,務(wù)必保存好


8案例36(30分鐘)

頁面返回頂部。因為錨點是一個熱區(qū),所以想返回哪都行。

·做法

查看書本內(nèi)容并配合著操作,看一步做一步,做完就行

·說明

1、要注意這個元件的尺寸,在元件準(zhǔn)備中按照那個尺子標(biāo)注的設(shè)置的和他一樣吧。

2、京東首頁那個可以隨便去網(wǎng)頁截個屏,我是直接用占位符放大代替的。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
禁止轉(zhuǎn)載,如需轉(zhuǎn)載請通過簡信或評論聯(lián)系作者。

友情鏈接更多精彩內(nèi)容