17 May Beginners guide: How to make animated logo?
Animated logo can be in the form of GIF, or designed in CSS and SVG – variations are not significant. Animated logo should be a “beacon”, and put it less lyrical, memorable first sight kind of call to action on your web page. In addition, these logos often contain some history of the company, gives a broader picture of its activities.
Designer David Stanfield presented the logo of your site in a rather creative way. Animation is presented in several stages, and shows the possibility of a designer of simple elements to identify unusual ideas, and successfully implement them.
What not to do, using an animated logo?
Rule of less is more is to follow when creating an animated logo, and to prevent an overabundance of visual effects. Animation is needed only in the case when it is impossible otherwise to convey the essence. It is important to remember a few simple rules, engaged in the development of the logo of this type:
-Pay attention to the size of this picture. If the “picture” of high quality, try to reduce it. In this case it is important to solve the problem with user interaction. If the image will appear slowly or only in part, visitors will not wait for the download is complete and will find another site with a more thought-out GUI.
-Logo should not interfere with the perception of content. Animation, as we mentioned has a kind of expressive means. But it is only part of the site, but certainly not its foundation. It must incorporate some kind of a visual component, but do not be too “bright” and constantly emerging on the screen.
-If you have chosen animation in the logo, it is not necessary to add it in other sections of the site. “Dynamics”, which will be viewed in several architectural parts of the resource will lead to piling up of parts, and make the interface is not aesthetic.
How to use the animation in a logo?
Possible shortcomings in the animation of the logo, of course, exist. Nevertheless, in the design of graphical user interfaces it is admissible, and from time to time plays a key role in the understanding of the represented brand.
Animated parts used to display different functions:
-Display of 3D elements. Desktop screens are only in two-dimensional image of the form. And so voluminous objects represent a animation that allows you to provide them with the various parties. But do not forget to follow the cell playback speed so users can see a holistic perspective. The most viable option – animation control using Flash.
-Transition of one “state” in the other. For example, if the displayed items, there are several visual position: on / off lighting, door opening, and the like. Thus, people visualize the action without forcing to think out the picture.
-Accent of attention. The logo should be used for such purposes, but do not forget to keep your distance skill. It may at times appear to flash or from any edge of the screen, but it does not remain static and clickable, and at any time (or user) to disappear.