在學(xué)習(xí)Axure之前,如果熟悉Word、PS(Photoshop)及DW(Dreamweaver)中的任意一款或幾款軟件,對(duì)Axure的學(xué)習(xí)都大有益處。因?yàn)椋篈xure集合了Word的對(duì)文字段落處理的格式及樣式功能;PS的快捷鍵、工作區(qū)、窗口面板及圖層知識(shí);DW的可見即可得以及頁面站點(diǎn)地圖和表單控件知識(shí)等。
一、軟件操作界面介紹
如果您已經(jīng)有自己操作熟悉的軟件(如office系列),那么對(duì)于新接觸的一般的軟件操作界面就都不會(huì)太陌生了,因?yàn)殚L得都差不多。因此,剛接觸Axure時(shí),您會(huì)對(duì)它的界面也不會(huì)很陌生。。。。。

菜單欄:基本上所有的軟件第一行都是標(biāo)題欄( 當(dāng)然,現(xiàn)在有些軟件為了有更大的操作界面,標(biāo)題欄做了省略操作,與菜單欄合并),標(biāo)題欄基本上都是由文件名、軟件名版本號(hào)及右上角的最小化最大化及關(guān)閉三個(gè)按鈕組成。
標(biāo)題欄:大部分軟件的標(biāo)題欄都包含【文件】、【編輯】、【幫助】等,而不同軟件相同菜單名下的命令卻相差不多,擁有很多相同的操作,如文件里的打開保存打;編輯里的返回復(fù)制粘貼查找全選等,這讓我們?cè)趯W(xué)習(xí)新軟件時(shí)直接有了已經(jīng)會(huì)了的成就感和自信心。而不同的菜單才是該軟件學(xué)習(xí)的重點(diǎn),如PS中的圖像和濾鏡菜單。Axure的菜單超級(jí)簡單,稍微熟悉幾個(gè)快捷鍵都可以忽略它的存在。
工具欄:它的功能很多很強(qiáng)大,但是因?yàn)樗cword的工具欄功能很相似,因此學(xué)起來也很輕松。
頁面站點(diǎn)地圖窗口:與DW中的站點(diǎn)地圖相似,沒有學(xué)過DW的也不要緊,我們可以用資源管理器中的文件管理來理解,即文件夾和文件的存放歸類管理思想,管理的好對(duì)我們很有幫助。
元件窗口:也叫部件窗口,做圖時(shí)都是利用這些部件然后經(jīng)過我們合理的組合來完成我們的視覺效果。在Word中我們的繪制工具欄中也有很多圖形、PS的鋼筆工具中也有自定義圖形,DW中也有表單工具等。但是Axure的元件使用方法是:選中元件之后拖到工作區(qū),而Word和PS都是選好圖形之后,再到工作區(qū)按住鼠標(biāo)左鍵繪制,這個(gè)剛學(xué)Axure時(shí)還真有點(diǎn)不適應(yīng)。
母版窗口:母版功能與PPT的母版功能很像,都是將系列頁面中有重復(fù)內(nèi)容的部分設(shè)計(jì)成一個(gè)母版頁,放在母版窗口中,以后使用時(shí)直接調(diào)用,那些重復(fù)的內(nèi)容部分就不需要再做,非常省事方便。
工作區(qū):即操作區(qū),相當(dāng)于一個(gè)畫板,每個(gè)頁面相當(dāng)于一張畫紙,而設(shè)計(jì)好的作品則相當(dāng)于繪制好的畫面。設(shè)計(jì)的目的就是通過各種元件的選擇與布局,讓這個(gè)工作區(qū)的內(nèi)容符合我們的要求。
檢視窗口:包括頁面的樣式窗口、元件的動(dòng)作交互屬性窗口、備注說明窗口及視覺樣式窗口。樣式窗口就是設(shè)置對(duì)象的外觀,其中的樣式列表與Word的樣式及DW的CSS功能一樣,可以讓我們排版不僅很規(guī)范,而且很省時(shí)省事。
頁面圖層窗口:這個(gè)與PS的圖層面板相同,只是叫法不一樣。他們都有上覆蓋下的特點(diǎn),即在頁面圖層窗口中的上下關(guān)系,則在工作區(qū)中,這些圖層疊在一起時(shí),上面的畫面或蓋住下面的畫面。
二、Word、PS、DW的影子
Word的影子:工具欄、樣式;
PS的影子:操作界面、快捷鍵、元件庫、頁面圖層;
DW的影子:所見即所得效果、表單控件、頁面站點(diǎn)地圖;
還有一點(diǎn)PPT的影子,即母板功能及預(yù)覽觀看快捷鍵。
Word及Axure的工具欄對(duì)比
Word2003工具欄
Axure8.0工具欄
Word及Axure的樣式操作對(duì)比
Word樣式的使用
Axure樣式的使用
Word及Axure軟件兩者的樣式使用方法相同,自定義新建樣式的操作也相同。
PS的操作界面與Axure操作界面的對(duì)比:相似的面板布局以及工作區(qū),一看便知,不截圖了。
PS快捷鍵在Axure中基本上通用,熟悉PS的快捷鍵也就熟悉了Axure的快捷鍵,讓我們使用Axure能快一大步,如放大縮小、圖層順序等。
PS的自定義圖形庫與Axure元件庫的對(duì)比:
Photoshop自定義形狀的使用,步驟:選擇想要的形狀→按住鼠標(biāo)左鍵不放在畫布上拖動(dòng)適當(dāng)大小→松開鼠標(biāo)即可。
Axure元件庫的操作,步驟:選擇需要的元件→在元件上按住鼠標(biāo)左鍵將元件拖動(dòng)到工作區(qū)→松開鼠標(biāo)
PS圖層面板與Axure頁面窗口的對(duì)比:注意看什么是上覆蓋下
PS的圖層面板及圖層順序?qū)Ξ嬅嫘Ч挠绊?/span>
Axure頁面窗口及圖層順序?qū)Ξ嬅嫘Ч挠绊?/span>
Dreamweaver表單控件與Axure表單控件對(duì)比
Dreamweaver的表單控件
Axure的表單控件
Dreamweaver的站點(diǎn)地圖與Axure的頁面窗口對(duì)比
Dreamweaver的站點(diǎn)地圖窗口
Axure的頁面窗口
最后說明一下:Axure學(xué)習(xí),入門很簡單,但是要學(xué)好就要用好動(dòng)態(tài)面板控件和元件的動(dòng)作事例交互屬性,這是Axure的重點(diǎn)內(nèi)容,也是重要內(nèi)容。而這個(gè)動(dòng)作交互屬性簡單一點(diǎn)理解就是頁面或鼠標(biāo)怎么樣,我們要出來什么樣的結(jié)果就設(shè)置什么樣的動(dòng)作。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。