說道原型圖大家都不陌生,Axure rp作為這類工具可以說在網頁布局的設計給開發人員提供了很大便利,目前我只熟悉過這一種,不知道小伙伴們有沒有其他好用的工具推薦給大家用一下嗎。好了,廢話不多說,今天給用過Axure rp的小伙伴介紹一下使用方式,及用處。
具體怎么安裝的可以到百度找,這里給大家推薦個網址:https://jingyan.baidu.com/article/e4d08ffd7ab5c00fd2f60def.html?qq-pf-to=pcqq.c2c 按照這個網址上的說明我們安裝完的rp就是漢化版的了,那么具體怎么使用呢,下面來給大家詳細介紹下使用方法。
首先大家先來熟悉一下Axure rp(下面稱呼為rp)的主頁面:
這里是我已經建好的文件,如果第一次打開的情況下他會默認一個index空白頁和三個子空白頁。接下來我們就可以快速搭建網頁的原型圖了:
這里是元件庫,一些網頁上的按鈕,div,圖片,形狀等等都可以在這里獲取,還是比較齊全的,我們看到中意的元件直接點擊拖到空白頁面上去就可以創建圖形或文字了,給大家展示下簡單復制之后的頁面:
里面也有導航,以及二級導航,按鈕等元件,可以直接使用,填充文字,畢竟是原型圖,其作用是為了設計網頁布局,所以並沒有想象的那么美觀,你們以為這就結束了?其實rp還提供了預覽功能,就在右上方有個預覽
點擊這個按鈕,rp會幫我們把已經做完的原型圖在新打開的頁面上展示,例如我之前做的
小伙伴們會發現左側多了個菜單欄,這個是可以隱藏的,避免影響頁面布局大小, 可以點擊下方圖片的紅色框內的三角號進行隱藏,這樣就可以完全的展示在瀏覽器上了。
當然也有有耐心的小伙伴把原型圖做的很好,甚至可以直接作出頁面效果,其實也不是很費事,看個人喜好,這個做好了是可以導出html的,是不是連代碼都省了呢,不過在這里我還是建議大家不要這么做,畢竟這是個做原型圖的工具,其實最方便的還是甲方用來給乙方參考,方便后續各種不合適以及改動。
如果項目很大的話,我們就需要團隊開發了,這里rp有自己的git機制,讓使用團隊也方便的多,接下來給大家講下團隊使用的方式。
首先我們需要有一個賬號,可以點擊我們工作面板左上角的注冊: 這里是已經登錄的狀態,注冊賬號只需要幾秒就可以搞定,不需要認證,不需要驗證碼等,你只需要隨意填寫一個真實存在的郵箱賬戶和自定義一個密碼就可以了,當然也可以選擇訪問https://share.axure.com/,來注冊,效果都是一樣的。當我們注冊並登陸賬號之后就可以使用團隊功能了。
首先我們需要創建一個團隊項目,我們先在本地新建一個文件,之后點擊菜單欄的 團隊 -> 從當前文件創建團隊項目 之后會彈出一個框,我們需要填寫一下項目名,項目在雲存儲的路徑,以及項目本地存儲的路徑,這里需要注意的是團隊項目不要建立在My Projects這個文件夾下,這個文件夾是系統默認建立的,是屬於私有的文件,不能分享以及邀請成員加入,所以我在這里新建了一個文件夾fymj。
我在這個文件夾下創建了一個新項目名字叫技術交流中心
接下來我們選中需要邀請成員的團隊項目,點擊上方菜單欄
ADD USER (添加新用戶) 彈出來一個框,我們把需要添加的成員的郵箱號(賬號)輸入並且邀請就可以了,然后文件的上傳下載就很方便了,這里都是中文通俗易懂
還有什么不明白的或者我敘述錯誤的地方歡迎在評論區中指出,希望這個文章可以幫助大家了解rp。