Make the concept, interface, art and animation support and drive the interactive experience- Don\u2019t rely on the development programs to do it. Any fool can set a Director transition. Immerse the viewer in your world.<\/b><\/p>\n
Also, don\u2019t buy into industry interface conventions- most of them were developed by some data engineer named \u201cEarl\u201d with a pocket protector and bad hemorrhoids. Red Sky pushes harder than our competitors to raise the quality beyond what the rest of the industry settles for. In other words, as an artist working for Red Sky, don\u2019t ever say \u201cWe did it that way at (my old company), it\u2019s a standard\u201d, or you will be tarred, feathered, cast out and publicly humiliated. SET the standard.<\/p>\n
Example<\/b>: Don\u2019t settle for simple \u201cup and down\u201d button graphics just because it\u2019s commonplace in most multimedia and\/or easy to do. Consider creating smoother or more expressive buttons with more frames of animation to further support the metaphor. If memory is an issue- cut something else damn it.<\/p>\n
[[MORE]]<\/p>\n
Understand the technical constraints and turn them to your advantage. Everything does something very well, identify what it can do and don\u2019t bother forcing it to be something it isn\u2019t.<\/p>\n
Example<\/b>: Turning Star Wars into a quicktime movie is gonna suck, but make the quicktime into a \u201cTV with lousy reception\u201d and you\u2019ve got something!<\/p>\n
Example 2<\/b>: Emulating real life motion (a person walking) using gif 89 is usually going to result in slow, jerky motion, or as it\u2019s called in any other animated medium: BAD ANIMATION. The web is FILLED with animation attempts like these (how many corporate sites have you seen with jerky, rotating logos? Avoid this temptation at all cost.). However, animating a neon sign with a gif 89 embraces the low frame rate nature of the technology. Whether you animated the neon sign using a gif 89 at 3 fps, or on film at 24 fps, it behaves the same. The weakness in the technology does not show through the content.<\/p>\nSuspend the Viewer\u2019s Disbelief by Justifying the \u201cMagic\u201d.<\/b><\/h2>\n
\u201cMagic\u201d is what we call it when the metaphor breaks the rules of nature or machines and does something fun, unexpected, gratuitous, and\/or impossible in the real world. This kind of \u201cMagic\u201d is why Interactive is a cool and fun way to get information and be entertained. The use of any magic in a Red Sky piece must be supported strongly by the concept and\/or art direction.<\/b> Frequently this means grounding the magic with some sort of contextual or visual logic or explanation. By doing this, the magic becomes a natural law<\/b>– a logical and integral element in the project. Justifying the \u201cmagic\u201d has made Red Sky Projects stand out as seeming \u201cricher\u201d and more developed than our competitors. Lazily justified \u201cmagic\u201d is the easy way out and is just bad multimedia. Yeah, this is a fuzzy Guideline, and frequently very subjective, but maybe this will help:<\/p>\n
Example<\/b>: Lazily justified magic might be a \u201cmetal text plate\u201d where the changing text, engraved in the \u201cmetal\u201d, pops or cuts from one line of text to the next- the problem here is that metal is unchanging and can\u2019t do that. In this situation the developers have given no programmatic or artistic attention to the follow through of the concept. So either the metal concept should be dropped in favor of something that CAN cut from one line of text to another, or a solution must be developed where the rigidity of metal is embraced. Of course if this metal were \u201cmagic metal\u201d and you wanted it to cut or morph, that would be fine so long as the overall metaphor clearly supported that behavior.<\/p>\nMake it live – The Red Sky High Idle.<\/b><\/h2>\n
No Red Sky Interactive piece should ever be \u201cdead\u201d or still, unless it\u2019s a conscious decision There must always be some indication that the piece is \u201cbreathing\u201d.<\/p>\n
Example<\/b>: Something as simple as a small animated element in the interface rotating or flickering is all you need. A moving logo treatment, or a button that blinks on it\u2019s own- or possibly even a random audio loop. This can be as subtle or as rich as you want.<\/p>\nAnimate motion smoothly. (or go back to film school)<\/b><\/h2>\n
Consider more frames of in-betweening and a higher frame rate, or if fewer frames are desired, use motion blur to smooth it out. If the animated graphic files are too big- they\u2019re too big; you gotta come up with a smaller solution (see \u201cEmbrace the Limitations\u201d guideline #2). The only reason anything should move jerkily is if it\u2019s an artistic decision, and supposed<\/b> to move that way.*<\/p>\nJustify Motion.<\/b><\/h2>\n
It\u2019s not enough to \u201cmake something move\u201d, it must move in a justifiable manner. There should always be some thought put into the \u201ccause\u201d behind the effect. In life, things move for a reason, that reason will imply a manner in which it should move.<\/p>\n
MECHANICAL<\/b>: If it\u2019s \u201cmechanical\u201d let us see or hear what\u2019s moving it. The more inner workings we can see or hear, the stronger the motion is justified.<\/p>\n
Example<\/b>: A small gear seen through a hole in another part of the screen might be enough to justify some larger mechanical effect.<\/p>\n
NATURAL<\/b>: If it\u2019s something moving under the forces of nature (i.e. wind, gravity, etc.) -there\u2019s no easy method here- it must look NATURAL. Poorly animated natural forces run rampant in our industry- because it\u2019s hard to do. The more realistic the motion- the stronger it is justified.<\/p>\n
Example<\/b>: I get sick of seeing poor attempts at the animating of objects falling or colliding (like logos or letters or spaceships or whatever) where the objects look more like they\u2019re suspended in a web of rubber bands than acting under the forces of momentum and gravity. Confused about how something moves when it falls? DROP SOMETHING AND WATCH. That\u2019s what it should look like when you animate it.<\/p>\n
FLY-THROUGH<\/b>: If it\u2019s a P.O.V. fly-through, decide what kind of vehicle we\u2019re in and embrace the natural and mechanical laws surrounding that vehicle. Beware of the flying-camera-vehicle trap, nothing moves that way, it\u2019s just easy, sterile, and lacks character. Choose vehicular behavior from the real world and commit to it.<\/p>\n
Example<\/b>: A jet, a zero-gravity spaceship, a hang-glider. Even a cannonball would work. This is not to say that it must be a vehicle you\u2019ve seen before either, make one up, a balloon with a jet engine attached perhaps? Just make sure that the moves are true to your concept and that it obeys the natural laws.<\/p>\n
GRAPHICAL<\/b>: If the concept is graphical and\/or significantly stylized, a more \u201cstylized\u201d interpretation of the motion could be explored. Make sure in this case that the concept and art direction are consciously driving and justifying the nature of the animation.<\/p>\n
Example<\/b>: In some cases some appropriately funky music might be enough to justify some rather funky animation.<\/p>\nNothing is Perfect – make it irregular.<\/b><\/h2>\n
The easiest thing to do in any art program is to draw an absolutely perfect square. The easiest type of animation moves the square in a perfectly straight line at exact and equally spaced intervals. Are you yawning yet? Red Sky has a reputation for imaginative irregularity. Things flicker, squeak, and wobble. Look for the opportunity to borrow from nature and give the smooth surface a wart. It adds Red Sky character.<\/p>\n
I\u2019m frequently surprised by interactive artists lack of attention to this detail. It\u2019s a basic and accepted requirement in any other timebased medium; a sign of professionality and showmanship.<\/p>\n
In general- four things can happen to end a sound once it has been triggered:<\/p>\n
Number four, in almost all cases, is unacceptable in a Red Sky piece. Whether it is the audio loop that has been playing in the background or an incidental sound effect, attention must to be given to every sound to conclude it gracefully.<\/p>\n
If there is a hard and fast technical limitation which demands the abrupt cutting of the sound, see guideline #2. Audio may cut off only if it\u2019s a deliberate, artistic decision.<\/p>\n
This guideline is broken rampantly in the interactive industry- fall into that trap\u2026 and die.<\/p>\n
It may be the richly animated buttons or the highly responsive and well recorded sound, but every Red Sky piece must have at least one exceptionally well conceived and rendered element. In a perfect world every aspect of every piece would be spectacular\u2026 and while the world isn\u2019t perfect, one particularly strong element will give the piece it\u2019s own unique character. This is not to say that the rest of the project can suffer, rather the other elements must still pull their weight, but they do not have to be the primary project focus.<\/p>\n
The thinking here is that if every aspect of the piece is simply rendered in an \u201cacceptable\u201d manner, the overall piece generally comes out rather dull.<\/p>\n
In a forest it\u2019s the trees that are in some way exceptional that catch our attention and interest. Twisted, fused, or taller than the rest- make yours the one that stands out.<\/p>\n
<\/p>\n
by Joel Hladecek\/ Co-founder\/ Red Sky Interactive<\/p>\n","protected":false},"excerpt":{"rendered":"
RED SKY INTERACTIVE CREATIVE GUIDELINES Redefine the \u201cStandard\u201d (or Excuse …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12749],"tags":[65,921,11531,52,818,802,752,80,11527,4972,11335,803,10184,5087,3144,154,53,799,11530,515,12036,11526,54,609,11529,11528,610,135,10620,11525],"class_list":["post-9669","post","type-post","status-publish","format-standard","hentry","category-tumblr","tag-advertising","tag-app","tag-artdirection","tag-branding","tag-cdrom","tag-ceo","tag-creative","tag-digital","tag-digitalmarketing","tag-donotdestroy","tag-donotdestroydotcom","tag-founder","tag-freelance","tag-graphicdesign","tag-ideas","tag-interactive","tag-logo","tag-marketing","tag-mobileapp","tag-programming","tag-red-sky-interactive","tag-socialmedia","tag-typography","tag-ui","tag-userexperience","tag-userinterface","tag-ux","tag-web","tag-webdesign","tag-webdeveloper"],"yoast_head":"\n