Light Switch

1,935
0
10
Using variables to change the opacity of items Design Downloaded from: https://www.sketchappsources.com/free-source/2567-chandelier-lighting-illustration-sketch-freebie-resource.html

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

background color

1,354
0
23
change the background color using variables and container states

Annie Simpson

animation

1,365
0
0
animation using state transitions

Annie Simpson

Form examples

1,194
0
9
3 types of forms in this project: 1. Basic form to fill out your info 2. Form that shows additional fields and expands 3. Form with validation if fields are empty

16ff68c7-504e-11ed 9221-0e76797a4f7b

signup/login

1,015
0
2
Redesigned from: https://www.sketchappsources.com/free-source/4752-streaming-app-sketch-freebie-resource.html animation using state transitions vertical scroll show/hide interactions

Annie Simpson

Soundcloud iOS

763
0
3
Redesigned from: https://www.sketchappsources.com/free-source/3755-soundcloud-ios-app-redesign-concept-sketch-freebie-resource.html Includes: Music player Opening external URL Horizontal and vertical scrolling

54ad0916-dd00-11ed 9221-0e76797a4f7b

Tik Tok

3,449
0
15
Tik Tok project (Part 1) The videos in the project have been downloaded from: https://www.pexels.com/videos/ https://www.pexels.com/video/close-up-of-wheat-in-field-9917770/ https://www.pexels.com/video/moving-pages-of-books-8994820/ https://www.pexels.com/video/woman-with-freckles-on-her-face-looking-at-the-camera-8055998/ https://www.pexels.com/video/portrait-of-a-beautiful-young-woman-8056090/

17056140-504e-11ed 9221-0e76797a4f7b

TV App Basic Content Navigation

1,711
0
2
This prototype demonstrates basic content navigation for a TV app moving focus model. TV Apps differ from web and mobile in that interactions are triggered by remote control button presses which can be mapped to key board presses with proto io. With a TV focus model every component will have a collection of "On" and "Off" states both between the components themselves i.e: the menu and items within those components i.e: a menu item such as "Movies". These interactions models must work in a way in which as one component is on, all others must be off and so on. This example will show basic interactions and how to navigate pages commonly used my modern TV apps for devices such as Apple TV, Roku, Google TV, Smart TV's etc. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.

Nino Silva

Next