中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

在上一篇原型設計《Axure教程——頁面載入進度條》中，設計中運用的技巧主要是函數、動態面板的使用；全局變量的使用、邏輯條件的設置。函數部分涉及widget.width、widget.height、widget.x、widget.y、Math.ceil()等；動態面板部分通過其大小改變觸發（OnResize）和其狀態部分觸發（OnStateChanged）相互牽制影響。其實這一種比較依賴于函數的設計方法，是比較定性的一種設計方式。在一部分博友的建議下，我又設計了3種不同形式的頁面載入進度條，其實，萬變不離其中，運用的還是一些基本元素。

進度條設計

形式1的進度條是模擬鐘表的形式，這一形式其實是很符合中國的傳統元素——人生如圓，終點亦是起點。進度條的作用是某一頁面和另一頁面的潤滑鏈接。這在移動APP和網站頁面載入中比較常見。形式2和形式3比較類同，都是矩形長條的形式。只不過前者是將矩形長條分成矩形框的形式，而后者是直接劃入的形式。

設計思想

形式1&形式2

首先，作圖方面，給一個小建議：盡可能充分的利用輔助線；其實，邏輯條件方面，什么時候是頁面載入完成時刻，什么時候是載入進行時，臨界點是什么？這里，我們設置global variables(全局變量)——num,初始值為1，當每次一個小圓點或者正方形亮起時，num的值自動加1，當num=12時，即載入完成。最后，基于邏輯條件下，判斷是動態面板狀態切換還是打開新的鏈接。

形式3

形式3的交互設計是一種基于視覺的定量的設計。動態面板是有顯示任意頁面的功能的，即可以顯示我們想讓其顯示的部分，而隱藏掉我們想要隱藏的部分。明白這一點是很重要的。那么，我們就可以畫兩個相同大小的矩形條，分別命名為progressbar和background。頁面載入時，progressbar矩形條以不同的速度移入background矩形條中。這就會在視覺上給人一種忽快忽慢的逼真的網頁承載效果。

值得一提的是，case1和case2是按照設置的先后順序，至上而下的運行的；但是在case1中具體的交互情景則是同時進行的。所以，我們需要加入wait 3200ms這一交互設計。

源文件下載：http://pan.baidu.com/s/1jGMwVFC

Axure頁面原型展示：http://hmgltn.axshare.com/#c=2

本文由 @蝸牛PM?原創發布于人人都是產品經理?，未經許可，禁止轉載。