Friday, December 22, 2006

Some Logos & their logics

Logo Design - is one of the most important aspect of graphic design. My understanding of Logo Design is that it is an iconic symbol to represent a company, a service, a product or anything..!! Basically, in todays world, we are much used to Logos than that of the name of the actual company.

There is something very interesting below, related to logos, which I received through an email.

I am not sure how many of you have noticed a hidden symbol in the Federal Express logo:

Yeah, I am talking about the 'arrow' that you can see between the E and the x in this logo. The arrow was introduced to underscore speed and precision, which are part of the positioning of the company.



The SUN Microsystems logo is a wonderful example of symmetry and order. It was a brilliant observation that the letters u and n while arranged adjacent to each other look a lot like the letter S in a perpendicular direction. Spectacular.



The above logo is for an editing studio. I like the way the logo attempts to convey what they do.



The above are two magazines from the Readers Digest stable. Again, the attempt to communicate what it is about quite figuratively through the logo catches my attention.



I liked this logo of a hair stylist for the cheeky humour it brings to the (dressing) table. :-)



This was a logo created for a puzzle game called Cluenatic. This game involves unravelling four clues. The logo has the letters C, L, U and E arranged as a maze. and from a distance, the logo looks like a key.



This logo is too good. For the name Eight, they have used a font in which each letter is a minor adaptation of the number 8.



Eighty-20 is a small consulting company which does sophisticated financial modeling, as well as some solid database work. All their work is highly quantitative and relies on some serious computational power, and the logo is meant to convey it.

People first guess that 20% of the squares are darkened, but that turns out to be false after counting them. The trick is to view the dark squares as 1's and the light squares as 0's. Then the top line reads 1010000 and the bottom line reads 0010100, which represent 80 and 20 in binary.



This was a logo designed in-house for some internal event at IBM. I like that they are quite relaxed about the logo, unlike certain other companies who do not like the logo to be tampered with in any way even for internal promotions.



Another similar and most famous example for the same concept is Google. I am just so curious about, 'what it might be today with the Google Logo', everytime I go to that page and to my excitement there is something new again..!! How exciting.




The arrow here means something. It says that amazon.com has everything from a to z and it also represents the smile brought to the customer's face. Wow, that is quite deep.:-)

Tuesday, December 12, 2006

Web Applications - Mini Project

Flash Mini Project – Interactive Game Design

The task is to design a game in Flash, enabling the users to use the elements which will be made available, and create an own story. User should be able to view the entire story after creation.

My understanding to create this project is that, user should be able to drag and drop any element and place them anywhere on the scene. Later, when satisfied, user should be able to save his movements and watch it again as an animation.

The very first part of the project would be to create some elements, which, user should be able to drag and move around the stage. This is possible by using the following code:

on(press)
{
this.startDrag();
}

on(release)
{
this.stopDrag();
}

This code allows to drag an object on mouse press and stop when released. Next part is to record the initial as well as the later placement of the element which is possible by storing the X & Y co-ordinates of the object.

Store..!! but where..?? According to the example shown by David Downes, these co-ordinates can be stored in an array. Sounds good…!! I tried recreating the example and somehow after 2-3 trials………. Success!

Now I am confident that I can start working on the project. Start… but from where? Better option is to create a working sample model of the concept and then enhance the visual design later on.

Exploring Multimedia - Stage 1 Coursework



The Concept –

Banner Advert for the Web Application ‘Systemic Enterprise Connector’

Description –

The concept of my Banner Advert is a Web Application, which has been developed by a company called East Collaborative Strategies (P) Ltd. The reason behind choosing this application is basically my involvement in the process of the design and development of the same. The company was a software firm and I worked as a Graphic Designer there. I was very much involved in building up the entire Brand Identity for the company as well as this product.

SEC is a management information system, with powerful Enterprise Application Integration to meet large information processing needs in an enterprise from various functions/departments at bottom line or tactical level to strategic through policy levels at top line. ( Ref: www.eastcollaborative.com )

So, this description was to be presented in the banner..!! I used the problem-solution method to initialize the design process. SEC helps in managing various things in an enterprise like Products, Processes, Documents, etc. The banner initially starts with lot of words popping out, which are the modules leading the user to a state of confusion, as in what is happening..?? Actually, this confusing state relates to that of the description of the application, where, it is said that all the departments and information systems are scattered, if an enterprise is not using SEC.

Another important issue in the design was to maintain the corporate standards and identity of the company. And most important thing is that the entire SEC application was developed without using images in any part of the design. (Except for login page & the flash logo animation). So, if I am designing a banner to advertise this application, the design of the banner should reflect to that of the application. Using images in the design of the banner would have given me a better and attractive output, but going by the design concept of the application and also the theme of the company was more important. So, I used only text and fonts (Albertus Medium & Swis 720 BT) which were used in the corporate theme of the company.

Initially, before starting off with the design, I made a small flow chart to help me with the banner. This flow chart consisted of all the elements to be presented and the captions to be used. Then I started off with the design with a color band animation. Again, the reason for using this color band is that, this is the theme which was developed for the application and the entire design of SEC is based on these colors. Simultaneously, the names of the modules of the application – Products, Processes, Issues, Documents, etc, are presented in a confusing manner. A question mark pops out after these confusing elements, where, I assume that the user should be confused about what is happening.

‘Just a Sec..!’ – this is the caption used for the promotion of the product. There are two things which are related to this caption. The name of the product which is ‘Systemic Enterprise Connector’, which in short form is known as SEC. Another interesting thing, as mentioned above, is that the entire application is designed and controlled without using images. The whole design is just table art. Hence, if used on internet, the pages loads very fast and also are the operations done. This indicates that anything on the application can be done just in a span of 1 sec.

For anything online..!! – Yet another caption, which in a similar way gives the impact that any online operation can be done in 1 second.

Conclusion of the banner is the name of the company which has developed the product.

Technically, most of this banner is designed using text and motion tween, using Macromedia Flash. The size used is 728 x 90 pixels. When clicked, at any point of time, it takes the user to the Product website – www.explore.secplm.com.

(Login can be done using the login and password as guest, guest.)