進(jìn)一步熟悉各種常見交互的制作方法师骗。
Axure高保真秘笈總述:http://www.reibang.com/p/cfbc3a7b3f73
1案例28、29(20分鐘)
制作菜單彈出與組合元件的交互
·做法
1讨惩、查看并在Axure8中操作案例28辟癌,只有一頁很簡單的
2、查看并操作案例29
·說明
1荐捻、案例28黍少,最簡單的一個(gè)圓形一個(gè)矩形,其他啥也都不管就行处面。我還拖了文本標(biāo)簽厂置,都算是勤快了感覺
2、案例29魂角,組合也很簡單昵济,不考慮美觀的話兩下就做完了。在能快的地方快一點(diǎn)好,因?yàn)楹竺婵傔€有復(fù)雜的访忿,做的太多沒辦法堅(jiān)持是更糟的情況瞧栗。
2案例30(15分鐘)
制作燈箱效果的彈框
·做法
看書并制作案例30所描述的內(nèi)容
·說明
1、就只有兩個(gè)按鈕是真正必要的海铆,當(dāng)然低保真做得少的也可以練練迹恐。
2、固定到瀏覽器在下圖的下面藍(lán)色的字體那里卧斟,我當(dāng)時(shí)學(xué)的時(shí)候沒找到殴边。
3案例31(30分鐘)
抽屜型左邊欄。
·做法
查看書本內(nèi)容并配合著操作珍语,看一步做一步锤岸,做完就行
·說明
這個(gè)操作步驟多看看圖,圖上紅箭頭把流程標(biāo)的很清楚
4案例32(30分鐘)
·做法
查看書本內(nèi)容并配合著操作板乙,看一步做一步,做完就行
·說明
長條矩形x坐標(biāo)-1000是為了放到動(dòng)態(tài)面板外面看不到的地方亡驰,Axure9中往外移就行了用不著這么麻煩
5案例33(30分鐘)
制作標(biāo)簽泡泡晓猛,學(xué)在交互中改變元件大小
·做法
查看書本內(nèi)容并配合著操作,看一步做一步凡辱,做完就行
·說明
1戒职、只用做一個(gè)圓形的交互就可以了,然后復(fù)制幾個(gè)圓形出來把尺寸一改就好透乾。
2洪燥、在之后的案例37中會(huì)學(xué)習(xí)怎么用函數(shù)來做,這樣改尺寸的時(shí)候就不用把交互設(shè)置值也改了
6案例34(20分鐘)
元件旋轉(zhuǎn)
·做法
查看書本內(nèi)容并配合著操作乳乌,看一步做一步捧韵,做完就行
·說明
很簡單,照著做就行汉操,圖片隨便拿一個(gè)再来。做完之后就突破一百頁了!這本書雖然有280頁磷瘤,但是我們只做168頁芒篷,后面的就只掃著看看,所以勝利在望采缚!
7案例35(30分鐘)
這是一個(gè)旋轉(zhuǎn)唱片的案例针炉,很有趣
·做法
1、準(zhǔn)備元件扳抽,由于我沒有圖片篡帕,所以唱針是用直線和圓形的組合代替的殖侵,唱片是用圓形和文本段的組合代替的。
2镰烧、按步驟操作
·說明
1愉耙、這個(gè)操作很有趣,我當(dāng)時(shí)因?yàn)樽鐾炅诉€用錄屏軟件錄了給別人看呢拌滋。就是這個(gè)錄屏軟件,還挺好用的猜谚。
2败砂、這個(gè)在案例54還要重復(fù)用,務(wù)必保存好
8案例36(30分鐘)
頁面返回頂部魏铅。因?yàn)殄^點(diǎn)是一個(gè)熱區(qū)昌犹,所以想返回哪都行。
·做法
查看書本內(nèi)容并配合著操作览芳,看一步做一步斜姥,做完就行
·說明
1、要注意這個(gè)元件的尺寸沧竟,在元件準(zhǔn)備中按照那個(gè)尺子標(biāo)注的設(shè)置的和他一樣吧铸敏。
2、京東首頁那個(gè)可以隨便去網(wǎng)頁截個(gè)屏悟泵,我是直接用占位符放大代替的杈笔。