You are currently viewing: Home / 2005 / Page / 3

Archive for 2005


WordPress Releases 1.5.1 and a preview of possible logos

Tuesday, May 10th, 2005

Wordpress releases 1.5.1 and possible logosWordPress.org releases 1.5.1 to fix many bugs and patch some items. As with all releases, minor or otherwise, the support load on the forums is mounting and they are in need of more experienced aids to answer questions and help out. If you run WordPress, why not head over and help out someone new to the package.

Just prior to the 1.5.1 release some previews of the new WordPress logo were leaked and are available here. I always like taking a peek into the creative process someone takes to design their logo. The logo has several things going for it so far, and who knows if this will even be the final. But the current direction is good, showing strong attributes. The logo features a strong smooth logomark based on the W. The prominant W has a firm foundation with the serif font but ends smoothly conveying elegance to the utilitarian font. This strong logomark is followed by a font that appropiately catagorizes the logo. The serif’ed font is very classical and evokes a traditional, book-like feel.

Possible WordPress Logo

Between the two styles I prefer the traditional, “logomark on left, logotype on right” logo. Featuring the W mark in the center of the logotype deters from the legibility of the name. It also makes it look like an aviator emblem which is definately not right.

Possible WordPress Logo 2

Flash Flickr and a CSS cheat sheet

Thursday, May 5th, 2005

Catagory: FlashA Flash based Flickr image browser. What a great implementation of the wonderful Flickr API and Flash’s ability to access dynamic content quickly and present it in a way only Flash can.

Are you a designer? Find yourself forgetting certain css selectors? I love Jack Daniels has a great cheat sheet section and has recently added a CSS cheat sheet.

Creamer Pyramid

Wednesday, May 4th, 2005



Creamer Pyramid from above

My previous coffee creamer wall was unable to support the weight of additional blocks. Thus I begin on other simple structures and geometries. Naturally the pyramid is an obvious choice for a stable structure.

Css-based design in 60 seconds

Tuesday, May 3rd, 2005

At my day job I have a new site to create for a client. Being that it is a straight html, brochure-style website – I decided to put my css / xhtml skills to use and usher the website into the 21st century. I screencapped the process at regular intervals and wove them together in a fancy animated gif you can view here. See how a boring, black & white, html page becomes tranformed into a colorful, pleasant website.

CSS evolution - css-based design in 60 seconds

5 tips for good logos: Tip #3: Geometry Matters

Tuesday, May 3rd, 2005

Tip #3: Geometry MattersPut away that protractor, its not that kind of geometry. This third installment of 5 Tips for good logos isn’t going to teach you how to obtain the cosine of the adjacent angle but a simple knowledge of the four basic logo structures, how basic shapes can convey emotion, and proper logo proportions can go a long way towards a successful logo. Math wiz or not.

Define your logotype

Its important to understand what kind of a logo you are designing. It doesn’t matter if its your personal logo, or that of some high-society organization. Will your logo have an icon or symbol? Do you prefer an emblem with elaborate illustration? Is your company name recognizeable and short? All valid questions you should be asking yourself or the client. Here are the basic four logo structures commonly used. There are pros and cons for each type, and the style that will best suit you depends wholly on the type of business you are in.

Wordmark Logo

A more widely used of all logo types, the wordmark focuses on text and typeface but can incorporate other elements as well. A wordmark is often text only or can contain small typographic treatments. The Yahoo! logo is a good example of this type of logo. It is pretty straightforward text with the exception of slightly raised and lowered letters that appear to get smaller the further away from the prominant Y. A great visual representation of sound leaving a source and getting smaller or weaker as it gets further away. These logos use no symbols, icons or illustrations other than those found affecting the lettering of the company name. These logos are typically used to push name recognition but require the company name be something memorable and short.

Lettermark Logo

The lettermark is a wholly typographic mark, usually involving initials or abbreviations but does not spell out the entire company name. Monograms and anagrams are lettermarks. The composition of the letters becomes a symbol of the company. These logos are typically used when the company initials look better than the actual name. Unless your company is well known like IBM, chances are those 3 letters wont mean squat to the public. In this case, if you intend to use those initials, you will have to provide supporting text to further define what your company does.

Brandmark Symbol

A simple but strong graphic symbol, often abstract, that complements an aspect of a business or service and represents a company by association. Nike has spent years and millions of dollars in advertising to associate the Nike “swoosh” with “Nike”. Only after many years and countless cost, can Tiger Woods don a black hat with a simple, elegant white stroke and have the entire gallery instantly recognize that white mark as “Nike”. Apple has done the same with their Apple icon. It takes a well-established company and identity to be able to use solely a brandmark with no supporting text.

Iconic Logotype

Iconic logotypes are also known as combination logos. These generally include a brandmark symbol with a wordmark. The combination can be loose or integral. With a loose combination, the elements can be used together or separately. A well designed iconic logotype can effectively communicate what a company does as well as reflect the company personality. Since Iconic Logotypes communicate more readily than other logotypes, less marketing is required for the logo to be effective. Therefore, iconic logotypes are the most cost effective type of logo design available and are ideal for startups or small businesses with limited marketing budgets

Use appropriate colors, fonts & shapes

Back to the geometry. Font geometry is something to consider when evaulating your company’s identity and what kind of message you want to send consumers. Serif fonts tend to be traditional: you’d use a serif font for a lawyer, doctor or bank. Serif fonts are popular in print as they enhance readability. Sans serif fonts tend to be more modern and are often used for computer and technical companies. Serif fonts are easier to read on the screen. Handwriting, script or calligraphy fonts tend to be used for more artsy companies, child-related companies or sometimes feminine and traditional sensibilities.

No logo should be considerably wider than tall nor taller than wide. It should serve as a unit. Logos that are larger in either direction become hard to scale, both up and down. A look a major logos will reinforce this. Their average proportions are approximately 1:1.5 in either direction. This means that most sucessfull logos have one side about 1.5, or less, times taller or wider than the opposite side. This is logo proportionality.

While I downplayed color in the last tip, it was merely in light of the basics. Color cannot make up for poor geometry, shoddy font selection or overall crumminess. But, color can play an important role in logo design. Your customer doesn’t want to hear that you chose that blue because it looks cool; they want to know what why you chose blue. Below are some common color associations:

Blue: trust, loyalty, water, relaxing, power, dignity, technical
Yellow: energy, joy, light, hope
Pink: calming, cheery, feminine
Green: life, growth, money, jealousy, nature, fertility
Purple: wealth, royalty, power, love, sophistication, elegance
Brown: credibility, stability
White: purity, cleanliness, innocence
Red: heat, passion, danger, power, force

More geometry that affects your logo design: Basic shapes. The simplest of shapes can convey worlds of emotion. Adding curves softens a logo, presents a sense of caring and warmth. In contrast a very blocky or square logo conveys a more traditional, stoic sense. The kind of feeling you would want to emit from a bank or doctor, square regimented, business-as-usual. Sharp corners and pointy peaks can feel more GenX-ish and edgy.

Circle: connection, community, movement, safety
Rectangle: solid, security
Triangle: exciting, powerful, aggression

Sometimes you create a logo so whacky it sticks out like a sore thumb. Other times its something that looks just like other companies in your field? How do you strike a balance? Next article we’ll be discussing standing out vs conforming to the industry.

Mesothelioma & Google?

Monday, May 2nd, 2005

Mesothelioma and Google a strange combo...Mesothelioma is one of the deadliest diseases known to man; the average life span of an inflicted person from the time of diagnosis until death is less than 6 months. It’s a disease that strikes approximately 3,000 United States citizens each and every year – a disease that is almost 100% preventable; the only known cause is via exposure to the deadly mineral Asbestos. It comes from inhaling the particles and dust of the asbestos as it decomposes. Asbestos fibers have been used in building materials, auto parts and other products for decades, but are linked to cancer and other diseases. Hundreds of thousands of injury claims have forced many companies into bankruptcy and now a $140 Billion bill is being milled over by a committee in the senate. This bill would compensate those affected by Mesothelioma and the lawyers are all over it. So are the google-mongers. So how does a deadly disease intersect with the internet? What could they possibly have in common?

I did a search on Google News for Mesothelioma and what did I find? The entire first page inundated with articles from India – 6 out of the 10 of the articles listed! A web search also finds a slew of sites featuring everything from Mesothelioma lawyers to facts on the disease. Why so much sudden and foreign interest in the subject? Google advertising.

A current trend seen here in the US, is the outsourcing of technical jobs to India, Malaysia, Taiwan etc. Why? They work for cheap and the worth of a dollar is strong in their lands. I’ve also noted a raise in Indian and Malaysian blogs/bloggers and other websites targeted at making money. These are smart people. They are technically as savvy as most of us westerners and are looking to capitalize.

A recently released list of keywords reveals the highest paying Google Adsense keywords. As you might have guessed, Mesothelioma and Mesothelioma Lawyers are at the top of the list. There is an entire subculture when it comes to search engine optimization or SEO as its commonly referred to. Website upon website boasts tips, tricks or hacks to help you make the most of Google’s supposedly lucrative advertising streams. One site sells a pdf for $80 that is supposed to contain all the tips you need to make fast cash on Google Adwords and Adsense. Its an interesting model – pay for Google Adwords to point to your site, then fill your site with Google Adsense ads. If what you pay for the Google Adwords is less than what you bring in with the Google Adsense ads – you’ve turned a profit.

Unfortunately for Mesothelioma victims, the only ones benefiting from their plight are lawyers and publishers that are preying upon current marketing trends to benefit their pay-per-click schemes.

A wall of coffee creamers

Saturday, April 30th, 2005

Wall o' Cremes

Morning coffee is always better with a colorful wall of creamers to choose from. Should I go with Irish Creme, French Vanilla, or Southern butter pecan? More importantly, why do all these flavors come from exotic locales? Isn’t vanilla just plain vanilla? More places should offer free cofee condiments. One gas station I got my morning coffee from even had large glass bottles of different flavors you could add – good stuff.

Wall o' Cremes

Wall o' Cremes

5 tips for good logos: Tip #2: Color need not apply

Thursday, April 28th, 2005

Tip #2: Color need not applyColor is not the answer. When designing your logo dont get hung up on color. While color is important, a good logo starts in black and white. The test of a good logo is stripping it of all its embellishments and color and resulting with a logo that is just as recognizable as before. Before you start trying Pantone after Pantone looking for the magic color that will “look right”, try reducing your logo to just black and white.

Forcing yourself to work with this pallete will help you create a logotype or symbol that is strong enough on its own, that color then serves to strengthen logo recognition. Take McDonalds golden arches, for instance. The arches, a clean symbol, are further recognizable when given the famous yellow, or “golden” color. Look at the variety of things McDonald’s can now do with their logo. From a simple, black set of arches and the word McDonald’s, to a colored reverse, to a full-on 3D logo – a strong foundation allows McDonalds this freedom.

The golden arches, in black - are still arches.Larger corporations have already taken into account that their logo will undergo faxing, emailing, scanning and reproduction by many authors and using a plethora of tools to do so. How often do you think about how well your logo reproduces when faxed to someone in black and white? Does it turn into a duotone splotchy mess? If so, back to the black and white drawing board.

The big companies also incur larger advertising costs and are always on the lookout for ways to cut down on these costs. This plays into logo design more than most people realize, or give credence to. A two-color logo is far easier to print and reproduce than a 4 color job. Increasing the number of colors used ramps up printing costs exponentially and can inhibit you from creating certain promotional products. Glows, fades and other transparency based color tricks dont reproduce well when it comes to putting this logo on shirts and hats. Multi-color print jobs might also force you to find a printer than can accomodate your needs. The local printers in my area are pretty chimpy and many cannot even handle 4-color jobs!

Throw away that color wheel, burn that pantone chart and most importantly, have fun with your logo!

5 tips for good logos: Tip #1: Font First

Wednesday, April 27th, 2005

5 tips for good logos: Tip #1: Font FirstLogos are seen everywhere. Everyone’s got a logo. A company logo is the first line of communication with potential clients and peers, yet many logos just plain suck. This begs to ask: How do the popular brands everyone is familiar with come up with their logos? What makes a logo eye-pleasing? How can a logo created in the 1800′s still stand for a carbonated, delicious and refreshing soda? This is the first installment in this “5 tips for good logos” series.

First lets transplant our brains. As designers we can get caught up in the “coolness” of our own personal taste. Just because we “get it” doesn’t mean others will. So before we continue, lets take our brains and place them into the heads of your average consumer. This is now the point of view we should be looking at our logo from. I find it relaxing to imagine my brain floating away landing with a slight “plop” into someone else’s head. Anytime you critically look at your work, do it from this perspective – the mind of an average consumer.

Now that you are in the right frame of mind its important to understand the value of a proper logo/identity. I include the term “identity” because your logo is integral, if not the focal point, of your corporate identity. Primarily your logo acts as a communicator, your first salesperson. Its presence on your business cards, letterhead, website etc, means your logo will speak to more pepole than any form of communication you do business with. Your company identity is already defined, it is up to the graphical representation of your identity (your logo) to properly convey what your identity is to the masses. Your logo is your company.

Read that again, Your Logo = Your Company. This simplistic view allows you to realize that the masses equate your company, with your logo. They become one. Synonymous. Interchangeable.

These logos focus on font.Tip #1.) Font First
The font you choose is probably the most important decision you will make when designing your logo. You want your company name to stand out in that consumer’s mind, right? Well, when Joe Sixpack looks at your logo, the first thing he does is scan it from left to right and read it. Your company name needs to be legible! I don’t know how many logos I see that commit the fatal mistake of using some overly curly script font that is not instantly recognizable. Take a look at some of the prominent brands we all know so well. Sony, Times, Ford all use the way that their name is displayed, as the logo. Do you see some odd shape next to Sony’s name? Not all logos have a shape or symbol. In fact, more popular logos do not have a symbol or icon next to the company name.

A potential client should be able to quickly look at your logo and read it. The second he or she has to pause and try to read it – you’ve lost them. Legibility applies to color and script fonts, too. The Ford logo above might look a little light in the loafers with dark text on a light background – but the reverse adds legiblity to a typically harder to read script font. If your logo has a strong emphatic font, but is lightly colored, it too will be hard to read. Sony opted for no color. Contrastingly, Time goes with the most eye catching color, red. Color is up to you – as long as it does not affect how easy to read your logo is.

Land of the Rising Code Logo

Tuesday, April 26th, 2005

Land of the Rising Code Logo, by JefteJon Bardin author of Land of the Rising Code contracted my services to render a new logo to go with the new content management system he installed, Exponent. The site is being redone to be XHTML compliant and styled with CSS so right now the logo is the best thing going on the page. Click read more to see a high res version.

Created in Illustrator and completely scalable, an important factor in logo work, its my opinion all logos should be vector and simple. The most popular logos aren’t logos at all – but logotype. Think about some popular brands: Coca-Cola, Time magazine, IBM. These brands prominently feature text over a symbol of some kind.

Here are a couple higher-res versions, including an earlier version of the final. There were several versions before the final with the mountains in the background was decided upon. I quite liked the stark communist red.

Land of the Rising Code Logo, by Jefte

Land of the Rising Code Logo, by Jefte