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