Tuesday, 15 February 2011

WHAT IS DESIGN FOR SCREEN: Black Liquid



This video is outstanding, I love the imaginative motions of the shapes and the transitions from shape to shape. The liquid looks perfectly 3d, the reflection and highlights are very realistic and their characteristics in relation to movement are spot on. The music and visuals go hand in hand to put out a nice piece of design for screen.

Black Liquid from Zak-fx on Vimeo.


WHAT IS DESIGN FOR SCREEN: Parkway Drive Myspace

Another one of my favourite bands myspaces but still a really nice piece of Design. The Vintage italic tattoo style type on the deep blue backdrop works well together drawing your eyes straight into the web pages content.  I also really like the illustration in the background, the range of blues and blacks drives the shape of the design, the backdrop of the city helps to draw your eyes down the page.



WHAT IS DESIGN FOR SCREEN: Architects Myspace


http://www.myspace.com/architectsuk


WHAT IS DESIGN FOR SCREEN: A Day To Remember Myspace



WHAT IS DESIGN FOR SCREEN: Cracked Type


Broken type by Stefan Chinof

I love how the type has been altered so that it is still very readable but at the same time reflects and element of  madness. The shards of glass and cracked edges give the type definition and effect.





WHAT IS DESIGN FOR SCREEN: Timescapes


Beautiful colours! Beautiful Imagery! Beautiful Design!


Timescapes Timelapse: Mountain Light from Tom Lowe @ Timescapes on Vimeo.

TimeScapes: Rapture from Tom Lowe @ Timescapes on Vimeo.

WHAT IS DESIGN FOR SCREEN: The Statue part 1

Kilian Eng's Illustration

 



WHAT IS DESIGN FOR SCREEN: Numbers Randy Raharja






WHAT IS DESIGN FOR SCREEN: WW2 posters

Artist Brian Moore has re-produced a series of old WWII posters in a more modern style relating to websites we use everyday. The aged, worn feel the posters have to them combined with the humour behind them makes them makes these 2 posters very visually engaging.




WHAT IS DESIGN FOR SCREEN: Mask 365 Illustration






WHAT IS DESIGN FOR SCREEN: pixels



This video is amazing! To replicate New York in pixels must of been a very hard job. I like the way the different blocks interact with the city overtaking them one block at a time.


PIXELS by PATRICK JEAN.
Uploaded by onemoreprod. - Arts and animation videos.

WHAT IS DESIGN FOR SCREEN: Handcrafted Type Ivan Kostynyk

I can really appreciate the skill behind this hand crafted type below due to being able to see it come to life starting from an initial sketch. Because the piece has been hand rendered rather than produced digitally i think it makes the outcome seem more worthwhile. The letters glide from one to another and flow as a whole logo, good colour scheme.

http://www.behance.net/gallery/Handcrafted-Type-December-2010/867998





WHAT IS DESIGN FOR SCREEN: NIDO number Illustraton

Reminds me of old William Morris Wallpaper, this typeface is hard on the eyes but works well. I like the curvature to each bowl of the numbers adding a feel of movement to each one.
 http://www.behance.net/gallery/NIDO/943379
 


WHAT IS DESIGN FOR SCREEN: Helvetitoc


The website below tells you the time presenting it to you in black capital helvetica. Its a different way of looking at the typeface, pushing it to its limits and showing that its able to work perfectly time and time again. The layout is interesting and not your normal centered webpage, great idea executed well.






WHAT IS DESIGN FOR SCREEN: Tronified Magzine







WHAT IS DESIGN FOR SCREEN: Wataru Yoshida






 Intricate and imaginative illustrations, i love the detailed repetitive line work especially how the repetition of lines adds texture to the muscles.

WHAT IS DESIGN FOR SCREEN: Im Gonna make it better



Self explanatory video. It communicates that experimentation and constantly processing ideas always works forward to a very good outcome. The pastel colours that flow in the backdrop near to the end of the video compliment the letters in the foreground making the video conclude nicely.

Make it better from Sebastianbap on Vimeo.


WHAT IS DESIGN FOR SCREEN: 2 Of The Best Free Fonts From 2010

After looking on a blog i follow from the CSS awards i came across a page about some of the best free font of 2010. I thought these 2 fonts would be ideal to re-blog because they have both been designed and made for screen. At the end of the design process these fonts will most likely be printed but from start to finish they have been solely crafted to be viewed on a computer.




 The arrangement of the typeface above is really interesting, the letters have a very small kerning and uses thick bold blocked stems to fill out each letter. Individually, the letters might not be as recognizable in comparison to a typeface like helvetica however when viewed as a whole the lettering flows nicely as a set.
 
Light green and light blue text combined with the white and Grey works together perfectly and this is why i picked out this specific poster. I like the composition of the piece and how your eyes are drawn from the top left hand corner down to the bottom right. 

WHAT IS DESIGN FOR SCREEN: Keaton Hensons Website

Below are some screen shots of one of my favourite illustrators Keaton Hensons webiste. Its simple and to the point and works for the purpose the site serves. When you first enter the site you are presented with an opening page, the wishbone from a chicken and the decision to view either his artwork or music. When you click on his artwork the page links are spread down the left hand side of the page, with the selected content scrolling down to the right hand side.  This simple format makes it easy to navigate from page to page rather than getting lost when browsing his work.

Viewers aren't bombarded with information or colourful fancy flash files instead you are presented with black text on a white background, the perfect combination for the type to be both eligible and readble.




DESIGN FOR SCREEN: Toshiba 3d advert



Handmade advert designed to be displayed on screen, I like the way the whole video has been made so interesting because of how professionally the paper objects have been animated.



Monday, 14 February 2011

WHAT IS DESIGN FOR SCREEN:The Japanese Popstars Feat. Green Velvet - Let Go (illustrated by Keaton Henson)



This video is a bit creepy in terms of its subject matter, but this is typical of Keaton Hensons style of illustration. I think the main reason why the video appealed to me is because of how all the drawings evolve into one another. I liked the transitions within the frames, seeing the human head exploding into a flock of geese. This surreal video combined with its backing music kept me watching till the end.


WHAT IS DESIGN FOR SCREEN: Simon Page

 Simon Page is a British Graphic Designer who is know for his geometric art. These two pieces of work appealed to me because the vivid rainbow of colours and how accurately the circles have been constructed. The circles could almost be 3D, all the colours work together to create shadows and the highlighted outer ring and inner circle add to the sense of perspective.




WHAT IS DESIGN FOR SCREEN: INTERNATIONAL POSITIVE POSTER COMPETITION

positive-posters.com/gallery/2010/finalists

Below are some winning posters for the International Positive Poster Competition from a link i saw advertised online. I like the motivation behind them and the way each one works for its own reasons. 




I think out of the three above this poster ticks all the boxes in regards to being visually enagaging. The design makes sense perfectly, the yellow to blue misty fade in the background represents the sky, very positive imagery. The type is informative and requires you to do something, this subconciously gives the viewer a link to the poster. When the viewer follows the instructions to look up their eyes are rewarded with the small triangle above.

WHAT IS DESIGN FOR SCREEN: Les Graphiquants

 This french Graphic desin agencies website was a link off stumbleupon that caught my eye. I like the way their website is designed using layout as the main aspect of their presentation. I like the grid the site has used and how each picture or section a lines straight.

The type is simple and the colour scheme is very bland but this is why it works so well. What this website makes me realize is that less is more, the white background pushes the content forward and the soft type is easily readable.





WHAT IS DESIGN FOR SCREEN: Darren Firth Logo Design

 
The logo below is a commisioned Logotype for Brandfluent, a London based consultancy, practicing in the areas of Brand Innovation, Technology, Digital & Experiential.

This piece of design works very well for the role it plays, the clever but subtle alterations to the typeface reflect on the business its been made for and reflect the meaning in their company name.

By giving the 'F' and 'N' in the word 'fluent' curved terminals and foot serifs it makes the other letters flow into one another reflecting the meaning of the word fluent.