關于手風琴菜單交互的第六步

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

查看詳情

關于手風琴菜單交互的第五步

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

查看詳情

手風琴菜單交互之第二、三、四步

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

查看詳情

案例18:手風琴菜單交互之第一步

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

查看詳情

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

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

查看詳情

案例16:APP可滾動內容的三種常用

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

查看詳情

滑動解鎖評論

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

查看詳情

案例15:完整的滑動解鎖

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

查看詳情

案例14:簡單的滑動解鎖

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

查看詳情

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

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

查看詳情

案例13:母版在原型中的應用

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

查看詳情

母版的拖放行為

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

查看詳情

使用母版

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

查看詳情

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

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

查看詳情

母版詳解之母版基礎

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

查看詳情

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

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

查看詳情

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

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

查看詳情

交互基礎:四、交互基礎案例

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

查看詳情

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

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

查看詳情

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

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

查看詳情

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

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

查看詳情

Axure——交互基礎

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

查看詳情

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

3.網格和輔助線網格系統(tǒng)介紹通過現(xiàn)實中與部分學員的接觸和讀者的反饋,筆者發(fā)現(xiàn)很多朋友對網格系統(tǒng)(GridSystem)和輔助線并沒有清晰的認識,尤其是網格系統(tǒng)(此處特指

查看詳情

頁面樣式:(二)頁面樣式編輯器

頁面樣式:(二)頁面樣式編輯器昆明網站建設認為頁面樣式編輯器允許你對原型的每個頁面樣式進行設置。此外,你還可以為特定頁面創(chuàng)建自定義頁面樣式。在頁面樣式編輯

查看詳情

頁面樣式:(一)頁面樣式

頁面樣式:(一)頁面樣式頁面樣式允許你使用【自定義頁面樣式】或【默認頁面樣式】,對不同頁面進行設置和編輯,在AxureRP8中單擊設計區(qū)域中任意空白位置,然后在右側

查看詳情

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

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

查看詳情

部件操作——改變形狀

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

查看詳情

部件操作——轉換為自定義形狀: 

5.轉換為自定義形狀:AxureRP8內建的【默認部件庫】和【流程圖部件庫】中的形狀部件都可以轉換為自定義形狀。右鍵單擊部件,在彈出的關聯(lián)菜單中選擇【轉換為自定義

查看詳情

部件操作——鋼筆工具

4.鋼筆工具AxureRP8中新增的特性之一,昆明網站建設覺得使用鋼筆工具可以繪制自定義形狀,見圖189。繪制出的自定義形狀是基于矢量的,也就是說在AxureRP8中隨意調整

查看詳情

部件操作——改變選擇模式

3.改變選擇模式在AxureRP8中有【隨選模式】和【包含模式】兩種選擇模式可以在工具欄中找到,見圖185?!倦S選模式】是默認的,當你單擊或通過拖動鼠標區(qū)域選擇部件時

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