Go Back   MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Reply
 
Thread Tools Search this Thread Display Modes
Old Sep 19, 2014, 05:33 AM   #1
al404
macrumors regular
 
Join Date: Apr 2011
Location: Novara, Italy
what do you use to prototype web animations?

Hi

I would like to know what the designers use to prototype dynamic web site, like parallax pages?

because often needs to specify when object comes in the page, how fast, from which direction, etc.

Thanks
al404 is offline   0 Reply With Quote
Old Sep 22, 2014, 10:00 AM   #2
960design
macrumors 6502a
 
Join Date: Apr 2012
Location: Destin, FL
I'm sorry, I don't fully understand your question.

Images created in tons of different software, depending on needs:
Maya, PS, Pixelmator, GIMP, Blender, ect.

1) Storyboard
2) HTML5 / CSS3 local
3) HTML5 / CSS3 production

It's quite simple to create the parallax effect using HTML5 / CSS3. I'm sure there are tons of tutorials via google. If not, let me know and I'll create some.
__________________
TI-99/4A, tape cassette, 12" B&W Zenith
960design is offline   0 Reply With Quote
Old Sep 25, 2014, 02:07 AM   #3
riyasin123
macrumors newbie
 
Join Date: Sep 2014
Location: India
Designer used PS, GIMP, HTML5 / CSS3 local
riyasin123 is offline   0 Reply With Quote
Old Sep 26, 2014, 08:53 AM   #4
lucidmedia
macrumors 6502a
 
Join Date: Oct 2008
In the studios that I have worked at the designers were expected to be able to prototype such interactions using Jquery, etc. Such properties are so difficult to describe without seeing them that it just saves time to have the UX people define things like fades, movement and pass that code over to the back-end developers (who rarely want to be fiddling around with such things).

There are a few tools for prototyping such work. Each has its limitations of course. Origami is a quartz composer-based toolkit that was written at Facebook so their design team could prototype complex movements and interactions within UI. Its free and is a great way to create moving prototypes without code.

As for simplicity, Keynote can be useful in a pinch to create simple animations.

For a larger project where the interactions and animations need to be integrated into a full on narrative user scenario, I still favor After Effects. its overkill for small prototypes, but good for large systems that need to be prototyped before development starts.



Quote:
Originally Posted by al404 View Post
Hi

I would like to know what the designers use to prototype dynamic web site, like parallax pages?

because often needs to specify when object comes in the page, how fast, from which direction, etc.

Thanks
lucidmedia is offline   0 Reply With Quote

Reply
MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
New Animations? Laurence Eckert OS X Yosemite (10.10) 4 Jun 25, 2014 02:15 AM
Animations Tamagotchi iOS 8 3 Jun 14, 2014 07:39 PM
New Animations are SO MUCH BETTER [in 7.0.3] kre62 iOS 7 259 Oct 28, 2013 02:17 PM
Animations TrenttonY iOS 7 1 Jun 12, 2013 01:15 AM

Forum Jump

All times are GMT -5. The time now is 01:26 AM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC