figma下載
Prototypes are model versions of digital products. They’re used to measure usability by testing with potential users of a product. When making prototypes with Figma, it is necessary that the actions that trigger reactions aren’t strangers and they are used on the appropriate platforms and in the right instances.
原型是數字產品的模型版本。 它們通過與產品的潛在用戶進行測試來衡量可用性。 使用Figma制作原型時,觸發React的動作一定不要陌生,并且必須在適當的平臺和正確的實例中使用它們。
These are the interaction triggers on Figma and how they work.
這些是Figma上的交互觸發器以及它們如何工作。
延遲后。 (After Delay.)
People don’t instantly interact with a call to action without a very small window of time, which could be at least a second. I mean, they’re not high-speed?robots. You can use this small window of time creatively to, for example, show snapshots of how your product works or animate an illustration.
在沒有非常短的時間間隔(可能至少是一秒鐘)的情況下,人們不會立即與號召性用語互動。 我的意思是,它們不是高速機器人。 您可以創造性地使用這一小時間窗口,例如顯示產品工作原理的快照或為插圖制作動畫。
This interaction is only available when a frame is selected in prototype options.
僅當在原型選項中選擇框架時,此交互才可用。

懸停時。 (While Hovering.)
Hovering is like touching a cup of coffee before picking it up, hovering in this case, is the touch. It’s not a confirmatory interaction, it just aids affordance that is, it just helps to show that the call to action works — or that the cup of coffee isn’t a cup of cold water.
懸停就像在拿起咖啡之前先觸摸一杯咖啡,在這種情況下,懸停就是觸摸。 這不是確定性的互動,它只是幫助提高負擔能力,也只是有助于表明號召性用語有效,或者這杯咖啡不是一杯冷水。
Hovering isn’t a valid trigger in?touchscreen?interfaces.
在觸摸屏界面中,懸停不是有效的觸發器。

點按。 (On Tap.)
The first thing a person is most likely to do after at least scanning through content on a page is to click on a significant call to action, yes? Clicking is one of the basic ways people interact with a product (or prototype).
在至少瀏覽頁面內容之后,人們最有可能做的第一件事就是點擊重要的號召性用語,對嗎? 點擊是人們與產品(或原型)互動的基本方式之一。
Pretty much works on any device that isn’t controlled by only voice.
在不受語音控制的任何設備上,幾乎都可以工作。

在拖動。 (On Drag.)
Dragging interaction— ‘swiping' as we know it is useful for example to simulate scrolling. Some popular products have integrated this in other small yet useful interactions like exiting the full-screen view of picture or video playback.
拖動交互-我們知道“滑動”對于例如模擬滾動很有用。 一些受歡迎的產品已將此集成到其他小的但有用的交互中,例如退出圖片或視頻播放的全屏視圖。
It is mostly used in touch-controlled interfaces because it’s one of the major ways users navigate around them.
它主要用于觸摸控制界面,因為它是用戶在它們之間導航的主要方式之一。

同時按下。 (While pressing.)
Simulates “press and hold” in devices with a touchpad. This interaction is mostly used for options that are important but do not need to be discovered instantly. For instance, pressing and holding on app icons in mobile devices reveals the option to uninstall.
使用觸摸板模擬設備中的“按住”。 這種交互作用主要用于重要但不需要立即發現的選項。 例如,按住移動設備中的應用程序圖標可顯示卸載選項。

按鍵/游戲手柄。 (Key/Gamepad.)
Many times you tend to use keyboard shortcuts when you’ve become proficient in the use of a product or used a product for a long time? Key triggers help simulate simple app navigation shortcuts with keys on a keyboard or Game controllers in a prototype.
當您精通產品使用或長時間使用產品時,往往會傾向于使用鍵盤快捷鍵? 按鍵觸發器可使用鍵盤上的按鍵或原型中的游戲控制器來模擬簡單的應用程序導航快捷方式。
Check out what this page does when the up and down arrow keys are tapped.
當點擊向上和向下箭頭鍵時,請查看此頁面的功能。

鼠標觸發器。 (Mouse triggers.)
These are hover and click actions broken into two pairs:
這些是懸停和單擊操作,分為兩對:
Mouse enter [Hover start],
鼠標輸入[懸停開始],
Mouse Down [Press start],
鼠標按下[按開始],
Mouse Up [Press end],
鼠標向上[按結束],
Mouse leave [Hover end].
鼠標離開[懸停結束]。
These ’start and end’ pairs work together i.e. Mouse down is triggered when you press down a mouse?button, Mouse up is its counterpart that is triggered when you release the click.
這些“開始”和“結束”對協同工作,即,按下鼠標按鈕時觸發鼠標按下,釋放單擊時觸發鼠標按下。
However, the mouse-enter and leave options, just like hover, cannot be used in touch-controlled interfaces.
但是,像懸停一樣,鼠標輸入和離開選項不能在觸摸控制界面中使用。
Here’s a demo:
這是一個演示:

Using these trigger options appropriately and creatively (with the transition options) will help you create a seamless navigation experience in your design and in your final product eventually.
適當且創造性地使用這些觸發選項(帶有過渡選項)將幫助您在設計和最終產品中創建無縫的導航體驗。
Keep practicing and keep being awesome!
繼續練習并保持卓越!
翻譯自: https://uxdesign.cc/prototyping-with-figma-interactions-228dbc82fe00
figma下載
本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。 如若轉載,請注明出處:http://www.pswp.cn/news/274672.shtml 繁體地址,請注明出處:http://hk.pswp.cn/news/274672.shtml 英文地址,請注明出處:http://en.pswp.cn/news/274672.shtml
如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!