職業技能,一學就會。大家好,我是IT小白。在上一篇分享中,我給大家演示了一個註冊表單的交互動效,該動效中用到了「插入圖形、調整屬性、添加交互動作」等功能。
在本篇分享文章中,我將會開始和大家介紹一下Protopie的交互功能,交互功能主要包含了:觸發和反應2大部分。
首先,我們來聊聊「觸發」,在Protopie的交互功能中,包含了6大類的觸發動作:
點擊類觸發:智能設備上廣泛使用的觸發方式。有最基本的點擊、長按、拖拽等,也有雙手指夾捏、旋轉等多手指手勢。滑鼠類觸發:通過電腦上的滑鼠觸發交互動作。有滑鼠懸浮、滑鼠移出兩種觸發方式。鍵盤類觸發:在模擬鍵盤和移動端鍵盤上點擊指定鍵時,發生反應動作。輸入類觸發:輸入類觸發是和輸入圖層配套使用的觸發動作。條件性觸發:運行原型、接收特定信號ID、圖層屬性達到特定值等滿足特定條件時,可觸發交互的發生。傳感類觸發:將智能設備內部傳感器的值和圖層反應值相對應後,交互就可以根據傳感被觸發。 因為Protopie大多數是應用於移動端的交互原型設計,所以點擊類的觸發動作最多,我們來看下,包含了哪些點擊類的觸發,我將會用gif動畫的形式,演示給大家,這樣看起來更加直觀一些:
單擊:手指觸碰屏幕並馬上離開的動作。
雙擊:手指連續觸碰屏幕兩次的你工作。
下擊:手指向下點觸屏幕的動作。
抬起:觸摸著屏幕的手指向上離開屏幕的動作。
長按:手指向下點擊屏幕 保持一段時間後離開的動作。
快擲:手指按照在屬性欄設置的方向,快速滑動圖層,達到一定速度以上時就會觸發相應的反應動作。
推拉:推拉觸發是一種含有成功和失敗概念的觸發方式。圖層被拖動超過一定距離或一定速度時,則認為拖動成功。成功時圖層將按照用戶指定的距離發生移動,失敗時圖層回到原來的坐標。
拖拽:手指觸控螢幕幕的同時滑動的動作。
夾捏:雙手指在屏幕上合攏或分開的動作。
旋轉:雙手指在屏幕上向同一方向旋轉的動作。
以上10個點擊類的觸發,包含了移動端的大部分觸發動作,點擊類的觸發動作比較容易理解,所以簡單的介紹一下。
針對其他類型的觸發,在後面的文章中,我會逐步和大家分享。今天的分享就到此結束了,希望本文能夠對你有些幫助。
下期預告
Protopie的條件類觸發動作包含哪些-交互原型設計軟體學習筆記