Sunday, July 29, 2007

MP Logo

6 months ago, I was asked to design a logo for my father's company. It is a small company which produce a variety of clothes for the main market in Russia. The name of the company is Minh Phuong so that the logo is MP for abbreviation. I have posted my final design and the background of why I chose that design, you can access this site to see my logo design http://s3131700.blogspot.com/

2 weeks ago, I was asked to design a small card based on the original logo which you can see above. This new card will be attached to jean short products rather than other ones.

Following is my final design card which now has been in mass production as you can see.




There is a little change in my design for this new card. Rather than populate the whole design with the black horizontal lines, I have limited the amount of the lines to give more blank space or negative space for the whole design to the top and the bottom.

The whole theme color still remains as the original.

Ringbearer medium Font

Ringbearer medium is the font that was used for "THE LORD OF THE RINGS" title logo.

You can download this font from this site http://www.thehutt.de/tolkien/fonts.html

As a homework for Typography lessons, after identifying the font for the title logo for "THE LORD OF THE RINGS", I did playing with the font in Illustrator that is trying to match the font to the original font image. Following is my done product :P



It was hard to do modifying the 2 letters "L" and "R" to match the original one. "R" is the most difficult part; to deal with this problem, I got to use the pen tool to add extra points and then use direct selection tool to do modifying these points.

After this homework, I now can throughly understand the capability of the two main tools in Illustrator (pen tool and direct selection tool).

Monday, July 23, 2007

My Gestalt Practice Exercise



This is my final version for my Gestalt Practice Exercise ^^.

Sunday, July 22, 2007

My first website


The snapshot above is my first website design for the assignment of Web Programming course.

It is a website of an imaginary online job agency which offers a variety of utilities for both company employers who look for capable employees and job seekers who seek for jobs.

Because this is an informational website means that it provides people with mainly information other than entertainment or for commercial purpose, I try to achieve a simple design to avoid unexpected effects on web viewer.

I chose red as a main color for my web design. It is used for the main banner on the top of the page and other small banners. The red is quite statuated, not so dark or light and plays as a main contrast for the whole page. For the rest of page, I used dark blue for most of the main label and black for universial text.

I divided my whole page into 3 parts. The first part is the navigation area to the left of the page; the second is the main content stands in the center of the pages; the other is for extra purposes like advertising which will be added later. This simple layout keeps united for the other sub-pages.

This website is not uploaded on web yet because I have to deal with lots of codings. However, the main design would remain with little changes till the day it is uploaded on the web (at the end of this semester) ^^

Sunday, July 8, 2007

Negative space

In the first week's class, Mrs. Maddy has mentioned about the concept of negative space in design as a tool to create something called.. (not find a word now ^^) In an example about Bitis shoes, she has shown out that every negative space is $$$ not only because of its cost of papers in advertising or marketing but also its effects of defining products' value. To be specific, one product of shoes on an advertising paper will let you know that the product is much more expensive and valuable than one which is listed in a page with many of shoes in small scale.

One way to keep things in mind is to do more research about this aspect.

Let's get started with a simple definition of negative space "What's negative space?"

Well, negative space is thing that is negative in an image. In this case, it is empty space surrounding one or more subjects inside an image. The empty space in an image is as important as the main subjects themselves. According to en.wikipedia.org (June, 2007), it is said that a good designer makes proper use of negative space to create a good composition in design. For that reason, negative space can be seen as an element in composition. So, you must defend yourself a lot when deciding to eliminate the space by adding other things into your design ( it was said by Maddy in week 2 class as she emphasize the importance of negative space which should be seen as a somewhat sister). In my opinion, the negative space is not special because of the above I have mentioned, but because of its empty result in resting for the reader eyes (so that you can feel free to observe other positive elements which contains messages that the designer want to transfer).

Back to the effect of negative space in advertising or marketing, I have found some ads that take advantage of negative space in order to define the value of the products.

The first one is an advertising of Bank One, a well-known and successful bank. They use an image of a confident business woman in big scale from the left. That is the first one they want to transfer to the customers and is the one that attract your eyes first, then the "BANK1ONE" in blue, the big one on the top and the smaller letter on the right. You can see that they all covered by negative space.

The second one is an ad from Crest organization. A big toothbrush at the center, covered by other information and the negative space in cyan.

The third one is an ad from an insurance company named USAA.


an ad from BankOne (2005, Armstrong & Kotler)



an ad from BankOne (2005, Armstrong & Kotler)



an ad from USAA (2005, Armstrong & Kotler)



References:

Wikipedia, 2007, Negative space, Wikipedia, June 2007, viewed on 08 July 2007, http://en.wikipedia.org/wiki/Negative_space

Armstrong, G & Kotler, P 2005, 'Marketing: Managing Profitable Custimer Relationship' , in Marketing I An Introduction, 7th edn, Pearson Education Inc., NewYork, pp.21

Armstrong, G & Kotler, P 2005, 'Segmentation, Targeting, and Positioning: Building the Right Relationship with the Right Customers' , in Marketing I An Introduction, 7th edn, Pearson Education Inc., NewYork, pp.187

Armstrong, G & Kotler, P 2005, 'Managing Marketing Information' , in Marketing I An Introduction, 7th edn, Pearson Education Inc., NewYork, pp.111

Saturday, July 7, 2007

JAVA LOGO

In the first week of this semester, we did discussion about logo in Maddy's class. This was such an interesting class because of Maddy's talent of presentation. She gave us lots of examples about logo ranging from Apple logo, Bitis logo, etc. Through these examples, she has given to me a quite clear concept on logo design such as what the meaning of a logo is, how a logo affects the company's image and how to design a logo based on the client's request and so on.

This semester, I did enrol to Java class. When accessing the Java website in order to download Java application software for my computer, I got a strong impression on Java logo. It is a representation of a cup of tea or coffee with a 2-line smoke coming out from the cup. Just like any other logo, the colors of this logo are based simple ones, red and blue in this case. The logo was placed nicely in the top left of the website.

Wow, this was such an impressive logo made up by smooth curved lines. I really like it. However, it couldn't really make sense for me; I was wondering why the designer design such a logo as a representation or symbol for such a programming language; hey you did a discussion about logo in Maddy's class, why don't you try to analyse this one to have a clearer image?_ I replied myself ^o^.

Before analysing the logo's meaning and its design composition, let's take a look at the logo.


(source "http://en.wikipedia.org/wiki/Image:Java_Logo.svg")


First, let's talk about the shape of the logo itself; it is an image of a cup on a saucer with steam on the top. One interesting thing of design is that the image is made up of simple curved lines ( 8 lines in total, 6 lines for the cup and the saucer and 2 for the steam).

About color, it is made up of 2 main colors (red and blue) which are 2 primary colors in design. By using these two colors, it can be placed nicely on different colored backgroud but still keeps a nice contrast... Hey, let's look at the steam, it should be white in reality, why ... red ? Uhmm maybe it is not only a steam coming out a cup, it's acttualy a fire :D Wow it really look like a fire now. I can now see one interesting point here the cup make you think the 2-line steam as a steam but the color of the steam tells you that it's a fire; or in other words, the cup anchors the meaning of the 2-line symbol as a steam while the color of the symbol anchors the meaning of the symbol as a fire, so interesting. It reminds me about lessons on representation, signifier and signified and the respond assignment of using words to anchor the meaning of an image which may have many of different meaning when standing alone in DIM 1.

Fire is a symbol of power, heat, energy, strength, danger etc. Based on this association of meaning, it shows out a sense of the power of this programming language, Java. Indeed, Java is a strong language in computing, especically on Web environment. By writting a program in Java, you can get it run on almost computing systems. I'm not going so far to technical of Java... but by using a "steam of fire", the designer has transfered to us the power of the Java language. In addition, the fire is light red which signifies joy, passion means that you as a programmer or user can find joy with apps written in this language.

About typography, there is only one word Java (the TM on above is not important, just don't care of it :P). The designer uses sans-serif rather than serif font for this word. The reason for this is that the Java logo will mostly appear on a computer screen, san-serif font could result in less flickering effect than serif-font. For PDA devices, the logo may even be very small at a top-left or lower-right of screen, we cannot recognize the word Java if it's serif font in such stituation.

Note: This anylasis of Java logo is based on my own observation of the logo as well as my emotion, impression and knowledge of the Java language so far ^^; so it may not be 100% correct and even wrong to other people's ideas. I hope getting you comments to share your opinion about the Java logo. ^^