Posts tagged with Animation

hover state

15 crucial web design trends for 2016 & beyond

Lots of publishers reveal their annual web design trends at the end of the year.

I thought I'd be different and conduct a meta-study, bringing you what I consider to be the most cogent predictions from across the web.

Hopefully that means this is the only trends post you'll need this year. So, put your feet up and read on, as we explore the larger trends, to the finer detail.

8 comments

Everything brands need to know about Gifs

The internet economy has been partying like it's 1999, so it's fitting that something that was popular in 1999, the animated Gif, has found a role on the modern web.

Here's what brands need to know about the image file format that has found new life.

0 comments

16 delightful micro UX animations for ecommerce

Simple animation, fluid transitions, dynamically changing results, micro UX… all these design elements can not only make your website easier to use but delight your visitors too.

I’ve rounded up 16 examples of great little animations from a variety of ecommerce sites, some of which are integral to providing the best user experience possible, others which merely provide a creative icing to an already tasty cake.

It’s also an excuse to test my new Gif generator tool. Enjoy!

1 comment

14 motion design trends for web and mobile interfaces

Simplicity is the key to great design. Anything that complicates or irritates should be immediately jettisoned, in favour of a cleaner approach, and functionality should always come before beauty. 

As such I still get shivers when I think about animation and web design, given the amount of user experience crimes committed over the years. Animation was a dirty word. It meant too many crazy gifs, too many flashing ads, or even worse, it meant 'innovative' Flash websites. 

Lots of websites still suffer from animation overload, but when done with appropriate amounts of restraint I think motion can help improve the user experience. 

Moving backgrounds, rolldown navigation and micro UX effects were three of the web design trends I highlighted back in January. I think a broader trend is the rise of animation / motion, and no doubt it will be on next year’s list. 

I thought I’d explore some of the different areas of a website (or mobile app) where motion can come into play, to improve the user experience by communicating meaning, or as a visual flourish that bridges the gap between clicking and loading.

Before we begin, let us doff our hats in the direction of HTML5 and CSS3, not to mention better browsers, faster devices, nicer screens, and quicker internet connections. All of these things have allowed designers to use motion in a way that doesn’t suck.

A bunch of these examples come from the ever-enlightening Codrops, which should probably be on your reading list if it isn't already.

Ok, brace yourself for some gifs...

6 comments
no time to explain

10 startup ‘explainer videos’ I actually enjoyed

The ‘explainer video’ has come of age in the last couple of years as video production, hosting and sharing has become quicker, easier and slicker.

Lots of people, for example, have heard of, seen and enjoyed the Dollar Shave Club explainer video.

Making videos is a pretty big and burgeoning B2B sector now, with many SaaS vendors now targeting SMEs that want an affordable solution. These SaaS companies sit alongside pricier production studios, where explainer videos merge with the best creative video advertising.

So, although this has been done quite a bit before (I was sent this list over Christmas), I thought I’d compile a list of my favourite startup explainer videos.

What qualifies me to compile such a list? Simply that when an explainer video is done badly, nobody hates them as much as I do.

The optimistically-posed hypothetical questions, the annoying accent, clichéd soundtrack, that god-awful faux earnestness, the massive dose of twee – when they’re bad, they’re really bad.

Copy these vids’ creative and you can’t go wrong. N.B. a few of them aren’t exactly start-ups but they’re all explanatory.

14 comments
moovly

Start Me Up! A profile of Moovly, for easy animated videos

We'd all like to produce videos that convey our complicated product or brand but don't cost the Earth. Without a background in rich media, it's time consuming to create a animated video or shoot and edit your own footage.

Moovly aims to make this easier and allows the easy creation of simple animated videos. I spoke to the team to find out more about the service.

0 comments

Animation and games industries to get tax breaks in UK

As part of his budget speech last night, George Osborne unveiled a film industry-style tax break that will help to encourage creative development in the animation and games industries.

Aardman Animations was highlighted as an example of British excellence – and Osborne said that the Government intends to keep ‘Wallace and Gromit’ exactly where they are. 

2 comments

DC Entertainment rebrands with interactive logo

Rebranding is never easy. A company's visual identity is extremely important, and established companies can risk a lot when they make changes, making change challenging.

Such a challenge was faced by DC Entertainment, which yesterday unveiled its new brand identity. The iconic comic publisher, whose fictional characters include universally-recognized figures like Superman and Batman, was founded nearly 80 years ago. But you wouldn't know that looking at its new logo.

0 comments
Why aren't you using animation, yet?

Why aren’t you using animation yet?

Animation is often overlooked when planning a marketing campaign, meaning that many organisations can miss out on using this powerful tool.

7 comments