Gestures in engineering and design

    With the proliferation of touch displays, the issue of gesture combinations in computer technology is becoming increasingly relevant. Multi-touch allows users to easily move virtual objects on the screen with simple finger movements. Most of the key actions on touch devices are closely related to gestures, they are the basis of interaction with mobile devices and tablets. Gestures consist of tactile mechanics (what the user's fingers do on his touch screen) and subsequent tactile activity (the result of tactile mechanics).



    The following is the necessary information that reveals the main features of touch manipulation on mobile devices. And also presents free vector variations of gestures that you can use in your work.

    Tactile mechanics and tactile activity


    There are many types of tactile mechanics. Below are the most common gestures.


    Touching the touch screen is the most popular and basic gesture. Actually, it is carried out daily by touching the screen to launch applications, e-mail or any other similar service. A single touch is characterized by a simple tap on the screen with one finger.

    Double-tapping the touch screen is the next most common gesture. Double-tap by a quick double-click with your finger on the screen of the device. It is usually used to enlarge an image or an area of ​​text on the screen.


    Glidealso well known to the average user. This action is carried out by touching and swiping a finger across the surface of the screen. A great example is locking your phone by connecting certain points on the screen with your finger to lock or unlock.

    Dragging has almost the same tactile mechanics as the action described in the previous case. The main difference is the speed of operations.

    Swipe combines sliding and dragging. In this case, tactile mechanics have no special differences from dragging, except in speed. Swiping, the finger moves very quickly, as if you need to scroll the screen to remove the profile / profile picture / application.

    Long pressinvolves touching the screen element and holding your finger on it for some time. The result of such tactile mechanics can be opening a window for copying a section of text, etc. ...

    Long press and drag involves pressing and holding a finger on the screen with subsequent movement on its surface. It is used to reorder application icons, etc.

    Double-tap and drag - this combination of gestures is a little more intricate. You need to click on the screen, tear off your finger from the surface and press again with the further movement of the finger on the screen to the area of ​​interest. Such tactile mechanics can be used when it is necessary to approximate the content in one area of ​​the screen and then move it to another.

    Mixing / Breeding include simultaneous pressing with two fingers located close to or at some distance from each other, with their further spreading or drawing closer. The gesture ends with raising your fingers above the screen. Usually, the result of such mechanics is the reduction or zooming of the image.

    A single touch with two fingers - pressing, which is done with two fingers at the same time. Then follows the immediate raising of both fingers. A gesture usually serves to zoom out.

    Two-finger swipe, drag, or swipe- these gestures require the use of two fingers when the user touches the screen, "slides" on it and raises them above the screen. Gestures can be used either to select multiple items, or to tilt or to scroll.

    Long press and drag with two fingers is carried out by pressing two fingers on the screen area, holding them and moving to the desired area of ​​the screen with further lifting above the touch surface. This tactile mechanism is effective when working with an interface that needs to rearrange list items or the order of icons, images.

    Double-click with two fingerscarried out using two consecutive short taps with two fingers on the screen. Basically, this gesture is designed to zoom out.

    Rotation or rotation is used in working with animations and images on mobile devices. You need to press the screen with two fingers on different sides of the central object and, rotating your fingers in orbit around the object, rotate it. The gesture ends traditionally - by taking away the fingers from the touch screen. Using rotation is also useful when working with a Google map, when you need to expand it horizontally, for greater convenience.

    Almost the entire concept of working with interfaces on touch devices is based on the use of gestures. With a fairly limited area of ​​the mobile screen, designers and developers have to use tactile mechanics most rationally and wisely. For effective interaction with the device, gestures must be intuitive and associated with tactile activities attached to them.

    Tactile Mechanics Vector


    Below is a free collection of vector gesture sets. They are suitable not only for designing multi-touch device interfaces and promoting mobile applications, but can also be used as icons, pointers, etc.

    100+ Touch Gestures Icons

    pixelbuddha.net/freebie/touch-gestures-icons



    Touch Gestures

    dribbble.com/shots/1383148-Touch-Gestures-freebie



    A Set of 5 Gestures

    dribbble.com/shots/1031710-A-Set-of- 5-Gestures-FREE



    Free Icons - Interaction gestures

    dribbble.com/shots/2026081-Free-Icons-Interaction-gestures



    Touch Gesture Icons .Sketch

    www.sketchappsources.com/free-source/476-touch-gesture-icons.html



    Github

    github.com/mariuszostrowski/gesty



    Oxygenna

    www.oxygenna.com/news/free-set-of-material-design-hand-gestures



    Freepik

    www.freepik.com/free-photos-vectors/gesture



    Flaticon

    www.flaticon.com/categories/gestures



    Free vector

    all- free-download.com/free-vector/hand-gestures-vectors.html



    Vecteezy

    www.vecteezy.com/free-vector/hand-gestures



    Mobiletuxedo

    www.mobiletuxedo.com/touch-gesture-icons



    Vector.me

    vector.me/ search / gesture



    Freevector

    www.freevector.com/vector/gesture



    Pixabay

    pixabay.com/en/photos/gestures/?image_type=vector



    Iconstore

    iconstore.co/icons/free-vector-gesture-icons



    Сlipart.me

    en.clipart.me/human-people/free-vector-hand-gesture-27064



    365psd

    ru.365psd.com/vector/free-vector-hand-gesture-32051


    Also popular now: