Motion Graphics – Inspiration #11

Motion graphics is a great way to convey and tell a story using moving images and various techniques like animation, CGI and cinematography. We’ve put together a new collection of some wonderful examples and pieces from some of you amazing mographers out there.

 Motion design is something I really want to learn. There is nothing I love more than seeing crazy cool animations, specifically because static image animations have sound and timing, which makes an incredible difference. One of my favorite types of animation are those that play with typography “The Sugary Death Machine” motion graphics. We hope you get a kick out of this visually entertaining post.

Identity system

 

 

 

 

 

 

Spotify : Consistent use of green, the typeface and the  logo across websites, flyers and gift cards makes the spotify one of the good Identity systems. Also the object edge curves and shapes are consistent across different print and web materials. what I like about spotify is the color and typeface used which makes it unique. Also the way green is used makes one associate this shade of green with spotify.

 

 

 

 

 

iVOMAT: iVOMAT uses white and greenish yellow across all the print and web materials. Arrow shape that separates theses two colors makes a unique shape that is used consistently by iVOMAT. This arrow looking shape is used even in the letterhead footer and logo. What I liked the most is use of the shape across the different forms. Also the shape is used in different ways like in log and in footer in different sizes yet maintaining the ratio and color combination which makes it unique.

 

 

 

 

 

 

Apple: Apple uses the custom typeface which is used across different products. And this typeface uses the particular gray hue which adds to the uniqueness. The gray shade is even used in hardware like macbook and iPad.  the apps i iOS uses a particular curvature and it is the same in dialogue boxes, apps and even iphone edges. What I like the most about apple identity system is the consistency across their products including hardware. Also the use of typeface across different platforms lke iOS and iCloud and iTunes.

 

 

 

 

 

 

Apartment therapy: Apartment therapy uses different color across different media. Orange logo and blue letter on business card. The typeface used in logo is different from that of letterhead. The main design aspect for an identity system is consistency and which was missing in this. Also I did not like the way typeface is used as it is different in different places. even the shape and corners visiting card does not match with the website.

 

 

 

 

Southern Comfort : It uses different typeface and color combination for the same product which makes identity system a fail. Southern Comfort uses white background and red font and sometime the colors are interchanged on same product. The outline around the text exists on some labels and absent on others.  As shown in the picture the fire symbol is used in all angles possible; which makes not so unique about the image. Also this design lacks repetition and consistency.

Landing page – Photo essay

 

 

 

 

 

 

 

 

The impressive design in this landing page is the opacity and the use of background image. It is black and white while the green bar in the foreground make is the text visible. The transparent layer above the green bar gives a classy and modern look to the landing page.

 

 

 

 

 

 

 

This landing page has made a good use of color and foreground-background  concept. The menu looks different yet clear and the green line indicating the menu which is active gives a rich look. Also the placement of video player and the dialogue box gives a 3-D effect

 

 

 

 

 

 

 

 

The good design aspect of this landing pages is the background-foreground look being represented via sticking login box. Also the logo color makes it stand out while the rest of the page is just black and white.

 

 

 

 

 

 

 

 

This is more of a information intensive home page where a lot of information is being conveyed via graphs and charts. The tile layout of displaying can be used for SUCCESS landing page as it make easy to navigate.

 

 

 

 

 

 

The tile layout o this page make more appropriate for SUCCESS program land page because it makes easier for student to select the option they want. Also the color distinguishes the category from the others. mixed use of large images and tiles along with color combination makes the design ideal for SUCCESS program.

Icon set – V2

This is the improved version of icon set. SVG files are uploaded to dropbox

Icon Set – final

Computer generated Imagery – Inspiration #10

 

3D renders really impress me. It’s incredible how some designers recreate things from real life on a computer, creating what we may call simulated pictures. Sometimes, we can’t even tell whether an image is real or a computer graphic, and that’s freaking amazing.

I came across this amazing realistic 3D Computer Graphics that impressed me a lot for its rendering and textures, which turned this computer generated images into real pictures of another world. It involves a great deal of precision and effort to generate a simple computer graphics that looks like a real world object. Developing a human face on computer is a extremely difficult task and the technology enables us to do that is simply amazing.

– See more at: http://abduzeedo.com/amazing-realistic-3d-computer-graphics#sthash.cBimZBlf.dpuf

 

Source : http://www.stumbleupon.com/su/1y0oRv/abduzeedo.com/amazing-realistic-3d-computer-graphics/

Icon Set – V0 and V1

This is the Icon set designed for KKHS. Sketches are the initial ideas and the version 1 are derived from one of the sketches.

 

 

 

Icon Set – SVG files are uploaded to the dropbox.

New approach to graphics for mobile apps – Inspiration 9

 

Users demand their commerce apps be easy to use, fast, and beautiful. When you build mobile apps like that, your users spend more time in-app, share more, and have lower bounce rates, larger average cart sizes, and more frequent transaction. Graphics are key to the user experience of online content, especially now that users are accessing that content on a multitude of devices: smartphones, tablets, laptops, and desktops. This stratup  proposes  foundational methodology for optimal use of graphics that begins with HTML and CSS, and delves into the worlds of typography, color, transparency, accessibility, imagery, and layout for optimal delivery on all the different devices people use today.

With limited real estate available on mobile screens one of the main challenge is designing appealing graphics for small screens. The inspiring approach adopted by the startup fueled is scrollable graphics. as swipe gesture is used to scroll down the page, extending the graphics multiple pages and let the user explore the hidden graphics. Another interesting tactic used is providing a shortcut to the larger content/graphics and showing a glimpse of it may look like if clicked.

Source : http://fueled.com/about/

 

 

Cafe James – Student menu – V1

This is the student menu for cafe James. The design is chosen from the earlier grid layouts.

student menu 2

student menu

Cafe James – Staff menu – v2

This is the improved version of Staff menu for Cafe James.

staff menu – final

staff menu 2- final

Graphics Trend – Inspiration #8

Web design deals with the area of designing a good website and in the long run updating and maintaining. With the internet boom, every company wants to have an online footprint and a website is the best way to showcase one’s skills and business and kindle the curiosity of potential customers.
The layout of a website depends on its functionality and use and hence what applies to one industry cannot be generalized to others. But the trend in graphics design especially in the web and mobile world is the 2d vector style graphics. Keeping up with the trends in graphics design is crucial for a graphics design.