二維碼
        企資網

        掃一掃關注

        當前位置: 首頁 » 企業資訊 » 經驗 » 正文

        Axure教程_輕量級的后臺原型框架

        放大字體  縮小字體 發布日期:2023-02-19 03:06:40    瀏覽次數:83
        導讀

        本文主要是一個Axure教程,教你如何制作一個輕量級的后臺原型框架,教程總共分為六步,看完教程的大致思路,再結合源文件做一些測試,相信很快就能掌握繪制后臺原型的方法。教你制作一個輕量級的后臺原型框架,先看

        本文主要是一個Axure教程,教你如何制作一個輕量級的后臺原型框架,教程總共分為六步,看完教程的大致思路,再結合源文件做一些測試,相信很快就能掌握繪制后臺原型的方法。

        教你制作一個輕量級的后臺原型框架,先看看這一期有些啥:

        教程開始:

        第一步:規劃后臺的布局

        把后臺分為三個部分:

          頂部導航;側面導航;內容區域。

        第二步:思考使用合適功能進行展示

        第三步:制作頂部導航1. 創建母版頁,順便創建好側面導航等母版頁面

        2. 繪制頂部導航

        需要將頂部導航的寬設置為瀏覽器的寬,高度可以固定高度。

        第四步:制作左側導航1.在側面導航母版中,繪制多個文本框,并設置為一個選項組,設定選中和懸停的樣式

        2. 為所有文本框添加點擊事件:點擊的時候選中該文本框

        給同一組矩形框定義了一個選項組,即可實現點擊效果的互斥,實現菜單選中效果。

        3. 給母版菜單添加鼠標單擊的自定義事件,方便在其引用的頁面做菜單交互

        第五步:創建頁面,使用母版中的導航,并創建內容區域1. 創建頁面,創建內聯框架,指定內聯框架到默認菜單頁面

        2. 設定內聯框架的最大尺寸,以適配屏幕,并設定滾動條和隱藏邊框

        第六步:為菜單添加交互,使內聯框架中的內容按需跳轉

        以上步驟即可完成一個輕量級的后臺菜單,它足夠的簡單和靈活,內容區域可以根據內容的實際大小顯示滾動條。使用母版定義導航,足夠靈活,后續調整只需要調整母版和自定義事件。

        看完教程的大致思路,再結合源文件做一些測試,相信很快就能掌握繪制后臺原型的方法。

        本文由 @陳張良 原創發布于人人都是產品經理 ,未經許可,禁止轉載。

        題圖來自 Pexels,基于 CC0 協議

         
        (文/小編)
        免責聲明
        本文僅代表作發布者:個人觀點,本站未對其內容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內容,一經發現,立即刪除,需自行承擔相應責任。涉及到版權或其他問題,請及時聯系我們刪除處理郵件:weilaitui@qq.com。
         

        Copyright ? 2016 - 2025 - 企資網 48903.COM All Rights Reserved 粵公網安備 44030702000589號

        粵ICP備16078936號

        微信

        關注
        微信

        微信二維碼

        WAP二維碼

        客服

        聯系
        客服

        聯系客服:

        在線QQ: 303377504

        客服電話: 020-82301567

        E_mail郵箱: weilaitui@qq.com

        微信公眾號: weishitui

        客服001 客服002 客服003

        工作時間:

        周一至周五: 09:00 - 18:00

        反饋

        用戶
        反饋

        主站蜘蛛池模板: 中文乱码人妻系列一区二区| 夜夜高潮夜夜爽夜夜爱爱一区| 久久久91精品国产一区二区| 国产手机精品一区二区| 成人免费视频一区二区三区 | 亚洲av色香蕉一区二区三区蜜桃 | 一区二区三区视频观看| 精品一区二区三区在线成人| 色视频综合无码一区二区三区| 亚洲AV无码一区二区三区电影| 日本成人一区二区| 中文日韩字幕一区在线观看| 精品亚洲av无码一区二区柚蜜| 91精品一区二区三区久久久久| 亚洲综合无码AV一区二区| 日本精品啪啪一区二区三区| 韩国一区二区视频| 亚洲国产一区二区a毛片| 国产精品一区在线观看你懂的| 国产伦一区二区三区免费| 亚洲色精品VR一区区三区 | 一区二区三区国模大胆| 日韩一区二区三区不卡视频| 国产精品制服丝袜一区| 99久久精品日本一区二区免费 | 一区二区三区无码高清| 国产精品久久亚洲一区二区| 欧美激情一区二区三区成人| 亚洲大尺度无码无码专线一区| 国产日韩精品视频一区二区三区| 交换国产精品视频一区| 亚洲一区二区三区高清在线观看 | 国产av福利一区二区三巨| 日本一区中文字幕日本一二三区视频 | 久久久人妻精品无码一区| 一区二区在线播放视频| 一区二区乱子伦在线播放| 日本免费一区二区三区| 亚洲日韩AV一区二区三区中文| 在线观看中文字幕一区| 爆乳熟妇一区二区三区霸乳|