Axure

RP

9互聯(lián)網(wǎng)產(chǎn)品原型設(shè)計(jì)（慕課版）了解互聯(lián)網(wǎng)產(chǎn)品原型設(shè)計(jì)什么是原型設(shè)計(jì)產(chǎn)品原型是用線條、圖形描繪出的產(chǎn)品框架；原型設(shè)計(jì)是綜合考慮產(chǎn)品目標(biāo)、功能需求場(chǎng)景、用戶(hù)體驗(yàn)等因素，對(duì)產(chǎn)品的各板塊、界面和元素進(jìn)行合理排序和布局的過(guò)程。對(duì)互聯(lián)網(wǎng)行業(yè)來(lái)說(shuō)，原型設(shè)計(jì)就是將頁(yè)面模塊、各種元素進(jìn)

行排版和布局，獲得一個(gè)頁(yè)面的草圖效果。為了使效果更加具體、形象和生動(dòng)，還可以加入一些交互性的元素，模擬頁(yè)面的交互效果。原型設(shè)計(jì)的參與者一個(gè)項(xiàng)目的設(shè)計(jì)開(kāi)發(fā)通常需要多個(gè)人員的共同努力。很多人認(rèn)為產(chǎn)品原型設(shè)計(jì)是整個(gè)項(xiàng)目的早期過(guò)程，只需要產(chǎn)品經(jīng)理參與即可。但實(shí)際上產(chǎn)品經(jīng)理只是了解產(chǎn)品特性、用戶(hù)和市場(chǎng)需求，對(duì)于頁(yè)面設(shè)計(jì)和用戶(hù)體驗(yàn)設(shè)計(jì)則通常只是停留在初級(jí)水平。而設(shè)計(jì)師獨(dú)立進(jìn)行創(chuàng)作，會(huì)使得產(chǎn)品經(jīng)理和設(shè)計(jì)師反復(fù)商討、反復(fù)修改。原型設(shè)計(jì)的參與者為了避免產(chǎn)品設(shè)計(jì)開(kāi)發(fā)過(guò)程中反復(fù)修改的情況發(fā)生，在開(kāi)始進(jìn)行原型設(shè)計(jì)時(shí)，產(chǎn)品經(jīng)理應(yīng)邀請(qǐng)用戶(hù)界面（UI）設(shè)計(jì)師和用戶(hù)體驗(yàn)（UE）設(shè)計(jì)師一起參與產(chǎn)品原型的設(shè)計(jì)制作。這樣才可以設(shè)計(jì)出既符合產(chǎn)品經(jīng)理預(yù)期又具有良好用戶(hù)體驗(yàn)且頁(yè)面精美的產(chǎn)品原型。產(chǎn)品原型UI設(shè)計(jì)師產(chǎn)品經(jīng)理UE設(shè)計(jì)師如何體現(xiàn)原型設(shè)計(jì)紙質(zhì)設(shè)計(jì)師可以使用筆直接在紙上描繪產(chǎn)品原型，設(shè)計(jì)大致的產(chǎn)品效果。這種方式通常是在產(chǎn)品經(jīng)理進(jìn)行原型構(gòu)思的階段使用。通過(guò)這種方式可以將原型產(chǎn)品的框架基本確定，然后通過(guò)專(zhuān)業(yè)的軟件將原型更形象、更直觀地轉(zhuǎn)移到電子文檔中，以便后續(xù)的研討、設(shè)計(jì)、開(kāi)發(fā)和備案。如何體現(xiàn)原型設(shè)計(jì)Word和Visio用戶(hù)也可以使用Word進(jìn)行原型設(shè)計(jì)。在Word文檔中建立一塊畫(huà)布，使用文本框、圖片、控件等制作一個(gè)原型設(shè)計(jì)方案，

Word軟件啟動(dòng)界面如下圖所示。使用Visio設(shè)計(jì)原型比使用

Word更方便?？梢钥焖龠M(jìn)行原型設(shè)計(jì)，Visio軟件啟動(dòng)界面如下圖所示。404

Not

Foundnginx原型設(shè)計(jì)軟件原型設(shè)計(jì)軟件目前原型設(shè)計(jì)軟件有很多，比較常見(jiàn)的有Axure

RP、Adobe

XD和MockupScreens等。這些工具軟件不僅具有豐富的Web控件，而且交互性很好。Axure

RP是其中的佼佼者，下圖所示為Axure

RP

9的啟動(dòng)圖標(biāo)和工作界面。404

Not

Foundnginx404

Not

Foundnginx原型設(shè)計(jì)的必要性和作用原型設(shè)計(jì)的作用讓開(kāi)發(fā)變得輕松節(jié)省時(shí)間和金錢(qián)更易溝通與反饋原型設(shè)計(jì)的必要性和作用原型設(shè)計(jì)的要點(diǎn)設(shè)計(jì)時(shí)規(guī)避自己的個(gè)人喜好考慮不同類(lèi)型的用戶(hù)充分分析競(jìng)爭(zhēng)對(duì)手原型設(shè)計(jì)中的用戶(hù)體驗(yàn)用戶(hù)體驗(yàn)包含的內(nèi)容—品牌品牌對(duì)于任何一件展示在大眾面前的事物都有很強(qiáng)的影響力。沒(méi)有品牌的東西很難受到歡迎。同樣對(duì)于一個(gè)網(wǎng)站來(lái)說(shuō)，良好的品牌也是其成功的決定性因素。網(wǎng)站是不是有品牌取決于兩個(gè)要素：是不是獨(dú)一無(wú)二的類(lèi)型和是不是內(nèi)容豐富、更新及時(shí)的。網(wǎng)站品牌獨(dú)一無(wú)二的類(lèi)型+內(nèi)容豐富、更新及時(shí)404

Not

Foundnginx404

Not

Foundnginx原型設(shè)計(jì)中的用戶(hù)體驗(yàn)用戶(hù)體驗(yàn)包含的內(nèi)容—使用性用戶(hù)在瀏覽網(wǎng)頁(yè)時(shí)，偶爾會(huì)遇到瀏覽器狀態(tài)欄下顯示網(wǎng)頁(yè)上有錯(cuò)誤的提示。這種情況一般不會(huì)影響用戶(hù)正常瀏覽網(wǎng)頁(yè)。但如果錯(cuò)誤太大，可能直接會(huì)影響到網(wǎng)頁(yè)的重要功能的使用。這會(huì)直接對(duì)網(wǎng)站的品牌造成影響。404

Not

Foundnginx原型設(shè)計(jì)中的用戶(hù)體驗(yàn)用戶(hù)體驗(yàn)包含的內(nèi)容—功能性網(wǎng)站可以在最短的時(shí)間內(nèi)獲取到用戶(hù)所查詢(xún)的信息，并反饋給用戶(hù)。程序功能過(guò)程對(duì)用戶(hù)的反饋。例如經(jīng)?？梢钥吹降木W(wǎng)頁(yè)上的“提交成功”或者收到的其他網(wǎng)站的更新情況的郵件等。網(wǎng)站對(duì)于用戶(hù)個(gè)人信息的隱私保護(hù)策略，這對(duì)增加用戶(hù)對(duì)網(wǎng)站的信任度有很好的幫助。線上線下結(jié)合。最簡(jiǎn)單的例子就是網(wǎng)友聚會(huì)。好的網(wǎng)站后臺(tái)管理程序。好的網(wǎng)站后臺(tái)管理程序可以幫助網(wǎng)站管理員更快地完成對(duì)網(wǎng)站內(nèi)容的修改與更新。404

Not

Foundnginx原型設(shè)計(jì)中的用戶(hù)體驗(yàn)用戶(hù)體驗(yàn)的生命周期吸引熟悉交互保持擁護(hù)404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx思維導(dǎo)圖與原型設(shè)計(jì)思維導(dǎo)圖的基本類(lèi)型—?dú)馀輬D氣泡圖包括單氣泡圖和雙氣泡圖。單氣泡圖由很多圓圈圍繞中心主題所建立；雙氣泡圖由兩個(gè)氣泡思維導(dǎo)圖組建而成，中間的部分是兩個(gè)思維導(dǎo)圖所重合的部位，也就是總結(jié)內(nèi)容時(shí)兩個(gè)關(guān)鍵詞都具備的特性。404

Not

Foundnginx思維導(dǎo)圖與原型設(shè)計(jì)思維導(dǎo)圖的基本類(lèi)型—橋形圖橋形圖是一種類(lèi)比圖，整個(gè)造型和橋梁的水平地方與凸起地方很像，但是兩者又是具有相關(guān)性的。思維導(dǎo)圖與原型設(shè)計(jì)思維導(dǎo)圖的基本類(lèi)型—括號(hào)圖括號(hào)圖與樹(shù)狀圖的功能相似，也常用于對(duì)知識(shí)點(diǎn)進(jìn)行歸納，利用花括號(hào)對(duì)不同的主題進(jìn)行詳細(xì)講解。404

Not

Foundnginx思維導(dǎo)圖軟件設(shè)計(jì)MindMeisterMindMeister是一款典型的思維導(dǎo)圖軟件，功能非常完善。作為一款在線頭腦風(fēng)暴應(yīng)用軟件，MindMeister以協(xié)作為設(shè)

計(jì)理念，能實(shí)時(shí)更新?？煽绲攸c(diǎn)、多設(shè)備共享思維，在團(tuán)隊(duì)共創(chuàng)方面表現(xiàn)突出。用戶(hù)可以打開(kāi)MindMeister的官方網(wǎng)站。注冊(cè)并登錄后，即可開(kāi)始思維導(dǎo)圖的繪制。404

Not

Foundnginx404

Not

Foundnginx課堂操作安裝并使用Xmind

ZEN打開(kāi)瀏覽器，在瀏覽器地址欄中輸入XMind官方網(wǎng)址，單擊頁(yè)面中的“免費(fèi)下載”按鈕，如圖1-22所示。下載完成后，雙擊XMind-ZEN.exe文件，彈出“XMind

ZEN安裝”窗口。404

Not

Foundnginx404

Not

Foundnginx課堂操作安裝并使用Xmind

ZEN選中“會(huì)員系統(tǒng)”子主題，向左側(cè)拖曳，效果如下圖所示。單擊選中主題，單擊軟件頂部的“子主題”按鈕，添加子主題，效果如下圖所示。思維導(dǎo)圖軟件設(shè)計(jì)MindManagerMindManager是一款國(guó)際化的商業(yè)思維導(dǎo)圖軟件，是創(chuàng)造、管理和交流思想的工具，可添加圖像、視頻、超鏈接和附件，是專(zhuān)業(yè)的思維導(dǎo)圖軟件。404

Not

Foundnginx思維導(dǎo)圖軟件設(shè)計(jì)MindManagerMindManager與同類(lèi)思維導(dǎo)圖軟件相比最大的優(yōu)勢(shì)是能同Microsoft

Office無(wú)縫集成，能夠快速將數(shù)據(jù)導(dǎo)入或?qū)С龅絎ord、PowerPoint、Excel、Outlook、Project和

Visio中，因此其越來(lái)越多地受到職場(chǎng)人士的青睞。本章小結(jié)本章主要講解了互聯(lián)網(wǎng)產(chǎn)品原型設(shè)計(jì)的相關(guān)知識(shí)。針對(duì)原型設(shè)計(jì)的概念和原型設(shè)計(jì)的體現(xiàn)方式進(jìn)行了詳細(xì)的介紹。同時(shí)講解了原型設(shè)計(jì)與用戶(hù)體驗(yàn)的關(guān)系，幫助讀者理解用戶(hù)體驗(yàn)設(shè)計(jì)的重要性和設(shè)計(jì)要點(diǎn)。并對(duì)原型設(shè)計(jì)中思維導(dǎo)圖的使用進(jìn)行了剖析，為制作符合用戶(hù)要求的產(chǎn)品原型打下基礎(chǔ)。課后練習(xí)完成創(chuàng)意家居App項(xiàng)目的思維導(dǎo)圖啟動(dòng)XMind

ZEN軟件并完成項(xiàng)目的二級(jí)功能。根據(jù)項(xiàng)目的需求，完成“購(gòu)物系統(tǒng)”功能的思維導(dǎo)圖。課后練習(xí)完成創(chuàng)意家居App項(xiàng)目的思維導(dǎo)圖根據(jù)項(xiàng)目的需求，完成“會(huì)員系統(tǒng)”功能的思維導(dǎo)圖。根據(jù)項(xiàng)目的需求，完成“設(shè)計(jì)師系統(tǒng)”功能的思維導(dǎo)圖。課后測(cè)試選擇題1．下列選項(xiàng)中不屬于產(chǎn)品原型的體現(xiàn)方法的是（）。A．WordB．VisioC．AxureD．Excel404

Not

Foundnginx課后測(cè)試）個(gè)層面，用來(lái)選擇題3．可以把用戶(hù)體驗(yàn)的需求層次分為（幫助設(shè)計(jì)師更好地解決問(wèn)題。A．5B．4C．3D．6課后測(cè)試選擇題對(duì)于一個(gè)剛剛打開(kāi)網(wǎng)站的用戶(hù)，為了確保能夠找到自己感興趣的內(nèi)容，通常不需要了解的內(nèi)容是（

）。身在何處要尋找的內(nèi)容在哪里C．怎樣才能得到這些內(nèi)容

D．怎樣進(jìn)入網(wǎng)站404

Not

Foundnginx課后測(cè)試操作題使用XMind

ZEN繪制一款體育社交App的思維導(dǎo)圖。謝謝觀賞404

Not

Foundnginx了解Axure

RP

9404

Not

FoundnginxAxure

RP

9簡(jiǎn)介作為專(zhuān)門(mén)的產(chǎn)品原型設(shè)計(jì)工具，它比一般的創(chuàng)建靜態(tài)產(chǎn)品原型的工具，如Visio、OmniGraffle、Illustrator、Photoshop、Dreamweaver、Visual

Studio、Fireworks要便捷、高效。

Axure

RP

9的工作界面如下圖所示。Axure

RP

9為用戶(hù)提供了明亮和黑暗兩種工作界面外觀模式，用戶(hù)可以根據(jù)個(gè)人的喜好選擇不同的界面外觀模式。Axure

RP

9簡(jiǎn)介默認(rèn)情況下，Axure

RP

9使用明亮模式作為工作界面外觀，執(zhí)行“文件＞偏好設(shè)置”命令，彈出“偏好設(shè)置”對(duì)話框。在“常規(guī)”選項(xiàng)卡中的“外觀”選項(xiàng)下選擇“黑暗模式”選項(xiàng)。Axure

RP

9簡(jiǎn)介此時(shí)“偏好設(shè)置”對(duì)話框效果如下圖所示。單擊“完成”按鈕，完成更改工作界面外觀為黑暗模式的操作，工作界面外觀效果。404

Not

Foundnginx課堂操作安裝Axure

RP

9在下載文件夾中雙擊AxureRP-Setup.exe文件，彈出“Axure

RP

9

Setup”對(duì)話框。單擊“Next”（下一步）按

鈕，進(jìn)入下圖所示對(duì)話框，認(rèn)真閱讀協(xié)議后，勾選“I

acceptthe

terms

in

the

License

Agreement”（我接受許可協(xié)議的條款）復(fù)選框。404

Not

Foundnginx404

Not

Foundnginx課堂操作安裝Axure

RP

9軟件安裝完成后，用戶(hù)可在桌面上找到Axure

RP

9的啟動(dòng)圖標(biāo)。用戶(hù)也可以在“開(kāi)始”菜單中找到啟動(dòng)選項(xiàng)。404

Not

Foundnginx404

Not

Foundnginx404

Not

FoundnginxAxure

RP

9的主要功能繪制示意圖Axure

RP

9內(nèi)建了許多會(huì)經(jīng)常使用的元件，例如，按鈕、圖片、文本、水平線和下拉列表等。使用這些元件可以輕松地繪制各種示意圖。404

Not

FoundnginxAxure

RP

9的主要功能實(shí)現(xiàn)交互設(shè)計(jì)Axure

RP

9可以模擬實(shí)際操作中的交互效果。通過(guò)使用“交互編輯器”對(duì)話框中的各項(xiàng)動(dòng)作，快速地為元件添加一個(gè)或多個(gè)事件并產(chǎn)生動(dòng)作，包括單擊時(shí)、滾動(dòng)到元件等。Axure

RP

9的主要功能輸出網(wǎng)站原型Axure

RP

9可以將線框圖直接輸出成符合IE或火狐等不同瀏覽器的HTML項(xiàng)目。404

Not

Foundnginx404

Not

Foundnginx熟悉Axure

RP

9的工作界面菜單欄文件菜單編輯菜單視圖菜單項(xiàng)目菜單布局菜單發(fā)布菜單404

Not

Foundnginx熟悉Axure

RP

9的工作界面工具欄Cut（剪切）：?jiǎn)螕魧⒓羟挟?dāng)前所選對(duì)象Copy（拷貝）：?jiǎn)螕魧?fù)制當(dāng)前所選對(duì)象到剪貼板中Paste（粘貼）：?jiǎn)螕魧⒓糍N板中的復(fù)制對(duì)象粘貼到頁(yè)面中熟悉Axure

RP

9的工作界面工具欄選擇模式：有兩種選擇模式，分別是相交選中和包含選中。相交選中情況下，只要選取框與對(duì)象交叉即可被選中。包含選中情況下，只有選取框?qū)?duì)象全部包含時(shí)，才能被選中。404

Not

Foundnginx熟悉Axure

RP

9的工作界面工具欄點(diǎn)：使用繪畫(huà)工具繪制圖形，或?qū)⒃D(zhuǎn)為自定義形狀后，使用該工具可以調(diào)整圖形錨點(diǎn)，獲得更多的圖形效果。頂層：當(dāng)頁(yè)面中同時(shí)有兩個(gè)以上的元件時(shí)，可以通過(guò)單擊該按鈕，將選中的元件移動(dòng)到其他元件頂部。底層：當(dāng)頁(yè)面中同時(shí)有兩個(gè)以上的元件時(shí)，可以通過(guò)單擊該按鈕，將選中的元件移動(dòng)到其他元件底部。組合：同時(shí)選中多個(gè)元件，單擊該按鈕，可以將多個(gè)元件組合成一個(gè)元件。取消組合：?jiǎn)螕粼摪粹o可以取消組合操作，組合對(duì)象中的每一個(gè)元件將變回單個(gè)對(duì)象。縮放：在此下拉列表中，用戶(hù)可以選擇視圖的縮放比例，縮放比例范圍為10%～

400%，以查看不同尺寸的文件效果。熟悉Axure

RP

9的工作界面工具欄對(duì)齊：同時(shí)選中2個(gè)以上元件，可以在該選項(xiàng)中選擇不同的對(duì)齊方式對(duì)齊元件。分布：同時(shí)選中3個(gè)以上元件，可以在該選項(xiàng)中選擇水平分布或垂直分布。熟悉Axure

RP

9的工作界面工具欄預(yù)覽：?jiǎn)螕粼摪粹o，將自動(dòng)生成HTML預(yù)覽文件。共享：?jiǎn)螕粼摪粹o，將彈出“發(fā)布項(xiàng)目”對(duì)話框，輸入信息后單擊“發(fā)布”按鈕，會(huì)自動(dòng)將項(xiàng)目發(fā)布到Axure云上，并會(huì)獲得一個(gè)Axure提供的地址，以在不同設(shè)備上測(cè)試效果。熟悉Axure

RP

9的工作界面工具欄登錄：?jiǎn)螕粼摪粹o，將彈出“登錄”對(duì)話框，如圖2-41所示。用戶(hù)可以選擇輸入郵箱和密碼登錄或者注冊(cè)一個(gè)新賬號(hào)。登錄后能獲得更多官方的制作素材和技術(shù)支持。在Axure

RP

9的工作界面左上角，除了Axure

RP

9的圖標(biāo)外，還有保存、撤銷(xiāo)和重做3個(gè)常用操作按鈕。熟悉Axure

RP

9的工作界面工具欄保存：?jiǎn)螕粼摪粹o即可保存當(dāng)前文檔撤銷(xiāo)：?jiǎn)螕粼摪粹o將撤銷(xiāo)一步操作重做：?jiǎn)螕粼摪粹o將再次執(zhí)行前面的操作熟悉Axure

RP

9的工作界面面板Axure

RP

9一共為用戶(hù)提供了7個(gè)功能面板，分別是頁(yè)

面、概要、元件、母版、檢視、樣式、交互和說(shuō)明。默認(rèn)情況下，這7個(gè)面板分為2組，分別排列于工作區(qū)的兩側(cè)。熟悉Axure

RP

9的工作界面面板頁(yè)面：在該面板中可以完成有關(guān)頁(yè)面的所有操作。例如新建頁(yè)面、刪除頁(yè)面和查找頁(yè)面等。概要：該面板中主要顯示當(dāng)前面板中的所有元件。用戶(hù)可以很方便地在該面板中找到元件并對(duì)其進(jìn)行各種操作。404

Not

Foundnginx熟悉Axure

RP

9的工作界面面板樣式：該面板的內(nèi)容會(huì)根據(jù)當(dāng)前所選內(nèi)容發(fā)生改變。大部分元件的效果樣式設(shè)置都在該面板中完成。交互：用戶(hù)可以在該面板中為元件添加各種交互效果。說(shuō)明：在該面板中可以為元件添加說(shuō)明，能幫助用戶(hù)理解原型的功能。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx熟悉Axure

RP

9的工作界面面板—說(shuō)明用戶(hù)有時(shí)會(huì)需要更大的空間顯示產(chǎn)品原型，可以通過(guò)執(zhí)行“視圖＞功能區(qū)＞開(kāi)關(guān)左側(cè)功能欄”或“視圖＞功能區(qū)＞開(kāi)關(guān)右側(cè)功能欄”命令，隱藏左右兩側(cè)的面板，效果如下圖所示。再次執(zhí)行相同的命令，則會(huì)將隱藏面板顯示出來(lái)。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx課堂操作自定義基本工具列表執(zhí)行“視圖＞工具欄＞自定義基本工具列表”命令。彈出下圖所示對(duì)話框。課堂操作自定義基本工具列表對(duì)話框中顯示在工具欄上的工具前面都有一個(gè)圖標(biāo)。用戶(hù)可以根據(jù)個(gè)人的操作習(xí)慣，單擊取消或者添加工具選項(xiàng)，從而自定義工具欄。課堂操作自定義基本工具列表取消勾選對(duì)話框底部的“顯示圖標(biāo)下方的文本”復(fù)選框。將隱藏工具欄上圖標(biāo)對(duì)應(yīng)的文本，單擊“完成”按鈕，自定義工具欄效果如下圖所示。404

Not

Foundnginx404

Not

Foundnginx自定義工作界面使用單鍵快捷鍵執(zhí)行“文件＞偏好設(shè)置”命令，彈出“偏好設(shè)置”對(duì)話框。切換到“畫(huà)布”選項(xiàng)卡，可以選擇取消勾選“啟用單鍵快捷鍵”復(fù)選框。關(guān)閉該功能后，選中元件時(shí)輸入文本，即可在該元件上快速添加文本。404

Not

Foundnginx404

Not

Foundnginx使用Axure

RP

9的幫助資源用戶(hù)在使用軟件的過(guò)程中如果遇到一些軟件錯(cuò)誤，或者想提出一些建議，可以執(zhí)行“幫助＞提交反饋”命令，在“提交反饋”對(duì)話框中輸入相關(guān)信息。將意見(jiàn)和錯(cuò)誤發(fā)送給軟件開(kāi)發(fā)者，以共同提高軟件的穩(wěn)定性和安全性。執(zhí)行“幫助＞歡迎界面”命令，可以再次打開(kāi)“歡迎使用Axure

RP

9”對(duì)話框，方便用戶(hù)快速創(chuàng)建和打開(kāi)文件。404

Not

Foundnginx課后練習(xí)自定義草圖工作區(qū)啟動(dòng)Axure

RP

9軟件。執(zhí)行“視圖＞功能區(qū)”命令。404

Not

Foundnginx課后測(cè)試選擇題1．下列選項(xiàng)中不屬于Axure

RP

9內(nèi)建元件的是（）。A．按鈕

B．圖片

C．導(dǎo)航

D．下拉列表課后測(cè)試選擇題2．Axure

RP

9的菜單欄按照功能劃分為（）個(gè)菜單。A．5B．9C．3D．6404

Not

Foundnginx404

Not

Foundnginx課后測(cè)試操作題下載安裝并啟動(dòng)Axure

RP

9軟件，完成工作界面工具欄和面板的自定義操作。謝謝觀賞404

Not

Foundnginx404

Not

Foundnginx使用歡迎界面在啟動(dòng)Axure

RP

9時(shí)，會(huì)自動(dòng)彈出“歡迎使用Axure

RP

9”對(duì)話框。用戶(hù)可以通過(guò)單擊該對(duì)話框右下角的“新建文件”按鈕，新建一個(gè)Axure文件；單擊“打開(kāi)文件”按鈕，打開(kāi).rp格式的文件，在Axure

RP

9中編輯修改。404

Not

Foundnginx404

Not

Foundnginx使用歡迎界面單擊界面右側(cè)頂部“打開(kāi)導(dǎo)覽文件”選項(xiàng)。即可打開(kāi)Axure官方提供的使用說(shuō)明文件。界面右側(cè)中部顯示了最近編輯的10個(gè)文件，用戶(hù)單擊即可快速打開(kāi)最近編輯的文件。新建和設(shè)置Axure文件在開(kāi)始設(shè)計(jì)制作產(chǎn)品原型之前，要新建一個(gè)Axure文件，確定原型的內(nèi)容和應(yīng)用領(lǐng)域，以保證最終完成內(nèi)容的準(zhǔn)確性。不了解清楚產(chǎn)品原型用途就貿(mào)然開(kāi)始制作，既浪費(fèi)時(shí)間又會(huì)造成不可預(yù)估的損失。除了通過(guò)歡迎界面新建文件外，用戶(hù)也可以通過(guò)執(zhí)行“文件＞新建”命令新建文件。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx新建和設(shè)置Axure文件文件存儲(chǔ)當(dāng)前文件保存后，再次執(zhí)行“文件＞另存為”命令，也會(huì)彈出“另存為”對(duì)話框。執(zhí)行此命令通常是為了獲得文件的副本，或者打開(kāi)一個(gè)新的文件。新建和設(shè)置Axure文件文件存儲(chǔ)RP文件格式RPPRJ文件格式RPLIB文件格式UBX文件格式404

Not

Foundnginx課堂操作設(shè)置自動(dòng)備份如果出現(xiàn)意外，需要恢復(fù)自動(dòng)備份時(shí)的數(shù)據(jù)，可以執(zhí)行“文件＞從備份中恢復(fù)”命令。在彈出的“從備份中恢復(fù)文件”對(duì)話框中設(shè)置文件恢復(fù)的時(shí)間點(diǎn)。選擇自動(dòng)備份日期后，單擊“恢復(fù)”按鈕，即可完成文件的恢復(fù)操作。404

Not

Foundnginx404

Not

Foundnginx頁(yè)面管理添加和刪除頁(yè)面為了方便進(jìn)行頁(yè)面管理，通常將同類(lèi)型的頁(yè)面放在一個(gè)文件夾下。單擊“頁(yè)面”面板右上角的“添加文件夾”按鈕，即可完成文件夾的添加。添加文件夾的效果如下圖所示。頁(yè)面管理添加和刪除頁(yè)面用戶(hù)如果希望在特定的位置添加頁(yè)面或文件夾，首先在“頁(yè)面”面板中選擇一個(gè)頁(yè)面，然后單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“添加”命令，即可完成添加。頁(yè)面管理添加和刪除頁(yè)面“添加”下包含“文件夾”“上方添加頁(yè)面”“下方添加頁(yè)面”“子頁(yè)面”4個(gè)命令。文件夾：將在當(dāng)前文件下創(chuàng)建一個(gè)文件夾。上方添加頁(yè)面：將在當(dāng)前頁(yè)面之前創(chuàng)建一個(gè)頁(yè)面。下方添加頁(yè)面：將在當(dāng)前頁(yè)面之后創(chuàng)建一個(gè)頁(yè)面。子頁(yè)面：將為當(dāng)前頁(yè)面創(chuàng)建一個(gè)子頁(yè)面。頁(yè)面管理添加和刪除頁(yè)面用戶(hù)如果想要?jiǎng)h除某個(gè)頁(yè)面，可以首先選擇想要?jiǎng)h除的頁(yè)面，然后按【Delete】鍵完成刪除操作；也可以在頁(yè)面上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“刪除”命令，完成刪除操作。404

Not

Foundnginx頁(yè)面管理移動(dòng)頁(yè)面用戶(hù)如果想移動(dòng)頁(yè)面的順序或更改頁(yè)面的級(jí)別，可以首先在“頁(yè)面”面板上選擇需要更改的頁(yè)面，然后單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“移動(dòng)”命令下的移動(dòng)命令。404

Not

Foundnginx頁(yè)面管理搜索頁(yè)面一個(gè)產(chǎn)品原型項(xiàng)目的頁(yè)面少則幾個(gè)，多則幾十個(gè)，為了方便用戶(hù)在眾多頁(yè)面中查找某一個(gè)頁(yè)面，Axure

RP

9為用戶(hù)提供了搜索功能。單擊“頁(yè)面”面板左上角的“搜索”按鈕，在頁(yè)面頂部出現(xiàn)搜索文本框。輸入要搜索的頁(yè)面名稱(chēng)后，即可顯示搜索到的頁(yè)面。頁(yè)面管理剪切、復(fù)制和粘貼頁(yè)面用戶(hù)可以在頁(yè)面上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“剪切”命令，即可將頁(yè)面剪切至內(nèi)存中。選擇“復(fù)制”命令，即可將頁(yè)面復(fù)制至內(nèi)存中。頁(yè)面管理剪切、復(fù)制和粘貼頁(yè)面選擇想要將頁(yè)面放置的位置，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“粘貼”命令，即可將剪切或復(fù)制的內(nèi)容粘貼到此位置。粘貼頁(yè)面效果如下圖所示。頁(yè)面管理重復(fù)頁(yè)面原型項(xiàng)目中有一些頁(yè)面結(jié)構(gòu)基本一致，只是圖片或文字內(nèi)容不同，用戶(hù)可以通過(guò)復(fù)制頁(yè)面并修改內(nèi)容完成制作。在需要復(fù)制的頁(yè)面上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“重復(fù)＞頁(yè)面”命令，即可為當(dāng)前頁(yè)面創(chuàng)建一個(gè)副本。如果想要將頁(yè)面及其子頁(yè)面一起復(fù)制，則需要選擇“重復(fù)＞分支”命令，效果如下圖所示。404

Not

Foundnginx頁(yè)面設(shè)置頁(yè)面尺寸默認(rèn)情況下，“頁(yè)面尺寸”設(shè)置為“Auto”（自動(dòng)），

單擊右側(cè)的圖標(biāo)，用戶(hù)可以在彈出的下拉列表中選擇預(yù)設(shè)的移動(dòng)設(shè)備頁(yè)面尺寸。選擇“Web”（網(wǎng)頁(yè)）選項(xiàng)，用戶(hù)可以在文本框中手動(dòng)設(shè)置頁(yè)面的寬度，如圖3-38所示。選擇“自定義設(shè)備”選項(xiàng)，用戶(hù)可以在文本框中手動(dòng)設(shè)置頁(yè)面的寬度和高度。404

Not

Foundnginx頁(yè)面設(shè)置頁(yè)面填充為了實(shí)現(xiàn)更豐富的頁(yè)面效果，用戶(hù)可以為頁(yè)面設(shè)置“顏色”填充和“圖片”填充。單擊“顏色”圖標(biāo)，彈出拾色器面板。用戶(hù)可以選擇任意一種顏色作為頁(yè)面的背景色。頁(yè)面設(shè)置頁(yè)面填充單擊“圖片”圖標(biāo)，彈出下圖所示的面板。單擊“選擇”按鈕，選擇一張圖片作為頁(yè)面的背景。單擊圖片縮略圖右上角的圖標(biāo)，即可清除頁(yè)面中的圖片背景。頁(yè)面設(shè)置頁(yè)面填充默認(rèn)情況下，圖片填充的范圍為Axure

RP

9的整個(gè)工作區(qū)。填充方式為“不重復(fù)”，單擊右側(cè)的重復(fù)背景圖片圖標(biāo)，可以在彈出的下拉列表中選擇其他的填充方式。頁(yè)面設(shè)置頁(yè)面填充不重復(fù)：圖片將作為背景顯示在工作區(qū)內(nèi)。重復(fù)圖片：圖片在水平和垂直兩個(gè)方向上重復(fù)，覆蓋整個(gè)工作區(qū)。水平重復(fù)：圖片在水平方向上重復(fù)。404

Not

Foundnginx頁(yè)面設(shè)置頁(yè)面填充適應(yīng)：圖片等比例縮放置于工作區(qū)。拉伸：圖片自動(dòng)縮放填充整個(gè)工作區(qū)。404

Not

Foundnginx頁(yè)面設(shè)置低保真度一個(gè)完整的項(xiàng)目原型，通常包含很多的圖片和文本素材。為了獲得好的預(yù)覽效果，很多圖片采用了較高分辨率的圖片素材，而過(guò)多的素材會(huì)影響整個(gè)項(xiàng)目原型的制作流暢度。Axure

RP

9為用戶(hù)提供了低保真度模式，以解決由于制作內(nèi)容過(guò)多造成的制作過(guò)程中出現(xiàn)卡頓的問(wèn)題。單擊“樣式”面板中“低保真度”選項(xiàng)后面的圖標(biāo)，即可進(jìn)入低保真度模式。頁(yè)面中的圖片素材將以灰度模式顯示，英文文本將替換為手寫(xiě)字體形式。404

Not

Foundnginx404

Not

Foundnginx課堂操作新建iOS系統(tǒng)頁(yè)面單擊“圖片”圖標(biāo)，在彈出的面板中單擊“選擇”按鈕，選擇“素材\第3章\301.png”文件，選擇填充方式為“適應(yīng)”。填充背景圖片效果如下圖所示。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx頁(yè)面設(shè)置頁(yè)面說(shuō)明用戶(hù)可以在“說(shuō)明”面板中為頁(yè)面或頁(yè)面中的元件添加說(shuō)明，方便其他用戶(hù)理解和修改。用戶(hù)可以直接在“頁(yè)面概述”下方的文本框中輸入說(shuō)明內(nèi)容。單擊右側(cè)的圖標(biāo)，彈出格式化文本參數(shù)，用戶(hù)可以設(shè)置說(shuō)明文字的字體、加粗、斜體、下畫(huà)線、文本顏色和項(xiàng)目符號(hào)等參數(shù)。404

Not

Foundnginx頁(yè)面設(shè)置頁(yè)面說(shuō)明單擊“完成”按鈕，即可在“說(shuō)明”面板上添加頁(yè)面說(shuō)

明。當(dāng)頁(yè)面同時(shí)有多個(gè)說(shuō)明時(shí)，用戶(hù)可以在“說(shuō)明字段設(shè)置”對(duì)話框中完成對(duì)說(shuō)明的上移、下移和刪除操作。頁(yè)面設(shè)置頁(yè)面說(shuō)明單擊“說(shuō)明”面板中的“指定元件”選項(xiàng)，在彈出的下拉列表中選擇要添加說(shuō)明的元件，即可在下面的文本框中為元件添加說(shuō)明。添加說(shuō)明后的元件的右上角將顯示序列數(shù)字，該數(shù)字與“說(shuō)明”面板中顯示的數(shù)字一致。頁(yè)面設(shè)置頁(yè)面說(shuō)明單擊圖標(biāo)，彈出下圖所示的下拉列表。用戶(hù)可以根據(jù)元件的使用情況，選擇是否顯示元件文字和交互內(nèi)容。為元件添加說(shuō)明后，單擊該元件，將自動(dòng)在“說(shuō)明”面板中顯示說(shuō)明內(nèi)容。404

Not

Foundnginx設(shè)置自適應(yīng)視圖下圖所示為蘋(píng)果手機(jī)和華為手機(jī)的屏幕尺寸對(duì)比。為了滿(mǎn)足頁(yè)面原型在不同尺寸終端屏幕上都能正常顯示的需要，Axure

RP

9為用戶(hù)提供了自適應(yīng)視圖功能。用戶(hù)可以在自適應(yīng)視圖中定義多個(gè)屏幕尺寸，當(dāng)在不同屏幕尺寸上瀏覽時(shí)，頁(yè)面的樣式或布局會(huì)自動(dòng)發(fā)生變化。404

Not

Foundnginx404

Not

Foundnginx設(shè)置自適應(yīng)視圖單擊“自適應(yīng)視圖”對(duì)話框左上角的“添加”選項(xiàng)，即可添加一種新視圖，新視圖的各項(xiàng)參數(shù)可以在“自適應(yīng)視圖”對(duì)話框的右側(cè)添加。在設(shè)置相似視圖時(shí)，可以先單擊“復(fù)制”選項(xiàng)復(fù)制選中的選項(xiàng)，然后通過(guò)修改數(shù)值得到想要的項(xiàng)目，“繼承”文本框?qū)@示當(dāng)前適配選項(xiàng)的來(lái)源。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx使用輔助線和網(wǎng)格為了方便用戶(hù)設(shè)計(jì)制作產(chǎn)品原型，Axure

RP

9為用戶(hù)提供了標(biāo)尺、輔助線和網(wǎng)格等輔助工具。合理使用這些工具，用戶(hù)可以及時(shí)、準(zhǔn)確地完成產(chǎn)品原型設(shè)計(jì)工作。執(zhí)行“視圖＞標(biāo)尺?網(wǎng)格?輔助線＞輔助線設(shè)置”命令或在頁(yè)面中單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“標(biāo)尺?網(wǎng)格?輔助線＞輔助線設(shè)置”命令，彈出“偏好設(shè)置”對(duì)話框。默認(rèn)情況下，輔助線顯示在頁(yè)面的頂層，勾選“底層顯示輔助線”復(fù)選框，輔助線將顯示在頁(yè)面的底層。404

Not

Foundnginx使用輔助線和網(wǎng)格輔助線的分類(lèi)全局輔助線頁(yè)面輔助線頁(yè)面尺寸輔助線打印輔助線404

Not

Foundnginx使用輔助線和網(wǎng)格創(chuàng)建輔助線執(zhí)行“文件＞新建”命令，新建一個(gè)頁(yè)面。執(zhí)行“視圖＞標(biāo)尺?網(wǎng)格?輔助線＞創(chuàng)建輔助線”命令或在頁(yè)面中單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“標(biāo)尺?網(wǎng)格?輔助線＞創(chuàng)建輔助線”命令。彈出的“創(chuàng)建輔助線”對(duì)話框。使用輔助線和網(wǎng)格創(chuàng)建輔助線用戶(hù)可以在“預(yù)設(shè)”下拉列表中選擇“960像素網(wǎng)格：12列”的輔助線預(yù)設(shè)選項(xiàng)。勾選“創(chuàng)建為全局輔助線”復(fù)選框，可以使輔助線出現(xiàn)在所有的頁(yè)面中，方便團(tuán)隊(duì)的所有成員使用。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx使用輔助線和網(wǎng)格使用網(wǎng)格用戶(hù)可以在“間距”文本框中設(shè)置網(wǎng)格的間距；在“樣式”選項(xiàng)下設(shè)置網(wǎng)格的樣式為線段或交點(diǎn)；在“顏色”選項(xiàng)下設(shè)置網(wǎng)格的顏色。用戶(hù)可以執(zhí)行“視圖＞標(biāo)尺網(wǎng)格?輔助線＞網(wǎng)格對(duì)齊”命令或在頁(yè)面中單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“標(biāo)尺?網(wǎng)格?輔助線＞

網(wǎng)格對(duì)齊”命令。激活“網(wǎng)格對(duì)齊”后，移動(dòng)對(duì)象時(shí)會(huì)自動(dòng)對(duì)齊網(wǎng)格。使用輔助線和網(wǎng)格使用網(wǎng)格用戶(hù)可以執(zhí)行“視圖＞標(biāo)尺?網(wǎng)格?輔助線＞對(duì)齊輔助線”命令或在頁(yè)面中單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“標(biāo)尺?網(wǎng)格?輔助線＞對(duì)齊輔助線”命令。激活“對(duì)齊輔助線”后，移動(dòng)對(duì)象時(shí)會(huì)自動(dòng)對(duì)齊輔助線。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx課后測(cè)試選擇題1．下列選項(xiàng)中不屬于Axure

RP

9新建文件頁(yè)邊距的是（

）。A．上

B．下

C．中

D．左、右404

Not

Foundnginx404

Not

Foundnginx課后測(cè)試選擇題4．默認(rèn)情況下，下列輔助線為虛線的是（）。A．頁(yè)面輔助線

B．全局輔助線

C．頁(yè)面尺寸輔助線D．打印輔助線課后測(cè)試填空題

單擊歡迎界面的“打開(kāi)文件”按鈕，可以打開(kāi)一個(gè).rp格式的文件，可再次進(jìn)行編輯修改。

用戶(hù)可以單擊軟件界面頂部的“保存”按鈕或者按下快捷鍵Ctrl+S實(shí)現(xiàn)對(duì)文件的保存，按下快捷鍵Ctlr+Shift+S實(shí)現(xiàn)另存為操作。

新建Axure

RP

9文件后，軟件將自動(dòng)為用戶(hù)創(chuàng)建1個(gè)頁(yè)面，用戶(hù)可以在頁(yè)面面板中查看。課后測(cè)試操作題根據(jù)所學(xué)內(nèi)容，創(chuàng)建一個(gè)iOS系統(tǒng)App項(xiàng)目的頁(yè)面樣式，并應(yīng)用到所有頁(yè)面中。404

Not

FoundnginxAxure

RP

9互聯(lián)網(wǎng)產(chǎn)品原型設(shè)計(jì)（慕課版）404

Not

Foundnginx了解元件面板Axure

RP

9的元件都放在“元件”面板中，默認(rèn)情況下，“元件”面板位于軟件界面的左側(cè)。了解元件面板“元件”面板中默認(rèn)顯示Default（預(yù)設(shè)）元件庫(kù)，Default（預(yù)設(shè)）元件庫(kù)將元件按照種類(lèi)分為基本元件、表單元件、菜單|表格和標(biāo)記元件4種類(lèi)型。單擊“Default”（預(yù)設(shè)）選項(xiàng)后面的圖標(biāo)，用戶(hù)可以在彈出的下拉列表中選擇其他的元件庫(kù)。默認(rèn)情況下Axure

RP

9為用戶(hù)提供了4個(gè)元件庫(kù)。了解元件面板選擇“全部元件庫(kù)”選項(xiàng)，在“元件”面板中將同時(shí)顯示所有的元件分類(lèi)選項(xiàng)。選擇“Flow”（流程圖）選項(xiàng)，則只顯示Flow元件庫(kù)。404

Not

Foundnginx將元件添加到頁(yè)面為元件命名一個(gè)原型通常包含了很多元件，要在眾多元件中查找其中的某一個(gè)元件是非常麻煩的。為元件命名就能很好地解決這個(gè)問(wèn)題。將元件拖曳到頁(yè)面中后，可以在“樣式”面板中為其命名。為了更便于使用，元件名稱(chēng)應(yīng)盡量使用英文或者拼音命名，首字母最好選用大寫(xiě)字母。將元件添加到頁(yè)面縮放元件將元件拖曳到頁(yè)面中后，通過(guò)拖動(dòng)其四周的控制點(diǎn)，可以實(shí)現(xiàn)對(duì)元件的縮放。用戶(hù)也可以在工具欄中精確修改元件的坐標(biāo)和尺寸，其中X代表水平方向，Y代表垂直方向，W代表元件的寬度，H代表元件的高度。將元件添加到頁(yè)面旋轉(zhuǎn)元件按【Ctrl】鍵的同時(shí)拖動(dòng)控制點(diǎn)，可以用任意角度地旋轉(zhuǎn)元件。用戶(hù)如果要獲得精確的旋轉(zhuǎn)角度，可以在“樣式”面板中設(shè)置。將元件添加到頁(yè)面旋轉(zhuǎn)元件如果元件內(nèi)有文本內(nèi)容，文本內(nèi)容將與元件同時(shí)旋轉(zhuǎn)。單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“變換形狀＞重置文本到0°”選項(xiàng)，即可將元件中文本恢復(fù)到0°。將元件添加到頁(yè)面旋轉(zhuǎn)元件如果希望矩形與文本保持一致的高度，可以單擊“樣式”面板上的“自動(dòng)適應(yīng)文本高度”按鈕，效果如下圖所示。如果希望矩形與文本保持一致的寬度，可以單擊“樣式”面板上的“自適應(yīng)文本寬度”按鈕，效果如下圖所示。將元件添加到頁(yè)面設(shè)置顏色和不透明度將元件拖曳到頁(yè)面中后，用戶(hù)可以在頂部工具欄中設(shè)置其填充顏色和線段顏色。404

Not

Foundnginx404

Not

Foundnginx將元件添加到頁(yè)面基本元件Axure

RP

9一共提供了20個(gè)基本元件。將鼠標(biāo)指針移動(dòng)到元件上，元件右上角將出現(xiàn)一個(gè)問(wèn)號(hào)圖標(biāo)，單擊該圖標(biāo)將彈出該元件的操作提示。404

Not

Foundnginx404

Not

Foundnginx將元件添加到頁(yè)面基本元件—矩形用戶(hù)也可以單擊工具欄上的“插入”按鈕，在彈出的下拉列表中選擇“矩形”選項(xiàng)或者按組合鍵【Ctrl+Shift+B】。在頁(yè)面中拖曳繪制一個(gè)任意尺寸的矩形。或者過(guò)程中右側(cè)會(huì)出現(xiàn)矩形的尺寸參數(shù)和位置的提示信息。將元件添加到頁(yè)面基本元件—圓形圓形元件與矩形元件的繪制方法相同，選擇“圓形”元件，直接將其拖曳到頁(yè)面中即可完成一個(gè)圓形元件的創(chuàng)建。用戶(hù)可以單擊工具欄上的“插入”按鈕，在彈出的下拉列表中選擇“圓形”選項(xiàng)或者按組合鍵【Ctrl+Shift+E】，在頁(yè)面中拖曳繪制一個(gè)任意尺寸的圓形。404

Not

Foundnginx將元件添加到頁(yè)面基本元件—圖片用戶(hù)也可以單擊工具欄上的“插入”按鈕，在彈出的下拉列表中選擇“圖片”選項(xiàng)，在彈出的“打開(kāi)”對(duì)話框中選擇要插入的圖片，單擊“打開(kāi)”按鈕，完成圖片的插入操作。拖動(dòng)圖片左上角的黃色三角形，可以對(duì)圖片添加遮罩效果和圓角圖片的效果，圓角圖片效果如下圖所示。將元件添加到頁(yè)面基本元件—圖片在“圖片”元件上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“編輯文本”命令。用戶(hù)可以直接在圖片上輸入或編輯文本內(nèi)容。將元件添加到頁(yè)面基本元件—圖片Axure

RP

9可以使用裁剪工具對(duì)圖片進(jìn)行裁剪操作。單擊“樣式”面板上的“裁剪”按鈕，工作區(qū)將轉(zhuǎn)換為“裁剪圖片”模式，圖片四周出現(xiàn)選框。工作區(qū)頂部有“裁剪”

“復(fù)制”“剪切”“關(guān)閉”４個(gè)按鈕。將元件添加到頁(yè)面基本元件—圖片拖曳調(diào)整圖片邊緣的選框。單擊“裁剪”按鈕或者在圖片上雙擊，即可完成圖片的裁剪操作，效果如下圖所示。404

Not

Foundnginx404

Not

Foundnginx課堂操作切割按鈕圖片進(jìn)入“切割圖片”模式，頁(yè)面中出現(xiàn)一個(gè)“十”字形的虛線。在圖片上單擊，即可完成切割操作。404

Not

Foundnginx404

Not

Foundnginx將元件添加到頁(yè)面基本元件—圖片單擊“樣式”面板上的“恢復(fù)圖像尺寸”按鈕，可以使縮放調(diào)整后的圖片回復(fù)原始尺寸。單擊“樣式”面板上的“調(diào)整顏色”按鈕，在彈出的對(duì)話框中勾選“調(diào)整顏色”復(fù)選框。用戶(hù)可以對(duì)圖片的“色調(diào)”“飽和度”“亮度”“對(duì)比度”進(jìn)行調(diào)整，調(diào)整顏色的對(duì)比效果如下圖所示。將元件添加到頁(yè)面基本元件—圖片在圖片上單擊鼠標(biāo)右鍵，用戶(hù)可以在彈出的快捷菜單中選擇“變換圖片”下的命令。將元件添加到頁(yè)面基本元件—圖片水平翻轉(zhuǎn)/垂直翻轉(zhuǎn)：執(zhí)行該命令可在水平或垂直方向上翻轉(zhuǎn)圖片。優(yōu)化圖片：執(zhí)行該命令，Axure

RP

9將自動(dòng)優(yōu)化當(dāng)前圖片，降低圖片的質(zhì)量、提高下載的速度。轉(zhuǎn)換SVG圖片為形狀：執(zhí)行該命令將會(huì)將SVG圖片轉(zhuǎn)換為形狀圖片。將元件添加到頁(yè)面基本元件—圖片固定邊角范圍：此命令與“樣式”面板中“固定邊角的范圍”按鈕的作用相同。編輯連接點(diǎn)：執(zhí)行該命令，圖片四周將會(huì)出現(xiàn)4個(gè)連接點(diǎn)。用戶(hù)可以拖動(dòng)調(diào)整連接點(diǎn)的位置。將元件添加到頁(yè)面基本元件—占位符占位符元件沒(méi)有實(shí)際的意義，只是作為臨時(shí)占位的元件存在。當(dāng)用戶(hù)需要在頁(yè)面上預(yù)留一塊位置，但是還沒(méi)有確定要放什么內(nèi)容的時(shí)候，可以選擇先放一個(gè)占位符元件。選擇“占位符”元件，將其拖曳到頁(yè)面中，效果如下圖所示。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx將元件添加到頁(yè)面基本元件—文本選擇文本框，用戶(hù)可以在工具欄上為其指定填充顏色和線段顏色。選擇文本內(nèi)容，在工具欄上可以為文本指定顏色。404

Not

Foundnginx將元件添加到頁(yè)面基本元件—水平線和垂直線使用水平線和垂直線元件可以創(chuàng)建水平線段和垂直線段。其通常是用來(lái)分割功能或美化頁(yè)面的。選擇“水平線”和“垂直線”元件，將其拖曳到頁(yè)面中，效果如下圖所示。將元件添加到頁(yè)面基本元件—水平線和垂直線選擇線段，用戶(hù)可以在工具欄中為其設(shè)置顏色、線寬或類(lèi)型。用戶(hù)也可以單擊工具欄上的“箭頭樣式”按鈕，在彈出的下拉列表中選擇一種箭頭效果。將元件添加到頁(yè)面基本元件—熱區(qū)熱區(qū)就是一個(gè)隱形但可以點(diǎn)擊的面板。在“元件”面板中選擇“熱區(qū)”元件，將其拖曳到頁(yè)面中。使用熱區(qū)可以完成為一張圖片同時(shí)設(shè)置多個(gè)超鏈接的操作。將元件添加到頁(yè)面基本元件—?jiǎng)討B(tài)面板“動(dòng)態(tài)面板”元件是Axure

RP

9中最常用的元件，它可以被看做擁有很多種不同狀態(tài)的超級(jí)元件。404

Not

Foundnginx404

Not

Foundnginx將元件添加到頁(yè)面基本元件—中繼器可以用來(lái)生成由重復(fù)條目組成的列表頁(yè)，如商品列表、聯(lián)系人列表等，并且可以非常方便地通過(guò)預(yù)先設(shè)定的事件，對(duì)列表進(jìn)行新增條目、刪除條目、編輯條目、排序和分頁(yè)的操作。將元件添加到頁(yè)面表單元件—文本框文本框元件主要用來(lái)接受用戶(hù)輸入內(nèi)容，但是僅接受單行的文本輸入。選擇“文本框”元件，將其拖曳到頁(yè)面中，效果如下圖所示。文本框中輸入的文本的樣式，可以在“樣式”面板中的“排版”選項(xiàng)中進(jìn)行設(shè)置。404

Not

Foundnginx課堂操作創(chuàng)建文本框?qū)ⅰ拔谋究颉痹弦返巾?yè)面中，在“樣式”面板中為其指定名稱(chēng)為“用戶(hù)名”。在“樣式”面板中設(shè)置其“線段”屬性。404

Not

Foundnginx404

Not

Foundnginx課堂操作創(chuàng)建文本框在“用戶(hù)名”文本框上單擊鼠標(biāo)右鍵，在彈出的快捷菜單

中選擇“指定提交按鈕”命令，在彈出的“指定提交按鈕”對(duì)

話框中選擇“提交”按鈕元件。使用相同的方法，設(shè)置“密碼”文本框的提交按鈕。在“用戶(hù)名”文本框上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“工具提示”命令，在彈出的“工具提示”對(duì)話框中輸入提示內(nèi)容。使用相同的方法，設(shè)置“密碼”文本框的工具提示。404

Not

Foundnginx404

Not

Foundnginx將元件添加到頁(yè)面表單元件—文本框用戶(hù)可以在該面板中快速設(shè)置文本框的“類(lèi)型”“提示文本”“工具提示”“提交按鈕”“最大長(zhǎng)度”“禁用”“只讀”等樣式。設(shè)置的“提示文本”將默認(rèn)顯示在文本框中。用戶(hù)可以在“隱藏提示”選項(xiàng)下選擇在哪種情況下顯示提示文本。選擇“輸入”選項(xiàng)時(shí)，用戶(hù)在文本框中輸入文本時(shí)，隱藏提示文本。選擇“獲取焦點(diǎn)”選項(xiàng)時(shí)，只要用戶(hù)激活文本框，就隱藏提示

文本。下圖所示為設(shè)置“隱藏提示”選項(xiàng)為“輸入”時(shí)的效果。將元件添加到頁(yè)面表單元件—文本域文本域能夠接受用戶(hù)輸入多行文本。選擇“文本域”元件，將其拖曳到頁(yè)面中，效果如下圖所示。404

Not

Foundnginx404

Not

Foundnginx將元件添加到頁(yè)面表單元件—下拉列表勾選某個(gè)列表選項(xiàng)前面的復(fù)選框，代表將其設(shè)置為默認(rèn)顯示的選項(xiàng)，沒(méi)有勾選則默認(rèn)為第一項(xiàng)。用戶(hù)可以通過(guò)單擊“編輯下拉列表”對(duì)話框中的“上移”和“下移”選項(xiàng)調(diào)整列表的順序。選中列表選項(xiàng)，單擊“刪除”選項(xiàng)，即可刪除該列表選項(xiàng)。單擊“確定”按鈕，下拉列表中即可顯示添加的列表選項(xiàng)，效果如下圖所示。將元件添加到頁(yè)面表單元件—列表框“列表框”元件一般會(huì)在頁(yè)面中顯示多個(gè)供用戶(hù)選擇的選項(xiàng)，并且允許用戶(hù)多選。選擇“列表框”元件，將其拖曳到頁(yè)面中，效果如下圖所示。404

Not

Foundnginx將元件添加到頁(yè)面表單元件—復(fù)選框“復(fù)選框”元件允許用戶(hù)從多個(gè)選項(xiàng)中選擇多個(gè)選項(xiàng)，選中狀態(tài)以“√”顯示，再次單擊則取消選擇。選擇“復(fù)選框”元件，將其拖曳到頁(yè)面中并進(jìn)行設(shè)置，效果如下圖所示。用戶(hù)可以在復(fù)選框上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“選中”命令，或者在“交互”面板禁用屬性面板中勾選“選中”復(fù)選框。Axure

RP

9允許用戶(hù)直接在復(fù)選框元件的正方形上單擊將其設(shè)置為默認(rèn)選中狀態(tài)。404

Not

Foundnginx將元件添加到頁(yè)面表單元件—單選按鈕“單選按鈕”元件允許用戶(hù)在多個(gè)選項(xiàng)中選擇一個(gè)選項(xiàng)。選擇“單選按鈕”元件，將其拖曳到頁(yè)面中并進(jìn)行設(shè)置，效果如下圖所示。為了實(shí)現(xiàn)單選按鈕效果，必須將多個(gè)單選按鈕同時(shí)選中，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“指定單選按鈕的組”命令。在彈出的“選項(xiàng)組”對(duì)話框中輸入組名稱(chēng)，單擊“確定”按鈕，即可完成單選按鈕組的創(chuàng)建。將元件添加到頁(yè)面菜單與表格Axure

RP

9為用戶(hù)提供了實(shí)用的“菜單|表格”元件。用

戶(hù)可以使用該元件非常方便地制作數(shù)據(jù)表格和各種形式的菜單?！安藛蝲表格”元件主要包括樹(shù)、表格、水平菜單和垂直菜單4個(gè)元件。將元件添加到頁(yè)面菜單與表格—樹(shù)“樹(shù)”元件的主要功能是創(chuàng)建一個(gè)樹(shù)狀目錄。選擇“樹(shù)”元件，將其拖曳到頁(yè)面中，效果如下圖所示。單擊元件前面的三角形，可將該樹(shù)狀菜單收起或打開(kāi)，收起樹(shù)狀菜單如下圖所示。雙擊單個(gè)選項(xiàng)可以修改選項(xiàng)文本，效果如下圖所示。將元件添加到頁(yè)面菜單與表格—樹(shù)在元件選項(xiàng)上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“添加”命令下的命令可以實(shí)現(xiàn)添加菜單的操作。添加子節(jié)點(diǎn)：選擇該命令可以在當(dāng)前選中菜單下添加一個(gè)菜單。上方添加節(jié)點(diǎn)：選擇該命令可以在當(dāng)前菜單上方添加一個(gè)菜單。下方添加節(jié)點(diǎn)：選擇該命令可以在當(dāng)前菜單下方添加一個(gè)菜單。編輯圖標(biāo)：選擇該命令，用戶(hù)可以通過(guò)導(dǎo)入的方式為菜單指定一個(gè)圖標(biāo)。將元件添加到頁(yè)面菜單與表格—樹(shù)用戶(hù)如果想刪除某一個(gè)菜單選項(xiàng)，可以在菜單上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“刪除節(jié)點(diǎn)”命令，將當(dāng)前菜單選項(xiàng)刪除。將元件添加到頁(yè)面菜單與表格—樹(shù)選中“樹(shù)”元件，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“編輯樹(shù)屬性”命令。彈出“樹(shù)屬性”對(duì)話框。用戶(hù)也可以單擊“樣式”面板中的“編輯屬性”選項(xiàng)，打開(kāi)“樹(shù)屬性”對(duì)話框。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx將元件添加到頁(yè)面菜單與表格—表格選擇行或列后，可以在“樣式”面板中為其指定“填充”和“線段”樣式，也可以在工具欄中直接為其指定填充色、邊框顏色和粗細(xì)，效果如下圖所示。將元件添加到頁(yè)面菜單與表格—表格用戶(hù)如果想增加行或者列，可以在表格元件上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇對(duì)應(yīng)的命令。404

Not

Foundnginx404

Not

Foundnginx課堂操作制作水平菜單雙擊菜單名，修改菜單文本。在元件上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“編輯菜單填充”命令，在彈出的“菜單項(xiàng)填充”對(duì)話框中設(shè)置填充的值，選擇應(yīng)用的范圍。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx將元件添加到頁(yè)面標(biāo)記元件—快照快照可讓用戶(hù)捕捉引用頁(yè)面或主頁(yè)面圖像?？梢耘渲每煺战M件顯示整個(gè)頁(yè)面或頁(yè)面的一部分，也可以在捕捉圖像之前對(duì)需要應(yīng)用交互的頁(yè)面建立一個(gè)快照。選擇“快照”元件，將其拖曳到頁(yè)面中，效果如下圖所示。雙擊元件即可彈出“引用頁(yè)面”對(duì)話框。在該對(duì)話框中可以選擇引用的頁(yè)面或母版，引用效果如下圖所示。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx課堂操作制作便簽說(shuō)明選擇“便簽”元件，用戶(hù)可以在工具欄或“樣式”面板中對(duì)其填充和線段樣式進(jìn)行修改。雙擊元件，即可在元件內(nèi)添加文本內(nèi)容，效果如下圖所示。404

Not

Foundnginx將元件添加到頁(yè)面標(biāo)記元件—圓形標(biāo)記和水滴標(biāo)記圓形標(biāo)記和水滴標(biāo)記元件主要是用于在完成的原型上進(jìn)行標(biāo)記說(shuō)明的。雙擊元件，可以為其添加文本。選中元件可以在工具欄上修改其填充顏色、外部陰影、線寬、線段顏色、線段類(lèi)型和箭頭樣式，修改后的效果如下圖所示。將元件添加到頁(yè)面標(biāo)記元件—流程圖元件Axure

RP

9中為用戶(hù)提供了專(zhuān)用的流程圖元件，用戶(hù)可以直接使用這些元件快速完成流程圖的設(shè)計(jì)制作。默認(rèn)情況下流程圖元件被保存在“元件”面板的下拉列表中。選擇“Flow”（流程圖）選項(xiàng)，即可將流程圖元件顯示出來(lái)，流程圖元件如下圖所示。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx課堂操作制作手機(jī)流程圖在連接線中間位置雙擊，輸入下圖所示的文本。使用相同的方法創(chuàng)建右側(cè)連接線。404

Not

Foundnginx課堂操作制作手機(jī)流程圖使用相同的方法創(chuàng)建其他連接線，選中連接線并設(shè)置連接線線段類(lèi)型為虛線，完成手機(jī)產(chǎn)業(yè)流程圖，效果如下圖所示。404

Not

Foundnginx將元件添加到頁(yè)面標(biāo)記元件—圖標(biāo)元件Axure

RP

9為用戶(hù)提供了Web應(yīng)用、輔助功能、手勢(shì)、運(yùn)輸工具、性別、文件類(lèi)型、加載中、表單控件、支付、圖表、貨幣、文本編輯、方向、視頻播放、商標(biāo)和醫(yī)學(xué)等16種圖標(biāo)元件。選中圖標(biāo)元件將其拖曳到頁(yè)面中。用戶(hù)可以修改圖標(biāo)元件的填充和線段樣式，以實(shí)現(xiàn)更豐富的圖標(biāo)效果。將元件添加到頁(yè)面標(biāo)記元件—使用繪畫(huà)工具除了使用“元件”面板中的元件，用戶(hù)還可以使用繪畫(huà)工具繪制任意形狀的圖形元件。單擊工具欄上的“插入”按鈕，在彈出的下拉列表中選擇“繪畫(huà)”選項(xiàng)或者按組合鍵【Ctrl+Shift+P】。在頁(yè)面中單擊即可開(kāi)始繪制折線。將元件添加到頁(yè)面標(biāo)記元件—使用繪畫(huà)工具繪畫(huà)工具默認(rèn)采用折線模式繪制，用戶(hù)可以在“樣式”面板中隨時(shí)更改繪制的模式。將鼠標(biāo)指針移動(dòng)到頁(yè)面另一處單擊，即可完成一段路徑的繪制。將元件添加到頁(yè)面標(biāo)記元件—使用繪畫(huà)工具使用相同的方法依次繪制后，將鼠標(biāo)指針移動(dòng)到起始點(diǎn)位置。單擊即可封閉路徑，完成圖形元件的繪制。404

Not

Foundnginx元件的轉(zhuǎn)換轉(zhuǎn)換為形狀將任意元件拖曳到頁(yè)面中。在元件上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“選擇形狀”命令，彈出下圖所示的面板。元件的轉(zhuǎn)換轉(zhuǎn)換為形狀選擇任意一個(gè)形狀圖標(biāo)，元件將自動(dòng)轉(zhuǎn)換為該形狀，轉(zhuǎn)換形狀效果如下圖所示。拖動(dòng)圖形上的黃色控制點(diǎn)，可以繼續(xù)編輯形狀，效果如下圖所示。元件的轉(zhuǎn)換轉(zhuǎn)換為形狀用戶(hù)也可以單擊工具欄上的“插入”按鈕，在彈出的下拉列表中選擇“形狀”選項(xiàng)，。在彈出的形狀面板中選擇一個(gè)形狀，在頁(yè)面中拖曳，即可繪制一個(gè)任意尺寸的形狀。元件的轉(zhuǎn)換轉(zhuǎn)換為圖片有時(shí)為了便于操作，會(huì)將元件轉(zhuǎn)換為圖片元件。在元件上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“變換形狀＞轉(zhuǎn)換為圖片”命令，即可將當(dāng)前元件轉(zhuǎn)換為圖片元件，效果如下圖所示。404

Not

Foundnginx404

Not

Foundnginx元件的編輯編輯元件Axure

RP

9為用戶(hù)提供了更方便的編輯元件的方法。選中元件，單擊工具欄上的“點(diǎn)”按鈕或者雙擊元件的邊框，即可進(jìn)入編輯點(diǎn)模式。直接拖曳錨點(diǎn)，即可調(diào)整元件的形狀。將鼠標(biāo)指針移動(dòng)到元件邊框上，單擊即可添加一個(gè)錨點(diǎn)。多次添加錨點(diǎn)并調(diào)整。404

Not

Foundnginx元件的編輯編輯元件曲線錨點(diǎn)由兩條控制軸控制弧度，拖動(dòng)控制點(diǎn)可以同時(shí)調(diào)整兩條控制軸，實(shí)現(xiàn)對(duì)曲線形狀的改變。按住鍵盤(pán)上的【Ctrl】鍵的同時(shí)拖曳錨點(diǎn)，可以實(shí)現(xiàn)調(diào)整單條控制軸的操作。404

Not

Foundnginx元件的編輯元件的計(jì)算—去除選中兩個(gè)及以上的元件，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“變換形狀＞去除”命令，去除效果如下圖所示。404

Not

Foundnginx元件的編輯元件的計(jì)算—排除選中兩個(gè)及以上的元件，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“變換形狀＞排除”命令，排除效果如下圖所示。除了執(zhí)行快捷命令完成元件的運(yùn)算以外，用戶(hù)還可以通過(guò)單擊“樣式”面板中的運(yùn)算按鈕完成元件的運(yùn)算操作。選中兩個(gè)及以上的元件后，“樣式”面板中的運(yùn)算按鈕如下圖所示。4個(gè)按鈕分別代表合并、去除、相交和排除4種運(yùn)算操作。404

Not

Foundnginx課堂操作制作iOS系統(tǒng)功能圖標(biāo)合并效果如下圖所示。將合并元件與上方的矩形元件同時(shí)選中，單擊“樣式”面板上的“去除”按鈕。去除效果如下圖所示。將鼠標(biāo)指針移動(dòng)到元件控制點(diǎn)上，按住【Ctrl】鍵的同時(shí)拖曳旋轉(zhuǎn)元件。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx課堂操作創(chuàng)建圖標(biāo)元件庫(kù)執(zhí)行“文件＞新建元件庫(kù)”命令，工作界面如下圖所示。單擊工具欄上的“插入”按鈕，在彈出的下拉列表中選擇“圖片”選項(xiàng)，將“素材\第4章\custom.png”圖片插入頁(yè)面。課堂操作創(chuàng)建圖標(biāo)元件庫(kù)在“元件”面板中修改元件名稱(chēng)為“鈴聲”。執(zhí)行“文件＞保存”命令，將元件庫(kù)以“self.rplib”作為文件名進(jìn)行保存。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx創(chuàng)建元件庫(kù)添加圖片文件夾單擊“元件”面板上的“添加圖片文件夾”按鈕。在彈出的“請(qǐng)選擇需要在Axure

RP中所使用圖片的目錄”對(duì)話框中選擇文件夾。單擊“選擇文件夾”按鈕，即可將文件夾中的圖片添加到“元件”面板中，文件夾添加效果如下圖所示。使用外部元件庫(kù)下載元件庫(kù)Axure官方網(wǎng)站也為用戶(hù)準(zhǔn)備了很多實(shí)用的元件庫(kù)。單擊“元件”面板上的“選項(xiàng)”按鈕，在彈出的下拉列表中選擇“獲取元件庫(kù)”選項(xiàng)。即可彈出Axure官方網(wǎng)站頁(yè)面。在頁(yè)面中選擇并下載iOS系統(tǒng)元件庫(kù)，下載后的元件庫(kù)文件擴(kuò)展名為“.rplib”。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx課后練習(xí)設(shè)計(jì)制作注冊(cè)頁(yè)原型使用標(biāo)題元件和文本標(biāo)簽元件完成登錄框的制作。使用按鈕元件制作發(fā)送按鈕和提交按鈕，使用文本標(biāo)簽元件完善頁(yè)面。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx課后測(cè)試填空題

在“元件”面板中選擇要使用的元件，然后按住鼠標(biāo)左鍵不

放，拖動(dòng)到頁(yè)面合適位置后松開(kāi)，即可完成將當(dāng)前元件添加到頁(yè)面的操作。

Axure

RP

9一共提供了3個(gè)矩形元件，分別命名為矩形1、矩形2和矩形3。

在Axure

RP

9中可以使用裁剪工具和切割工具對(duì)圖片元件進(jìn)行操作。

雙擊“內(nèi)聯(lián)框架”元件，彈出鏈接屬性對(duì)話框，用戶(hù)可以在該對(duì)話框中選擇鏈接項(xiàng)目中的內(nèi)部頁(yè)面和絕對(duì)地址的外部頁(yè)面。

“表單元件”主要包括文本框、文本域、下拉列表、列表框、復(fù)選框和單選按鈕。404

Not

Foundnginx404

Not

FoundnginxAxure

RP

9互聯(lián)網(wǎng)產(chǎn)品原型設(shè)計(jì)（慕課版）404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx設(shè)置元件的屬性填充在Axure

RP

9中，用戶(hù)可以使用“顏色”和“圖片”兩種方式填充。單擊“顏色”圖標(biāo)，彈出拾色器面板。404

Not

Foundnginx404

Not

Foundnginx設(shè)置元件的屬性填充用戶(hù)可以通過(guò)單擊拾色器面板“色彩空間”或“顏色選擇器”按鈕，選擇不同的方式填充顏色。設(shè)置元件的屬性填充用戶(hù)可以拖動(dòng)滑塊或者在文本框中輸入數(shù)值設(shè)置顏色的半透明效果?；瑝K在最左側(cè)或數(shù)值為0%時(shí)，填充顏色為完全透明；滑塊在最右側(cè)或數(shù)值為100%時(shí)，填充顏色為完全不透明。設(shè)置元件的屬性填充單擊拾色器面板“收藏”下的圖標(biāo)，即可將當(dāng)前所選元件的

顏色收藏。在想要?jiǎng)h除的收藏顏色上單擊鼠標(biāo)右鍵，選擇“刪除”選項(xiàng)，即可刪除收藏顏色。設(shè)置元件的屬性填充為了便于用戶(hù)比較使用，拾色器面板“最近”下保留著用戶(hù)最近使用的16種顏色。當(dāng)用戶(hù)選擇一種顏色后，拾色器面板“建議”下將會(huì)提供8種顏色供用戶(hù)搭配使用。設(shè)置元件的屬性填充當(dāng)用戶(hù)選擇“線性”填充時(shí)，用戶(hù)可以在拾色器面板頂部的漸變條上設(shè)置線性填充的效果，漸變條如下圖所示。404

Not

Foundnginx404

Not

Foundnginx設(shè)置元件的屬性填充單擊選中漸變條中的錨點(diǎn)，按【Delete】鍵或者按住鼠標(biāo)左鍵向下拖曳，即可刪除錨點(diǎn)。單擊右側(cè)的“旋轉(zhuǎn)”按鈕，可以順時(shí)針90°、180°和270°旋轉(zhuǎn)線性填充效果。404

Not

Foundnginx404

Not

Foundnginx設(shè)置元件的屬性填充拖曳下圖所示的錨點(diǎn)，可以放大或縮小徑向漸變的范圍。拖動(dòng)中心的錨點(diǎn)，能夠調(diào)整徑向漸變的中心點(diǎn)。拖動(dòng)下圖所示錨點(diǎn)，調(diào)整變形，能夠?qū)崿F(xiàn)變形徑向漸變的效果。設(shè)置元件的屬性填充除了使用顏色填充元件以外，用戶(hù)也可以使用圖片填充元件。單擊“圖片”圖標(biāo)，彈出下圖所示的面板。選擇圖片，設(shè)置對(duì)齊和重復(fù)方式，即可完成圖片的填充，圖片填充效果如下圖所示。設(shè)置元件的屬性線段用戶(hù)可以在“樣式”面板“線段”選項(xiàng)下設(shè)置線段的顏色、線寬、類(lèi)型、可見(jiàn)性和箭頭樣式等屬性。設(shè)置元件的屬性線段選中元件，單擊“顏色”圖標(biāo)，用戶(hù)可以在彈出的拾色器面板中為線段指定單色和漸變顏色。線寬設(shè)置為0時(shí)，線段設(shè)置的顏色將不能顯示。404

Not

Foundnginx課堂操作實(shí)現(xiàn)下劃線效果將“文本標(biāo)簽”元件拖曳到頁(yè)面中，修改文本內(nèi)容并排列整齊，“文本標(biāo)簽”元件效果如下圖所示。選中頂部文本標(biāo)簽，設(shè)置線寬為2，顏色為紅色，設(shè)置可見(jiàn)性如下圖所示。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx設(shè)置元件的屬性圓角當(dāng)選擇矩形元件、圖片元件和按鈕元件等元件時(shí)，可以在“圓角”選項(xiàng)下“半徑”文本框中輸入半徑值，創(chuàng)建圓角矩形。設(shè)置元件的屬性圓角單擊“可見(jiàn)性”按鈕，彈出下圖所示的面板。4個(gè)矩形分別表示矩形元件的4個(gè)邊角的圓角效果是否可見(jiàn)。用戶(hù)可以通過(guò)單擊矩形顯示或隱藏圓角邊角效果。設(shè)置元件的屬性邊距當(dāng)用戶(hù)在元件中輸入文本時(shí)，為了獲得好的視覺(jué)效果，Axure

RP

9會(huì)默認(rèn)添加2像素的邊距。通過(guò)修改“樣式”面板中“邊距”的數(shù)值，實(shí)現(xiàn)對(duì)文本邊距的修改。404

Not

Foundnginx設(shè)置元件的屬性排版Axure

RP

9為文本提供了豐富的文本屬性。在“樣式”面板“排版”選項(xiàng)下，用戶(hù)可以完成對(duì)文本的字體、字形、字號(hào)、顏色、行間距和字間距等的設(shè)置。單擊“Arial”，用戶(hù)可以在彈出的“WEB安全字體”下拉列表中選擇字體。單擊“Normal”，用戶(hù)可以在彈出的下拉列表中選擇適合的字形。設(shè)置元件的屬性排版行間距字間距附加文本選項(xiàng)文字陰影對(duì)齊404

Not

Foundnginx404

Not

Foundnginx創(chuàng)建和管理樣式創(chuàng)建元件樣式勾選“填充顏色”前面的復(fù)選框，修改填充顏色為橙色，即可完成元件樣式的編輯修改。單擊“確定”按鈕，默認(rèn)的“圖形”元件將變成橙色，樣式修改效果如下圖所示。404

Not

Foundnginx課堂操作創(chuàng)建并應(yīng)用文本樣式修改樣式名稱(chēng)為“標(biāo)題文字16”，分別在對(duì)話框右側(cè)修改字體和字號(hào)。單擊“復(fù)制”按鈕，將“標(biāo)題文字16”樣式進(jìn)行復(fù)制并將新樣式名稱(chēng)修改為“標(biāo)題文字14”。課堂操作創(chuàng)建并應(yīng)用文本樣式在對(duì)話框右側(cè)修改字號(hào)、類(lèi)型、對(duì)齊和垂直對(duì)齊屬性。單擊“添加”按鈕，新建一個(gè)名稱(chēng)為“正文12”的樣式并設(shè)置其樣式屬性。404

Not

Foundnginx創(chuàng)建和管理樣式創(chuàng)建元件樣式標(biāo)題元件和文本元件應(yīng)用新樣式后，“樣式”面板中樣式名稱(chēng)后會(huì)出現(xiàn)一個(gè)“*”圖標(biāo)。單擊“創(chuàng)建”選項(xiàng)即可將當(dāng)前文本樣式復(fù)制為一個(gè)新的樣式；單擊“更新”選項(xiàng)即可將原文本元件樣式替換為新樣式。404

Not

Foundnginx404

Not

Foundnginx了解交互面板按照應(yīng)用對(duì)象的不同，Axure

RP

9中的交互可以分為頁(yè)面交互和元件交互兩種。在未選中任何元件的情況下，用戶(hù)可以在“交互”面板中添加頁(yè)面的交互效果。選擇一個(gè)元件，用戶(hù)可以在“交互”面板中添加元件的交互效果。為了便于在添加交互效果的過(guò)程中管理元件，用戶(hù)應(yīng)在“交互”面板頂部為元件指定名稱(chēng)。404

Not

Foundnginx404

Not

Foundnginx404

Not

Foundnginx添加頁(yè)面交互觸發(fā)事件可以理解為產(chǎn)生交互的條件，例如當(dāng)頁(yè)面載入時(shí)將會(huì)如何，當(dāng)窗口滾動(dòng)時(shí)將會(huì)如何。而將會(huì)發(fā)生的事情就是交互事件的動(dòng)作。單擊“頁(yè)面載入時(shí)”選項(xiàng)，“交互”面板將自動(dòng)彈出添加動(dòng)作列表。“交互編輯器”對(duì)話框中將把觸發(fā)事件添加到“組織動(dòng)作”工作區(qū)并自動(dòng)激活“添加動(dòng)作”選項(xiàng)。添加頁(yè)面交互打開(kāi)鏈接選擇“打開(kāi)鏈接”動(dòng)作后，用戶(hù)將繼續(xù)設(shè)置動(dòng)作，設(shè)置鏈接頁(yè)面和鏈接打開(kāi)窗口。添加頁(yè)面交互打開(kāi)鏈接單擊“選擇頁(yè)面”選項(xiàng)，用戶(hù)可以在彈出的下拉列表中選擇打開(kāi)項(xiàng)目頁(yè)面、鏈接到URL或文件路徑、重新載入當(dāng)前頁(yè)面和返回上一頁(yè)4種選項(xiàng)。單擊“當(dāng)前窗口”選項(xiàng)，用戶(hù)可以在彈出的下拉列表中選擇使用當(dāng)前頁(yè)面、新窗口/新標(biāo)簽、彈出窗口或父級(jí)窗口打開(kāi)頁(yè)面。404

Not

Foundnginx課堂操作打開(kāi)頁(yè)面鏈接選擇“鏈接到URL或文件路徑”選項(xiàng)。在文本框中輸入U(xiǎn)RL。課堂操作打開(kāi)頁(yè)面鏈接在更多選項(xiàng)中設(shè)置“打開(kāi)在”為“彈出窗口”。單擊“完成”按鈕。單擊“預(yù)覽”按鈕，頁(yè)面載入時(shí)彈出窗口效果如下圖所示。404

Not

Foundnginx404

Not

Foundnginx添加頁(yè)面交互滾動(dòng)到元件滾動(dòng)到元件指的是頁(yè)面打開(kāi)時(shí)，自動(dòng)滾動(dòng)到指定的位置。這個(gè)動(dòng)作可以用來(lái)制作“返回頂部”的效果。用戶(hù)首先要指定滾動(dòng)到哪個(gè)元件。然后設(shè)置滾動(dòng)的方