What can be done to animate the site prototype?

S

saveTibet2017-07-11 23:38:13

User interface

saveTibet, 2017-07-11 23:38:13

Let's say we have a website layout with a side menu. With such a healthy sidebar. He is static. The rest, on the right, scrolls. How can you show it? Like to make some kind of kinetic prototype to show the client so that there is a more complete idea.

Reply

Answer the question

In order to leave comments, you need to log in

9 answer(s)

X

xmoonlight, 2017-07-12
@xmoonlight

Make a video (screen recording) for incomprehensible dynamic moments of the prototype.

U

Ulyan Romanov, 2017-07-12
@TexxTyRe

Adobe Effects or
Marvel
Moqups
the possibilities are incredible.

R

Ruslan Galiev, 2017-07-12
@ruslanredo

If fast, then Invision

I

Ilya Dzensky, 2017-07-18
@idzenski

Quick options are Marvel or Invision . You can also use Principle for Mac

L

lvbmessage, 2017-07-20
@lvbmessage

AE .. eats a lot of RAM, and personally I have not yet been able to display gif normally .. the size of the executable file is large

S

Sergey Tilion, 2017-07-20
@tilion

If you are on Windows and you only need to show the scroll, then you can make two jpg: a sidebar and a layout, get into a simple online wysiwyg prototype builder and file it in it.
PS "Kinetic prototype" sounds great).

L

lukoie, 2017-07-23
@lukoie

Yes, stop. What about the prototype itself? If there are already parallaxes and static blocks there - what's the problem in showing it the way it is done now, without the participation of a third tool?

T

Tati_Bo, 2018-03-06
@Tati_Bo

I think you have already found a solution, but I'll write it anyway)))
There is such a thing in invision screen as overlay. With its help, you can create a semblance of what you asked about. I just thought of using it this way today. But this option is not ideal. There is a minus, I write about it below. Generally.
In build mode, stretch the rectangle to the entire right area with content, in the drop-down menu, select everything as in the screenshot https://prnt.sc/inhtrz(in paragraph 3, select a separately saved sidebar image) and check the hotspot checkbox (if such a menu is used on some other screenshots). The only problem is that the menu will go if you look at a different monitor resolution than the layout is drawn. You need to look exactly the size in size. Those. if it was drawn under 1920, then you need to look at the 1920 monitor.