What size are Android App Icons? It is a simple question but even Android, who provide better icon documentation than most, seem to want to make you work a little for the answer. Fear not, I have compiled a simple Android icon size guide for you! There are two types of Android icons, those that… Read more »
With each new iteration of the iPhone and iOS adding new screen sizes and resolutions, Apple seem intent on making designers play catch-up. There are now around six different icon sizes for Apple’s plethora of iOS devices, and with this figure often changing, it’s important to keep up to date on the latest iOS icon… Read more »
What icon sizes do I need for Android 5? Android 5.1 Lollipop continues with the same sensible icon size methodology as Android 4.1 As technology has evolved, phone & tablet manufacturers have created screens with ever increasing resolutions and pixel density. An increase in pixel density or dots per inch (dpi), means more image information… Read more »
How good are free icon maker tools? These programs let you select the format, size or even add some simple effects. How cool, is that? App icon generators are really helpful. They work like some kind of magic. Import an image, let the software scale it to the sizes you need & export the correct… Read more »
Windows IconsWindows ICO Specification You can view all the Windows icon sizes within the file explorer Windows icons can be more complicated than you might think As with all the other software platforms that support icons files, Icons for Windows have there very own set of sizes and specifications. Icons for Windows use a Windows… Read more »
What are Android Icon Sizes? It is a simple question but even Android, who provide better documentation than most, seems to make you want to work a little for the answer. Fear not, I have done the work for you! Android Icon Sizes – App Launcher What sizes do I need for Android App launcher… Read more »
Microsoft does provide a lot of information to Windows Phone App developers about the Windows 8 and 8.1 User Interface, but they don’t tell you how big your icons should be or where exactly they should be placed within the tiles to match Microsoft’s own Application Tiles. This guide provides those answers so you can… Read more »
*UPDATE* 11/11/13 Check out our new Windows 8.1 Icon Tile size guide. Never being one to make life easy, Microsoft have released some fairly ambiguous information to Windows 8.1 App developers. From the information I have had access to, I have put together this brief guide to the Windows 8.1 App launcher & Tile Icon… Read more »
As Apple have decided to make some changes to their App Icon size and corner radii form iOS7, I thought it would be helpful to myself and others to create a PSD template to both produce all the different Icon Sizes now required, as well as show how these will look on both iOS6 and… Read more »
Find the correct Android App Icon Sizes, fast For the latest information see: Simple Android Icon Size Guide for Lollipop 5.1 (5.1) An icon is a graphic that takes up a small portion of screen real estate and provides a quick, intuitive representation of an action, a status, or an app. So, Icons should get… Read more »
Infographics (or ‘information graphics’) are nothing new, dating back as far as the early 17th century. However, with the development of photoshop and an online culture of ‘sharing’, infographics have taken on a renewed importance. Their applications are endless, and are produced by anyone from marketing firms to educational or political groups.
An infographic breaks down large amounts of information into visual chunks, allowing readers to digest it much faster than, say, a ‘wall of text’. This is a good illustrative example of an infographic – each section of information is divided up, with different images used to represent different causal factors or motivations behind the phenomenon in question (recycling).
Infographics are so effective precisely because the human brain is said to process visual information 60 000 times faster than text, and they’re common enough now that infographics practically saturate other methods of how we engage with new information online. One possible way of retaining the efficacy of infographics whilst standing out from the crowd is to create motion infographics. Today I’d like to explore how this has been done successfully in the past, and how it can be developed further as a medium.
Infographics in motion
First, we have to ask: what does video allow us to do with infographics that static images do not? The immediate answer is that it allows us to combine the graphics with sound or narration (link to the two posts on this topic). As we can see in this excellent animated infographic about Twitter, a video or animated format not only allows us to animate infographics but also include a narrative soundtrack to explain what it is that the viewer is seeing in depth. The strength of this is obvious: information is now being transmitted in an audio-visual fashion, with the added advantages of the graphic medium.
The Vlogbrothers’ Crash Course series is an example of animated infographics put to good use. Each video is presented by one of the brothers in a hybrid style between ‘vlogging’ and classroom teaching. However, where the series draws its strength as an educational one is through its complementary use of animated infographics. Each episode has a ‘Thought Bubble’ segment, whereby motion graphics are heavily used alongside high-res images and narration (see below). The animation tends to play to the format of infographics themselves, with the camera moving in a similar direction as the one eyes would read an infographic. (Another excellent example is the RSA Animate channel)
This opens up possibilities for motion infographics in a marketing or product demo context. The ideas are explained through voice and exemplified through the screen, whilst the format allows us to jump between, or even juxtapose, camera images and animated ones. This could be seen as an informational maximisation of the online video and graphic formats: it enables us to take the advantageous features of each and therefore maximise how far information about something is interpreted and understood by the viewer or reader.