Wednesday, May 26, 2010

In Profile - The Graphic Design Of Red Dead Redemption



Okay I
bet your all wondering why are you doing a post on Red Dead Redemption isn't that a video game it has no place in a design blog. Well let me clear things up I brought this game last week and everyday I find myself looking at the graphic art that has been produced for the title, It has this fantastic unique illustrated feel which is combined with the powerful colours and strokes which give it the pieces a rough emotional edge.



So what is
Red Dead Redemption I hear you asking well Red Dead Redemption is a free roaming game which is based in the wild west during its climatic period. The first thing you notice when you view the numerous posters is these incredible portraits of the games many unique characters these characters have an extremely detailed hand painted feel to them which gives you the feeling that these people have real emotion and identities.


The typeface they used on every piece of work is called
Chinese Rocks , this typeface when it is mixed in with the relating elements creates such a powerful and believable look that it really is from the wild west with its long elongated lines mixed in with the sharp angles used for corners of the letter's. You almost believe that it was hand painted right on the paper.

The one thing you'll notice with there use of white is that its not a clean base white theres a dirty used tone to it, this when used along with the powerful red and black combination helps communicate the games constant tension and terror ridden story. Also when this colour combination is used its along side the characters it helps add definition to there shape and shadows.


In summary Red Dead Redemption's design campaign is one of the most well executed and well refined I would rate it right up there with one of my previous posts on Bioshocks Art Deco based work in terms of its refinement.

Referencing

Rockstar Games Presents Red Dead Redemption, (2010). Retrieved May 28, 2010,
from http://www.rockstargames.com/reddeadredemption/

Magazine Publishing - IDN


Whats Idn you say, well Idn is short for international Designers Network its a magazine which showcases the best Design work from around the world. It covers all the major genres of design from graphic design,Interactive, gaming, animation and web design. Idn's articles serve as a final show case for what ever is been focused on. So why did I chose Idn to focus on besides obvious reason well its the totally unique way it is produced every page is change altering just like a creatives mind brainstorming away, the feel alters with the ever changing stock i can remember an issue which covered magazine editorial where I counted 16 different types of paper used in one magazine. to me this magazine is eye candy for a designer a great source of inspiration I always have 2-3 copies on my desk just to flick through to inspire a knew train of thinking.

As you can tell by what Ive said earlier that
Idn is aimed at a very niche market and that market is us the creatives, there not trying to attract joe blog of the street, its meant for us the creatives from the covers all of which are dedicated to the specific them of the issue. With every page you flick though you'll notice large to subtle changes in the layout of type and images it can be a little intimidating at first but once you get used to the every changing layouts it starts to become like an amusement ride. The one great thing about Idn and its layout is that there all a combination of different styles and techniques and it all seems cohesive.


Overall I highly suggest to anyone who is involved or interested in getting into the creative industry to read and dissect
Idn its a great place to learn be entertained and immerse in the world of design.

Referencing

IdN v17n2: Retro Graphics, (2010). Retrieved May 29, 2010, from
http://idnworld.com/mags/?id=v17n2

Interactive Design v1.4 - Advertising







Advertising in interactive design has some surprising parrells to that of advertising in printed media, there both trying to sell something a service, product or a person and push the branding for with the intending result of the advertising being a that of a financial gain for the client. The only difference is that advertising through interactive media has movement whilst the graphic design is limited to being static.

So maybe your wondering
so what exactly does an interactive designer produce for advertising, well the most common item is a flash banner you'll find these on nearly every web site you go on these are fantastic for getting the word out about specific products/services and often contain alot of movement so that they catch your eye, then you have the GUI which i covered in a earlier post these are usually produced for clients with big pockets and are wanting to make a large impact, the advantages of these compared to the banner is that you can design a GUI to contain alot richer content and lastly the most common one you may see is flash based movie now these differ from banners as these have a larger space to work in and are used in a centralized way unlike a banner which is hidden away, they are all movement based and are on a constant loop.

So as you can see from my brief listing of the most common interactive based advertisements, there is a large scale of options depending on the budget of the client. Overall advertising is the main business you will find in the interactive media there not usually the biggest jobs but they offer a challenge to push we as creatives to fill a space and sell a product on the worlds busiest exchange the Internet and personally that is the biggest challenge of all.

References

Interaction Design. (2008). Retrieved May 19, 2010, from
http://en.wikipedia.org/wiki/Interaction_design

Interaction Design Blog. (2009). Retrieved May 19, 2010, from
http://www.interactiondesignblog.com/

Tidwell, J. (2005). Designing Interfaces. California, United States Of America, O'Rielly.

Magazine Publishing - EGM[i]


So I've covered alot of print based publishing and I thought it was a good chance to change things up when i came across EGM[i] . EGM[i] Now or in its full name Electronic Gaming Monthly Interact is a fully web based interactive magazine that was launched in april this year. Egm was for over a decade Egm was a print only based publication until 2009 when there owners went under due to rising cost for producing the magazine in its current format, the magazine closed down until the original owner Steve Harris reacquired the rights of the magazine and choose to release the magazine in a digital format that has a strong focus on interactivity with its readers.



The fact that this magazine is a fully interactive experience for the reader shows, It shows a considerable development from the earlier digital magazines that were effectively Pdf's of the publication which were not making any real attempt to create a unique publication for the digital side of the magazine. This is what really makes EGM[i] stand out you can tell that there has been alot of time spent in developing a truly unique user experience which makes the reader feel apart of the world of EGM[i] every page has something new and fresh to grab your attention.



EGM[i] still carries on a legacy of a traditional publication in terms of the layout of the articles and text, but adds movement to pages with scrolling titles and video's playing whilst you read, in doing this they make every page an event. this publication in my opinion represents a landmark in the future of magazine publication.

Referencing

EGM[i] The Digital Magazine. (2010). Retrieved May 27, 2010, from
http://www.egmnow.com/

Electronic Gaming Monthly. (2008). Retrieved May 27, 2010, from
http://en.wikipedia.org/wiki/Electronic_Gaming_Monthly

Harris, S. (2010, March 10). EGM[i]: The Digital Magazine Preview [Video file].
Retrieved from
http://www.youtube.com/watch?v=zGxQHboJAEs

In Profile - Bioshock's Art Deco


Whats Bioshock I hear you say, well Bioshock is a Video Game which is based during the 1950's in a underwater utopia called Rapture which has fallen into complete disrapear and the for inhabitants are now geneticaly altered creatures, now your wondering why im writing about this in a design blog. Well Bioshock's world is influenced completely by that of the art deco of the era.


So youre in Rapture the tensions building and u walking through these beautiful bar's and build which a covered with these art deco posters and signs some are in complete perfect condition others have been torn to pieces just as if they are falling apart with the city itself, for example lets look at the on of the poster's that is placed in the game, if you look it on face value you would say it has been drawin on by an insane person, but if you take the time to look at it you can see the inoccence of the art deco graphic design that was originally there, the young flawless woman smiling and enjoying life thats the perfection which only art deco can achieve.


I always find myself look at every poster I pass in the game just to take in the fantastic indentities of each of the citys business, it makes the world so believable. Art deco is such a distict look which can carry several emotions of power, wealth, inoccence and beauty this makes it perfect for the city of rapture it was once a utopia of which there was no rules and you can see how the art/design team has interpeted it through the long elongated lines of the text and the picture perfect characters.


I personally find great inspiration in art deco, but its the unique application of which Bioshock has applied it in a graphic design sense to create a scene for the world. The logo's, posters, banners are the citys soul and great credit should go to the graphic designers were used in the creation of them.

Referencing

Bioshock Official Website. (2008). Retrieved May 26, 2010, from
http://www.2kgames.com/bioshock/enter.html

Cult Of Rapture. (2009). Retrieved May 26, 2010, from
http://www.2kgames.com/cultofrapture/


Magazine Publishing - Fashion

Fashion magazines the real glitz and glamour of the publishing world, there recognizable with there glossy front covers, great photography and refined titles Vogue, Elle, Nylon, Bazaar just to name a few, these magazines are the masters of sending emotions through the viewers mind they literally feel expensive to hold and flick through. Imagery is king in these publications ever page has some thing any viewer would aspire to wear and be admired by others, they are journeys into are sub conscious desire to be look and feel glamorous.

Vogue Australia
Vogue is easily the biggest Fashion magazine in existence anybody who's anyone knows of it its the Google of the fashion publication world for all you tech heads out there. I've chosen the Australian edition of Vogue to see how fashion publications are handled down under.

When you first see
Vogue your eyes are instantly drawn to the center of the cover where a fantastically captured full body portrait of a model is shown not only is this a great way of balancing a page but it gives a feeling of a confrontation with the image. the logo is placed at the very top of the page in the center but it is hidden behind the main image, the text itself is in superbly well balanced positioning with a combination of both bold type but also an elegant type face is also positioned on the cover a interesting feature is that not only is the type effective the colours used in the typefaces both match and flow with the image to form a cohesive piece of imagery instead of bits and pieces.
So once you've passed the cover and you start to flick though the first dozen pages you'll notice an almost limitless amount of 2 page spread advertisements each more unique than the next, Making the magazine feel like a fashion show your constantly bombarded with these glamorous shots of models displaying these fantastic new fashions.

Referencing

Vogue Australia. (2006). Retrivied May 25, 2010, from
http://www.vogue.com.au/

Interactive Design v1.3 - Actionscript as3







Actionscript is the object orientated coding language of Flash, I Refer to it as the the numbers and letters than form many a sleepless night. Actionscript is the backbone of all interactive creations, if you want to create all those fantastic multi layer interfaces, Flash Games and what ever else you can think of that involves a user interacting with some of your work then Actionscripts what you need to know.


So by the first paragraph you can easily see how vital a role a knowledge of Actionscript is to a Interactive Designer, but its one of those few things were your knowledge of this rather complex code is up to creative its all open source and that allows hours of experimentation for no cost which is fantastic and allows a creative thinking that I don't think is possible in the print media due to costs of printing.

But by no means is this an easy code to learn for the majority of us, there are some parts of to it which require the ability to use complex equations to predict the movement of objects etc, but dont let this scare you away from it, because for the most part when your coding up for a menu its just a very basic and repetitive coding. Which is not that stressful on the mind once you have figured the basics out.

So to wrap it up actionscript is vital to interactive designers and whilst some of the code is scary and confusing we just have to live with the complexities of it and just adapt the best we can because what is able to be achieved with the use of code and flash is limitless.


References

Interaction Design. (2008). Retrieved May 19, 2010, from
http://en.wikipedia.org/wiki/Interaction_design

Interaction Design Blog. (2009). Retrieved May 19, 2010, from
http://www.interactiondesignblog.com/

Develop Php.(2008). Retrieved May 18, 2010, from
http://www.developphp.com/

Tidwell, J. (2005).
Designing Interfaces. California, United States Of America, O'Rielly.


Sunday, May 23, 2010

Interactive Design v1.2 - GUI



GUI or in its expanded term Graphical user interface is one of the main jobs that you will find an interactive designer preforming. In essence a GUI is creating a visual composition for. Interface is one of the main jobs that you will find an interactive designer preforming.

A Gui is a graphical representation of a program or application its the first thing you see when you start the program a menu screen if u will, its what the user first interacts with so its look, style play huge relevance when designing the GUI for a specific audience but the most important factor in a GUI is its usability it has to instantly make the user feel welcome the layout and structure should be so intuitive that the use doesn't have to think when the enter it. Trust is everything when designing a GUI.

So I bet your all thinking oh god hes going get all heavy im the technical side of GUI and the mental approach well think again, Im here to explain the uses and relevance of GUI's in interactive design. So first off the ability to design an effective GUI as a interactive designer is one of the most crucial skills its the most common job we get and being able to understand the core skills of designing one helps us to communicate an experience which evokes an emotion, for all those graphic designers out there think of it as being able to design logo's we all need to know how to do it its the core job And like all things in interactive design there has to be a flow to it.


Your first aim when designing a GUI is to think what has been done and how can I improve it and put my own twist on it, you'll look at the flow of it how each page is accessed, what emotions does it make you feel does it make you feel empowered to make what ever choice you want or does it make u feel restricted to a set path. But most important off all does it give you a feeling of trust and by trust im mean that your feel at home and that everything you do just seems like second nature your not having to teach your self how to use it.


References

Ten Usability Heuristics. (2005). Retrieved May 19, 2010, from
http://www.useit.com/papers/heuristic/heuristic_list.html

Interaction Design. (2008). Retrieved May 19, 2010, from
http://en.wikipedia.org/wiki/Interaction_design

Interaction Design Blog. (2009). Retrieved May 19, 2010, from
http://www.interactiondesignblog.com/

Develop Php.(2008). Retrieved May 18, 2010, from
http://www.developphp.com/

Tidwell, J. (2005).
Designing Interfaces. California, United States Of America, O'Rielly.

Saturday, May 22, 2010

Magazine Publishing - Sport Magazine's

In the first post on the topic of Magazine Publishing I thought a good place to start would be the genre of sports magazines as its a topic which is of high interest to me, the magazines I researched were ones that a available locally here in Australasia the first being Sky Sport The Magazine and the second being Inside Cricket, these two publications differ in the first instance as "Sky Sport The Magazine" covers a large variety of sports which gives the publication a far great visual scope, whilst Inside cricket has a very consistent look throughout as it is focused on on particular subject therefore creating a far narrower
visual scope.


Sky Sport The Magazine
The first thing you notice when you see this magazine is the unique graphics used on the cover, its a rarity to find a sport's magazine here in Australasia that is willing to be so experimental with its graphics on the cover with both vector images being mixed in with still photography. The colours are very eye catching and different compared to the usual bland palette we see. the cover itself is almost trying to shout out at u to pick it up just like a enraged sports fan cheering for his favorite team, its a fantastic concept when u take in the subject its selling sports an event u got to sport to be entertained not bored and taught.

Once you open up the magazine and start to flick through it you see a large array of imagery just dying for the attention of any sports fan and there not just basic action images, there images which have been modified and mixed with type creating a collage of sorts, theres actually a large amount of type in this magazine but its the way that they handle it, which makes this magazine standout its all very neutral but its hidden away for u to find for the most part, in doing this it gives the fast paced look and feel of a major event and as you skip threw the various articles you notice the changes of emotional with colours the placement of type and imagery theres nothing dull nothing try to hold it back, its like they want you to believe as if your there on the sidelines screaming and taking in the atmosphere.

Now I know alot of you are thinking what are you on about its just a magazine it cant really do all that its just a magazine. But you should just let urself be that fan as you read through this magazine let it sink its Testosterone covered teeth into you because once you do you'll totally understand what I was talking about.





Inside Cricket
The first notable change you'll notice when you look at this magazine is a very Conservative look with text placed in a very generic manner with basic font's that have had drop shadows added to them to give them the illusion of being pushed forward, there is one main image that is centered in the middle creating a visual draw space and the only other images on the cover are found at the bottom displaying smaller stories these images are considerably smaller, in doing this they create a very consistent visual hierarchy if not engaging a viewer in any new way and inspiring way.

Yet when you look at the way each article and story is handled in terms of layout the use of images and colours there is a sharp contrast when compared to the very generic cover. For example you look at one of the smaller articles and you are presented with a large image which are usually action shots then on top of that the articles title is added over the image, the type its self is the same as the cover which carries a nice consistent look, then u look over the page to the first page of real text, the type itself is usually handled is 3-4 columns which carry a nice flow across the page for the most part text is black on a white background giving the type good clarity, images on the pages are handled in a different manner completely in that they are cordoned off and given a frame in doing this it not only gives the page depth it also keeps it separated away from the type.

Features and main articles are much more of a cohesive form the just the general story. With both heading, sub heading and general type along with the main image all working together as one to create a far more intense, eye catching event when you look at this article. Again text is handled in columns of 2-3, but there is almost the greatest sense of a overall refinement out of the whole magazine when you view the lines of text nothing feels forced upon you, its very inviting and friendly.

Referencing

Raman, N. (2009, October). Inside Cricket. Retrieved May 22, 2010.

Golightly, D, (2009, December).
Sky Sport The Magazine. Retrieved May 22, 2010
.

Thursday, May 20, 2010

Interactive Design v1 - The Role Of Flash







Now I know what your thinking what do I care about interactive designers and what makes them work, you maybe that graphic designer that see's us as the devil who is trying to kill your field of work, with there flashy new style that has no place in there design world, well im hear to demystify that myth the best I can so lets start with the basic's


In the field of Interactive Design only one thing is more important than the mind and that is Adobe's Flash its our livelihood our bread and butter program it brings life to the experiences, dreams and passion's that we develop in our creative mess that we call our imaginations, so for all those graphic designers that are trying to find something to relate to it from there world think of it as our version of Indesign. Its the tool that we head to first thing after we concept an experience, now u can already see a trend im using the word "Experience" let me clarify why I focus on this word so much when im talking about interactive design, in interactive design everything is about the user's experience just how graphic design focuses on provoking a feeling we focus on dragging the user into a world and letting them interact with it, anyway back to Flash.


Flash as a program deals in adding animation, Video, Interactivity to Games, Web sites and advertisements, Its a Rich Internet Application (RIA). Flash's main purpose is to manipulate vector and raster images to provide animation to whatever text, drawings or images you want along with the ability to add video and sound as well this gives flash a highly creative field to play in and thats with out even going into the programs object orientated language Actionscript which il cover in detail in a later blog. So theres a good description of what flash is on a technical level, But I know there are some designers think and what was I supposed to be impressed was I supposed to see that same white light that all interactive designers see with that program because all I see is another program, its not like I ever use flash in my daily life. Well let me make a assumption that the majority of the readers of this blog use Facebook the worlds largest social media network and il make another assumption that you play some form of gaming inside of Facebook well the base of all those programs is flash its the body the structure of those games, so even though you may say screw flash your promote the use of flash and you dont even know it.

But back to the way we interactive designers use flash and how it makes us soo amazing to this new ever changing world of design. To we the interactive creative Flash is a enabler for us to express our creativeness, so for example im working for a client who has a business in the sports promotion, now the way a graphic design would approach creating something is to jump on indesign and photoshop and make something static that communicates and emotion, but the way an interactive design would approach this is to jump and on flash and think well I can create a flash animated banner or a small flash game promoting the event or he/she could go all out and create a flash user interface in which anyone interested can interact in a completely individual way maybe he wants to watch some promos of the event or wants to see the profiles of the teams playing or he wants up to date info on the event, well all that can be achieved inside of the realms of flash.



So in summary flash is the a enabler to all interactive designers its no black magic its a tool waiting for someone to explore its possibilities, it's constantly evolving re-shaping its self for something so fantastic and revolutionary every time we enter its realm.

References

Adobe Flash Professional Cs5. (2010). Retrieved May 17, 2010, from
http://www.adobe.com/products/flash/

Unofficial Adobe Cs5 Blog. (2010). Retrieved May 17, 2010, from
http://cs5.org/?cat=8

Ten Usability Heuristics. (2005). Retrieved May 19, 2010, from
http://www.useit.com/papers/heuristic/heuristic_list.html

Interaction Design. (2008). Retrieved May 19, 2010, from
http://en.wikipedia.org/wiki/Interaction_design

Interaction Design Blog. (2009). Retrieved May 19, 2010, from
http://www.interactiondesignblog.com/

Develop Php.(2008). Retrieved May 18, 2010, from
http://www.developphp.com/