Sunday, June 22, 2008
Tuesday, April 08, 2008
Wednesday, March 12, 2008
Monday, March 03, 2008
Thursday, February 14, 2008
Tuesday, February 12, 2008
Google Logo Design Drafts From 1999
Google Logo Design Drafts From 1999
Wired got hold of Ruth Kedar’s early Google logo design iterations. Like the one above, which was supposed to imply something goes on infinitely. (Previously, Ruth explained her thinking that led to the Google logo of today.)
Wired got hold of Ruth Kedar’s early Google logo design iterations. Like the one above, which was supposed to imply something goes on infinitely. (Previously, Ruth explained her thinking that led to the Google logo of today.)
Sunday, February 10, 2008
Saturday, February 09, 2008
Public Affairs : Changes to civil parking enforcement - The AA
Public Affairs : Changes to civil parking enforcement - The AA: "minor offences, but also allow scope for some councils to exploit the new powers for example, by"
Monday, February 04, 2008
Client Project - The Almond Restaurant
This was the initial proposed template for the project. After the template was designed, unfortunately I had to re-locate and now am living in Stevenage. Because of this re-location, I am now not able to meet my client very regularly.My initial planning for the entire project is done and am just waiting to meet the client and take his opinion on them.
I need good images of the restaurant and the food which is prepared there. Also there is no content in the existing website of this restaurant..!! So, I will also have to plan to take some help from someone to develop good content for this website.
Until now things are going fine, but my only problem was to figure out an efficient & simple way out for the Online Booking System for which I am doing my part of research. I am planning to use the flash component from livebookings.co.uk which I think would give some business scope for this restaurant. However, things will be cleared only after the next client meeting which probably will be on the next thursday.
Thursday, January 24, 2008
Wednesday, January 23, 2008
Testing the resolution compatibility of web pages
I assume that this is a very simple and silly solution but I admit that I do not know many tricks like these. As far as I know, I have seen people changing the resolution of the computer from 1024x768 to 800x600 and so on to check the compatibility of the new web pages. I used to do the same as well until very recently I found a simple javascript to do the same..!!
The trick is - after the page is loaded in the browser, just paste the following javascript into the address bar :
javascript:top.resizeTo(800, 600)
and then press 'enter'. thats it..!! simple. The browser window resizes itself to the 800x600 dimensions which allows us to see how the page looks in 800x600 resolution..!! To check at other resolutions enter the corresponding figures in the parenthesis above and do likewise.
The trick is - after the page is loaded in the browser, just paste the following javascript into the address bar :
javascript:top.resizeTo(800, 600)
and then press 'enter'. thats it..!! simple. The browser window resizes itself to the 800x600 dimensions which allows us to see how the page looks in 800x600 resolution..!! To check at other resolutions enter the corresponding figures in the parenthesis above and do likewise.
Friday, January 18, 2008
Mini Client Project
The mini client project wanted us to create a microsite and a flash banner on the topic 'Insect Repellents'.
I created a simple flash banner which loads with insects moving around the banner with a buzzy noise.
When we roll over the mouse onto the banner, the cursor turns into an insect repellent
On the click of the mouse the insect repellent sprays the repellent and the next screen will show dead insects with a caption - 'Be Safe..!! Know How to... visit www.saynotoillness.com'.
The idea behind this flash banner was to generate awareness of insect repellents. This banner asks people to be safe by using insect repellents and avoid diseases which are sread through insects.
I created a simple flash banner which loads with insects moving around the banner with a buzzy noise.
When we roll over the mouse onto the banner, the cursor turns into an insect repellent
On the click of the mouse the insect repellent sprays the repellent and the next screen will show dead insects with a caption - 'Be Safe..!! Know How to... visit www.saynotoillness.com'.
The idea behind this flash banner was to generate awareness of insect repellents. This banner asks people to be safe by using insect repellents and avoid diseases which are sread through insects.
Tuesday, October 30, 2007
PRP
Creative Web 2.0 Learning
From: heyjudeonline, 5 months ago
Explore, discover, learn, dream and believe that Web 2.0 can help transform your learning and teaching to engage students in 21st century learning.
SlideShare Link
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.:-)
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.
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
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.)
Subscribe to:
Posts (Atom)