axure原型實戰 20210310 頁籤導航製作

2022-06-26 09:00:12 字數 1345 閱讀 7788

1  參考位址

2  實戰

1、首先從元件庫中拖入乙個矩形框;

2、設定好矩形框大小,並將矩形框線段設定為不可見後,複製2個相同的矩形框,分別命名為tab1、tab2、tab3,再拖入一條直線,按下圖所示放置;

結果展示:

2、設定矩形懸停和選中效果:按住shift鍵選中三個矩形框,在【互動樣式設定】中點選滑鼠懸停,彈框顯示《互動樣式設定》頁面;

3、在《互動樣式設定》頁面設定字型顏色、線段顏色、線寬、邊框可見性,其中邊框可見性選中顯示最底部的邊框;

4、在《互動樣式設定》頁面,點選【選中】,跟滑鼠懸停時的效果設定一致;設定完成後,點選【確定】,完成設定;

5、選中矩形框tab1,在右側視窗,點選【滑鼠單擊時】,彈窗設定選中效果,勾選「當前元件」,設定完成後,點選【確定】,返回頁面;其他矩形框(tab2、tab3)按tab1的滑鼠單擊效果進行配置;

6、最後一步,選中所有矩形框(tab1、tab2、tab3),在右側【設定選項組名稱】中設定名稱「標籤」,這樣就完成了頁籤的設定,可以預覽檢視下效果喲。

7、其他說明:

7.1如果有新增頁籤,則直接複製乙個矩形框即可,這樣復用性高;

7.2 另外頁籤的效果可以按需設定,左側頁籤、頂部頁籤都可按照此方法處理。

axure原型實戰 20210314 登入頁面製作

1 參考位址 2 實戰 2.1 先建立需要的元素 登入失敗需要將邊框的線給去掉,並且設定隱藏,當點選確認後再顯示。2.2 請輸入使用者,請輸入密碼,請輸入驗證碼 都需要完成如下邏輯 當獲取焦點時,即滑鼠點選時,提示文字為空 當失去焦點時,即滑鼠移走時,如果使用者輸入文字則顯示使用者輸入的,如果使用者...

Axure 簡單原型設計

axure rp是乙個專業的快速原型設計工具。axure 發音 ack sure 代表美國axure公司 rp則是rapid prototyping 快速原型 的縮寫。axure rp是美國axure software solution公司旗艦產品,是乙個專業的快速原型設計工具,讓負責定義需求和規格...

Axure原型製作規範

axure原型製作規範 6.保真度 僅針對前端頁面 1 創新型產品 產品改版 為了體現新產品的業務邏輯,或展示產品的改進功能,本類原型要求高保真原型。具體包含 a 所有頁面有完整的鏈結,能順利跳轉 關閉 b 任何互動均有完整的流程和結束 c 關鍵功能 創新點要上色,不得使用自帶的灰白色 黑色 d 按...