關(guān)于手風(fēng)琴菜單交互的第六步

第六步:拖放一個標簽部件到設(shè)計區(qū)域,放置于如圖51所示的位置,并同時選中矩形部件和標簽部件,將其轉(zhuǎn)換為動態(tài)面板,給其命名為Photoshop,然后在部件【屬性】面板中勾

查看詳情

關(guān)于手風(fēng)琴菜單交互的第五步

第五步:拖放一個矩形部件到設(shè)計區(qū)域,與menu_1底部對齊,設(shè)置其填充顏色為#444259,然后昆明網(wǎng)站制作小編覺得設(shè)置其鼠標懸停時的交互樣式,填充顏色為#B63B4D,見圖50

查看詳情

手風(fēng)琴菜單交互之第二、三、四步

第二步:將brackets_gray.png、code_gray.png、design_gray.png、phone_gray.png和search_gray.png這五張圖像拖放到設(shè)計區(qū)域,并分別為其添加【選中】時的交互樣式

查看詳情

案例18:手風(fēng)琴菜單交互之第一步

今天,昆明網(wǎng)站制作小編要來說說手風(fēng)琴菜單交互的第一步:準備好案例所需的圖像素材,見圖45。(圖45)

查看詳情

案例17:回到頂部交互效果

第一步:將準備好的feedback_normal.jpg、mobile_normal.jpg和back2top_normal.jpg三張圖像素材拖放到Axure設(shè)計區(qū)域,見圖39,并分別給三張圖像添加鼠標懸停時的交互

查看詳情

案例16:APP可滾動內(nèi)容的三種常用

第一種方法:使用內(nèi)聯(lián)框架部件制作可滾動內(nèi)容。第一步:雙擊【站點地圖】面板中的page1,然后將準備好的圖像素材img.png拖放到設(shè)計區(qū)域,并調(diào)整圖像坐標為(x:0,y:0),

查看詳情

滑動解鎖評論

緊接著,接下來昆明網(wǎng)站建設(shè)小編再來繼續(xù)說說滑動解鎖評論。請獨立制作如圖23、圖24所示的滑動解鎖評論交互。(圖23)(圖24)

查看詳情

案例15:完整的滑動解鎖

在案例14中,我們制作了滑動開鎖交互,但是當(dāng)slider_dp向左/向右拖動時,它可以滑出slider_bg(后面的背景圖像)的邊界,如圖9,在這個案例中,使用條件約束解決這個問題

查看詳情

案例14:簡單的滑動解鎖

第一步:準備好所需圖像素材,見圖1。(圖1)第二步:將4張圖像素材拖放到Axure設(shè)計區(qū)域(在學(xué)習(xí)過程中要養(yǎng)成給部件命名的好習(xí)慣),并將圖像移動到恰當(dāng)位置,見圖2,注意不

查看詳情

動態(tài)面板高級應(yīng)用

動態(tài)面板高級應(yīng)用在使用Axure制作原型的過程中,昆明網(wǎng)站建設(shè)小編認為動態(tài)面板部件是使用頻率最高的部件,很多高級交互都必須結(jié)合動態(tài)面板才能實現(xiàn)。一、動態(tài)面板事

查看詳情

案例13:母版在原型中的應(yīng)用

在制作原型的過程中,母版常用于創(chuàng)建可重復(fù)使用的資源和管理全局變化,現(xiàn)在就以頁頭、頁腳為例詳細介紹一下母版的應(yīng)用。第一步:使用Axure內(nèi)建部件創(chuàng)建如圖9所示的內(nèi)

查看詳情

母版的拖放行為

任意位置:當(dāng)拖動母版到設(shè)計區(qū)域時,你可以將母版自由放置于任何位置。固定位置:當(dāng)拖動母版到設(shè)計區(qū)域時,母版會被自動鎖定到母版內(nèi)容所處的位置。脫離母版:當(dāng)拖動母

查看詳情

使用母版

使用母版面板對母版進行管理,見圖3。(圖3)在母版面板中,你可以對母版進行添加、刪除、排序等管理。要對母版重新命名,請慢速雙擊母版,或者單擊右鍵選擇【重命名】

查看詳情

創(chuàng)建母版的兩種方法

緊接著,昆明網(wǎng)站建設(shè)小編跟大家盤點一下創(chuàng)建母版的兩種方法:1.在【母版】面板中單擊【新增母版】,給新增的母版命名,雙擊該母版進入編輯,見圖1。2.在設(shè)計區(qū)域選中

查看詳情

母版詳解之母版基礎(chǔ)

母版詳解母版可用來創(chuàng)建可重復(fù)使用的資源和管理全局變化,是整個項目中重復(fù)使用的部件容器。昆明網(wǎng)站建設(shè)小編提醒大家對母版的任何修改提交后,任何頁面中所使用的

查看詳情

案例12:知乎APP微博登錄部件顯示

這個案例簡單介紹一下微博登錄模塊的顯示與隱藏,為了節(jié)省篇幅并減少操作步驟,直擊本案例要講解的知識點,此處的微博登錄模塊直接使用截圖代替,不再使用文本、矩形

查看詳情

案例11:iOS APP標簽欄視圖切換

因為我們目前還沒有詳細講解【母版】的使用,所以這個案例就使用動態(tài)面板來扮演APP的內(nèi)容部分。在此以TripAdvisor應(yīng)用為例來進行演示,見圖246。啟動APP后,顯示的是

查看詳情

交互基礎(chǔ):四、交互基礎(chǔ)案例

四、交互基礎(chǔ)案例本節(jié)昆明網(wǎng)站建設(shè)小編將使用一個案例來介紹APP的基礎(chǔ)交互。在制作網(wǎng)站和APP原型的項目中,最常見的用戶體驗效果就是通過全局導(dǎo)航菜單清晰地反應(yīng)出

查看詳情

交互基礎(chǔ):三、動作(Actions)

三、動作(Actions)動作是由用例定義的對事件的響應(yīng)。做個最簡單的說明:單擊一個按鈕部件,在當(dāng)前窗口打開鏈接http://www.baidu.com。這個用例中的動作是【在當(dāng)前窗

查看詳情

交互基礎(chǔ):二、用例(Cases)

二、用例(Cases)通過之前昆明網(wǎng)站建設(shè)小編關(guān)于對圖238和圖239的模型的講解,你應(yīng)該已經(jīng)對用例有所了解了。用例是用戶與網(wǎng)站或APP之間交互流程的抽象表達。每個用例

查看詳情

交互基礎(chǔ):一、事件(Events)

一、事件(Events)總體來說,Axure的交互是由以下兩個類型的事件觸發(fā)的。頁面事件:是可以自動觸發(fā)的,比如當(dāng)瀏覽器中加載頁面時,還有頁面滾動欄滾動時。部件事件:對

查看詳情

Axure——交互基礎(chǔ)

本節(jié)昆明網(wǎng)站建設(shè)小編將介紹一些Axure中比較基礎(chǔ)但非常實用的交互,可以讓不懂代碼的讀者制作出可交互的高保真原型。在Axure中創(chuàng)建交互包含以下4個構(gòu)建模塊:交互(

查看詳情

頁面樣式:(三)網(wǎng)格和輔助線

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è)

查看詳情

案例10:使用鋼筆工具和改變形狀制

在我們制作原型的過程中,通常情況下遇到使用圖標時都會通過網(wǎng)絡(luò)搜索或使用其他繪圖工具(PS/AI/SKETCH等)來制作所需的圖標。當(dāng)然,使用Fontawesome等圖標字體也是非

查看詳情

部件操作——改變形狀

6.改變形狀在設(shè)計區(qū)域中選擇形狀后,部件【屬性】面板中的【變形】工具就變?yōu)榭捎脿顟B(tài)了,也可以右鍵單擊形狀部件,在彈出的關(guān)聯(lián)菜單中選擇【改變形狀】,見圖203-A。

查看詳情

部件操作——轉(zhuǎn)換為自定義形狀: 

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ū)域選擇部件時

查看詳情
網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)