axure商城

【Axure9.0】挑戰高保真視頻類實用項目原型

原型預覽鏈接:http://119.29.198.241:8080/pp/index.html

本文主要聊一聊本原型的制作思路,如有不妥,歡迎小伙伴進行指正。

另外,本原型是用Axure9.0制作,使用Axure8.0的小伙伴也可以借鑒一下

首先是制作原型的思路:

整個原型只有兩個頁面構成,“上帝視角”頁面手機屏幕部分是一個框架,指向了“主頁”頁面,其余的都是一些輔助性的東西,例如背景,頂部導航欄等等,這樣做看起來會很整潔,思路會清晰一些。

再來看主頁

“上帝視角”的框架就是指向這里,所有的交互都在這里,我是用一個動態面板,四個狀態,每個狀態下分別是“首頁”,“視頻”,“分類”,“我的”這四個模塊,在每個模塊進行動態面板的嵌套,顯示每個模塊包含的不同頁面。就這樣,層層遞進,拼成了原型的所有頁面,都在這一個動態面板里,至于頁面跳轉,都是動態面板的顯示與隱藏,狀態的切換,還可以伴隨著特效。不過有一個缺點,就是在制作過成中容易操作錯誤。

第二就是模擬手指滑動

這里我做了下拉刷新,上拉加載,

記住是要用鼠標拖的哦,而且松開鼠標他會自己回去,這也是為了高度還原手機app使用場景,比用鼠標滑輪更加形象,所用到的知識點就是動態面板的拖動,

拖動時移動當前動態面板跟隨拖動

當動態面板的頂部大于**時,顯示**,

拖動結束時,當動態面板頂部大于**時,移動動態面板到達絕對位置(**.**)

隱藏**

事件就是這樣的,因為詳細說的話太多太多了,我這里就簡單說一下。

在本原型里,幾乎所有頁面我都做了鼠標滑動效果,很麻煩,不過效果還是不錯的。

第三就是中繼器的綜合運用

中繼器的用法很多很多,我這里主要是用了中繼器“刪除數據”和“加載數據”的功能,其實還有很多很多功能這里用不到。關于中繼器,用法比較復雜,這里就不詳細解釋了。

第四就是變量及字符串函數的運用

本原型高仿了登錄注冊功能,以及賬號密碼的判斷,以及各種提示文字

手機號:0755

密碼:8888

不但高仿登錄,注冊也可以,可以在原型的注冊頁面進行注冊,并且可以用注冊成功的賬號密碼進行登錄

這就是考驗 “全局變量”,”局部變量”,以及”字符串函數”的綜合運用了。

以上就是這個原型的制作思路,以及運用的知識模塊,有很多地方我沒有細說,因為內容實在太多了。。。

最后希望我的原型店鋪早些批復,本網站越來越好

初念@制作

給TA買糖
共{{data.count}}人
人已贊賞
Axure教程

Axure教程(高級):跟隨鼠標方向的面板滑動動畫

2019-3-24 18:50:18

Axure教程

Axure RP Chrome插件安裝失敗后的解決辦法

2019-3-29 21:37:05

axure商城
0 條回復 A文章作者 M管理員
    暫無討論,說說你的看法吧
?
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索
俄罗斯videoxxxoo