“哇塞！Apple同款的點擊差速移出后滑動，原來這么簡單就能實現！”
很久沒有推薦過Apple的效果了。
之前給大家介紹過Apple的一個先點后滑的交互效果，都說優雅實用：
*素材來自Apple《出門玩啦！手持這套絕活，旅行全程罩住你。》
組件：Apple同款-點擊向左移出+左滑(自動對齊)
編號：11702（組件）
今天給大家推薦一下它的升級后的一個效果，點擊后差速移出，然后滑動。點擊試試：
*素材來自Apple《用 Mac 的斜杠青年，杠上開了什么花？》
組件：Apple同款-點擊差速移出+滑動
編號：11897
同樣也有點擊移出后滑動是自動對齊的：
*素材來自Apple《用 Mac 的斜杠青年，杠上開了什么花？》
組件：Apple同款-點擊差速移出+滑動(自動對齊)
編號：11903（組件）
這種效果非常適合總分式或者開頭設置懸念，后面揭秘的內容，大家可以試試。
下面以「點擊差速移出+滑動」效果為例，一起看下制作教程吧。
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com
組件：Apple同款-點擊差速移出+滑動
編號：11897（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點擊編輯器右側「組件」按鈕，在「點擊」-「滑動切換」分類中找到「Apple同款-點擊差速移出+滑動」組件，或者直接在搜索框中搜索組件編號11897，點擊選擇。
第2步：上傳圖片
點擊右側的「換圖」按鈕，上傳封面圖。點擊右側「+」號按滑動順序上傳滑動圖。每張圖片尺寸需一致。
第3步：調整觸發區域
雙擊編輯區上傳的圖片，調出點擊觸發區。紅色色塊即代表觸發區域，拖動紅色色塊到指定位置。
第4步：調整動畫
在頁面右側最下方，左右拖動動畫時間的滑桿，調整滑動圖移入時間，一般為默認1S。調整差速幅度，一般為默認50%。滑動方向可以選擇向左或者向右。
第5步：導入公眾號后臺
點擊「預覽草稿」可在編輯器中即時預覽效果，檢查沒有問題后點擊「同步至微信后臺」就可以了。
使用同步功能無需頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼查看。
如需局部導入可參考《iPaiban Pro小助手安裝和使用教程》中導入功能的「導入代碼」部分。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）