亚洲AV免费看深爱成人|日韩av另类一级特黄片在线|中国免费一级黄片|国产av一二三区|亚洲有码AV在线|久久亚洲国产日韩欧美|成人免费AV网站|婷婷一区综合一区|亚洲AV无码导航|高级欧美成人网站

Axure 9 教程:移動端引導頁/歡迎頁滑屏交互

發(fā)布時間：2024-01-18 16:59:16 瀏覽量：174次

當你第一次打開一款應用的時候常常會看到很棒的引導頁設計，它們在你未使用產(chǎn)品之前提前告知你產(chǎn)品的主要功能與特點，第一次印象的好壞會極大地影響到后續(xù)的產(chǎn)品使用體驗。因此很多產(chǎn)品都在努力將這幾個頁面設計好，從一開始就引人入勝。那么接下來我和大家一起用Axure9來做一個移動端引導頁的demo。

1. 拉出一個手機殼子啦啦啦啦

哈哈哈哈沒有殼子也行，那就拖個矩形出來吧（殼子原型鏈接在下面大家可自行下載哦）。有的朋友可能問為啥是粉紅色的，因為這是一個母版~

2. 再找?guī)讖垐D片“偽裝”成引導頁

像我一樣，我是在花瓣下載的~

3. 把這幾張引導頁放在一個動態(tài)面板里

首先得需要把圖片尺寸和手機主界面大小調整一致，當然得你自己喜歡。調整好之后我們可以把其中一個引導頁設為動態(tài)面板（點擊當前選中圖片，右鍵單擊“轉換為動態(tài)面板”），設為動態(tài)面板后新增兩個狀態(tài)，引導頁有幾頁這邊就新增幾個狀態(tài)啊同學們！可以給每個狀態(tài)給個名稱或者ID方便后面添加交互。

4. 添加交互

在主界面選擇我們引導頁的動態(tài)面板，右側交互，因為我們習慣性從左往右滑動引導頁進入APP界面，當然你喜歡往哪邊就往哪邊哈~我這里選擇從左往右滑動進入。

首先分析一下原型交互思路：

（1）在第一個界面從左往右滑動界面時往第二個界面滑動，第二個界面往第三個界面滑動

  • 情景一：面板狀態(tài)=1，動態(tài)面板向2滑動
  • 情景二：面板狀態(tài)=2，動態(tài)面板向3滑動

（2）在第三個界面從右往左滑動界面時往第二個界面滑動，第二個界面往第三個界面滑動

  • 情景一：面板狀態(tài)=3，動態(tài)面板向2滑動
  • 情景二：面板狀態(tài)=2，動態(tài)面板向1滑動

下面加入交互

選中動態(tài)面板，右側選擇“向左拖到結束時”。

加入情景1：

設置面板狀態(tài)

加入情景2：

設置面板狀態(tài)：

新建交互，“向左拖到結束時”

加入情景1：

設置面板狀態(tài)：

加入情景2：

設置面板狀態(tài)：

這是三頁引導，如四頁五頁在此基礎進行添加就可以了，如果不是看了不是很清楚的朋友，可以添加一下我的微信號“13667321807”在線為你解答哦~這邊也有產(chǎn)品交流群，歡迎小伙伴的加入！

附上本原型實例鏈接：

https://pan.baidu.com/s/1Vh_7htgGc2hQEkBnXTyANw

提取碼：6rp5

作者：妖怪口袋；微信公眾號：妖怪口袋，不定時更新axure9原型案例。

本文由 @妖怪口袋 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉載

題圖來自Unsplash，基于CC0協(xié)議

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學您好！

您已成功報名0元試學活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定