第六步:拖放一個(gè)標(biāo)簽部件到設(shè)計(jì)區(qū)域,放置于如圖51所示的位置,并同時(shí)選中矩形部件和標(biāo)簽部件,將其轉(zhuǎn)換為動(dòng)態(tài)面板,給其命名為Photoshop,然后在部件【屬性】面板中勾
查看詳情第五步:拖放一個(gè)矩形部件到設(shè)計(jì)區(qū)域,與menu_1底部對(duì)齊,設(shè)置其填充顏色為#444259,然后昆明網(wǎng)站制作小編覺得設(shè)置其鼠標(biāo)懸停時(shí)的交互樣式,填充顏色為#B63B4D,見圖50
查看詳情第二步:將brackets_gray.png、code_gray.png、design_gray.png、phone_gray.png和search_gray.png這五張圖像拖放到設(shè)計(jì)區(qū)域,并分別為其添加【選中】時(shí)的交互樣式
查看詳情第一步:將準(zhǔn)備好的feedback_normal.jpg、mobile_normal.jpg和back2top_normal.jpg三張圖像素材拖放到Axure設(shè)計(jì)區(qū)域,見圖39,并分別給三張圖像添加鼠標(biāo)懸停時(shí)的交互
查看詳情第一種方法:使用內(nèi)聯(lián)框架部件制作可滾動(dòng)內(nèi)容。第一步:雙擊【站點(diǎn)地圖】面板中的page1,然后將準(zhǔn)備好的圖像素材img.png拖放到設(shè)計(jì)區(qū)域,并調(diào)整圖像坐標(biāo)為(x:0,y:0),
查看詳情緊接著,接下來昆明網(wǎng)站建設(shè)小編再來繼續(xù)說說滑動(dòng)解鎖評(píng)論。請(qǐng)獨(dú)立制作如圖23、圖24所示的滑動(dòng)解鎖評(píng)論交互。(圖23)(圖24)
查看詳情在案例14中,我們制作了滑動(dòng)開鎖交互,但是當(dāng)slider_dp向左/向右拖動(dòng)時(shí),它可以滑出slider_bg(后面的背景圖像)的邊界,如圖9,在這個(gè)案例中,使用條件約束解決這個(gè)問題
查看詳情第一步:準(zhǔn)備好所需圖像素材,見圖1。(圖1)第二步:將4張圖像素材拖放到Axure設(shè)計(jì)區(qū)域(在學(xué)習(xí)過程中要養(yǎng)成給部件命名的好習(xí)慣),并將圖像移動(dòng)到恰當(dāng)位置,見圖2,注意不
查看詳情動(dòng)態(tài)面板高級(jí)應(yīng)用在使用Axure制作原型的過程中,昆明網(wǎng)站建設(shè)小編認(rèn)為動(dòng)態(tài)面板部件是使用頻率最高的部件,很多高級(jí)交互都必須結(jié)合動(dòng)態(tài)面板才能實(shí)現(xiàn)。一、動(dòng)態(tài)面板事
查看詳情在制作原型的過程中,母版常用于創(chuàng)建可重復(fù)使用的資源和管理全局變化,現(xiàn)在就以頁(yè)頭、頁(yè)腳為例詳細(xì)介紹一下母版的應(yīng)用。第一步:使用Axure內(nèi)建部件創(chuàng)建如圖9所示的內(nèi)
查看詳情緊接著,昆明網(wǎng)站建設(shè)小編跟大家盤點(diǎn)一下創(chuàng)建母版的兩種方法:1.在【母版】面板中單擊【新增母版】,給新增的母版命名,雙擊該母版進(jìn)入編輯,見圖1。2.在設(shè)計(jì)區(qū)域選中
查看詳情母版詳解母版可用來創(chuàng)建可重復(fù)使用的資源和管理全局變化,是整個(gè)項(xiàng)目中重復(fù)使用的部件容器。昆明網(wǎng)站建設(shè)小編提醒大家對(duì)母版的任何修改提交后,任何頁(yè)面中所使用的
查看詳情這個(gè)案例簡(jiǎn)單介紹一下微博登錄模塊的顯示與隱藏,為了節(jié)省篇幅并減少操作步驟,直擊本案例要講解的知識(shí)點(diǎn),此處的微博登錄模塊直接使用截圖代替,不再使用文本、矩形
查看詳情因?yàn)槲覀兡壳斑€沒有詳細(xì)講解【母版】的使用,所以這個(gè)案例就使用動(dòng)態(tài)面板來扮演APP的內(nèi)容部分。在此以TripAdvisor應(yīng)用為例來進(jìn)行演示,見圖246。啟動(dòng)APP后,顯示的是
查看詳情四、交互基礎(chǔ)案例本節(jié)昆明網(wǎng)站建設(shè)小編將使用一個(gè)案例來介紹APP的基礎(chǔ)交互。在制作網(wǎng)站和APP原型的項(xiàng)目中,最常見的用戶體驗(yàn)效果就是通過全局導(dǎo)航菜單清晰地反應(yīng)出
查看詳情三、動(dòng)作(Actions)動(dòng)作是由用例定義的對(duì)事件的響應(yīng)。做個(gè)最簡(jiǎn)單的說明:?jiǎn)螕粢粋€(gè)按鈕部件,在當(dāng)前窗口打開鏈接http://www.baidu.com。這個(gè)用例中的動(dòng)作是【在當(dāng)前窗
查看詳情二、用例(Cases)通過之前昆明網(wǎng)站建設(shè)小編關(guān)于對(duì)圖238和圖239的模型的講解,你應(yīng)該已經(jīng)對(duì)用例有所了解了。用例是用戶與網(wǎng)站或APP之間交互流程的抽象表達(dá)。每個(gè)用例
查看詳情一、事件(Events)總體來說,Axure的交互是由以下兩個(gè)類型的事件觸發(fā)的。頁(yè)面事件:是可以自動(dòng)觸發(fā)的,比如當(dāng)瀏覽器中加載頁(yè)面時(shí),還有頁(yè)面滾動(dòng)欄滾動(dòng)時(shí)。部件事件:對(duì)
查看詳情本節(jié)昆明網(wǎng)站建設(shè)小編將介紹一些Axure中比較基礎(chǔ)但非常實(shí)用的交互,可以讓不懂代碼的讀者制作出可交互的高保真原型。在Axure中創(chuàng)建交互包含以下4個(gè)構(gòu)建模塊:交互(
查看詳情3.網(wǎng)格和輔助線網(wǎng)格系統(tǒng)介紹通過現(xiàn)實(shí)中與部分學(xué)員的接觸和讀者的反饋,筆者發(fā)現(xiàn)很多朋友對(duì)網(wǎng)格系統(tǒng)(GridSystem)和輔助線并沒有清晰的認(rèn)識(shí),尤其是網(wǎng)格系統(tǒng)(此處特指
查看詳情頁(yè)面樣式:(二)頁(yè)面樣式編輯器昆明網(wǎng)站建設(shè)認(rèn)為頁(yè)面樣式編輯器允許你對(duì)原型的每個(gè)頁(yè)面樣式進(jìn)行設(shè)置。此外,你還可以為特定頁(yè)面創(chuàng)建自定義頁(yè)面樣式。在頁(yè)面樣式編輯
查看詳情頁(yè)面樣式:(一)頁(yè)面樣式頁(yè)面樣式允許你使用【自定義頁(yè)面樣式】或【默認(rèn)頁(yè)面樣式】,對(duì)不同頁(yè)面進(jìn)行設(shè)置和編輯,在AxureRP8中單擊設(shè)計(jì)區(qū)域中任意空白位置,然后在右側(cè)
查看詳情在我們制作原型的過程中,通常情況下遇到使用圖標(biāo)時(shí)都會(huì)通過網(wǎng)絡(luò)搜索或使用其他繪圖工具(PS/AI/SKETCH等)來制作所需的圖標(biāo)。當(dāng)然,使用Fontawesome等圖標(biāo)字體也是非
查看詳情6.改變形狀在設(shè)計(jì)區(qū)域中選擇形狀后,部件【屬性】面板中的【變形】工具就變?yōu)榭捎脿顟B(tài)了,也可以右鍵單擊形狀部件,在彈出的關(guān)聯(lián)菜單中選擇【改變形狀】,見圖203-A。
查看詳情5.轉(zhuǎn)換為自定義形狀:AxureRP8內(nèi)建的【默認(rèn)部件庫(kù)】和【流程圖部件庫(kù)】中的形狀部件都可以轉(zhuǎn)換為自定義形狀。右鍵單擊部件,在彈出的關(guān)聯(lián)菜單中選擇【轉(zhuǎn)換為自定義
查看詳情4.鋼筆工具AxureRP8中新增的特性之一,昆明網(wǎng)站建設(shè)覺得使用鋼筆工具可以繪制自定義形狀,見圖189。繪制出的自定義形狀是基于矢量的,也就是說在AxureRP8中隨意調(diào)整
查看詳情3.改變選擇模式在AxureRP8中有【隨選模式】和【包含模式】?jī)煞N選擇模式可以在工具欄中找到,見圖185?!倦S選模式】是默認(rèn)的,當(dāng)你單擊或通過拖動(dòng)鼠標(biāo)區(qū)域選擇部件時(shí)
查看詳情