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

本文給大家講一種banner輪播最簡單的實現方法，一起來看看~

前段時間做一個開放平臺的原型，大家討論完需求就希望，快點出原型（第二天），而且要求“高保真”。

于是在“快速”“高保真”的要求下，自己對于所有的頁面交互都要求是，對需要使用原型的用戶（產品、研發、測試）而言，達到對應的效果，而自己在實現時采用最簡單的方法。

正巧今天看到網站上有教程教如何做一個輪播banner ，點開略看了一下，教程做的很復雜。其實使用axure做交互一般都比較簡單，但由于其各種小窗口太多了，各種截圖放一起，看上去很容易亂。之前小樓老師發布的一個教程，居然也被人吐槽講的這么亂怎么做產品（扶額）。

原型鏈接：http://eta1id.axshare.com/

1. 首先看下輪播banner的組成

上圖中，左邊是頁面 展現的 banner輪播的圖，右側則是對應的兩個動態面板。

可以看到右側動態面板命名非常簡單（根本起不到提示作用，但這說明此處面板命名不太重要，自己能區分就可以）。

2. 接下來看一下兩個面板的交互效果

如上是對于 輪播圖片banner的 動態面板設置。

設置面板在 【載入時】有交互，基本就是兩個動作：

1. 面板不是在一加載就開始切換的，我設置的先等待1000毫秒。
2. 設置面板狀態 為【NEXT】（即按照1、2、3的順序進行切換）；

勾選從最后一個到第一個自動跳轉；勾選圖像輪播間隔。具體時間間隔可自己設置。

為了讓banner輪播看上去更逼真，可以加個 進入和退出的動畫。此處選擇的時向左滑動，用時500毫秒。

以上是banner 面板的全部交互。

做完這個切換之后其實基本算是banner做完了，但是總覺得缺點什么——缺我們常見的banner切換時的頁面指示導航按鈕。

依然是采用很簡單的方式 很暴力的加上的。

首先面板中的1、2、3狀態內容如下圖：

其對應的交互面板，基本和banner面板的設置是一樣的。唯一的不同是，在面板切換間的效果，這里不再是向左滑動，而是淡入淡出（畢竟三個指示按鈕滑來滑去，是很滑稽的）。

具體交互頁面如下：

額，說到這里，其實就沒了。

瀏覽最后再PO一下原型鏈接：http://eta1id.axshare.com/

本文由 @科大訊飛 小八原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議