Get Started

It's as easy as 1,2,3 to get your business online or improve your current website. Let Zilifone help you get started on your project today!

Contact Us

It's easy to contact us at Zilifone, start here:

Redesigning the Diagram: Part 2

| No Comments

For the second part of this series, it's time to focus on the word diagram. For some, it is a pretty design by some person who has the talent, such as Ritwik Dey in our first post on the topic, but the meaning of the word is really so much more. In the early 17th century, the term originated as the greek word diagramma which meant to "mark out with lines." As Oxford puts it, a diagram is a simplified drawing showing the appearance, structure, or workings of something; a schematic representation or a figure composed of lines that is used to illustrate a definition or statement or to aid in the proof of a proposition.

 

It can even be put more simply as a representation in graphic form.

 

So, if a diagram is more then just a way to graphically display information as Dey did, then what else would constitute as a diagram? Blueprints and plans? Maps? What about logos?

 

Meet Paul Rand, the master designer who truly redesigned the logo as well as the diagram. Paul Rand's work is all over, and it sparked a style that is ubiquitous to most of us. He was educated at Pratt and hung out in the eastern US until his death in 1996.

 

He is best known for his logos for ABC, IBM, and UPS (among many others below) but lets focus on one of these, NeXT.

NeXT was the result of Steve Jobs being fired from his own company (Apple) in the 80's. He started a new company that would focus on education, innovation, and the future (of computing). Steve Jobs chose Paul Rand and the result was more then just a graphic but a true diagram.

 

Paul Rand once wrote an article on the logo and simply pointed out that, "If, in the business of communications, 'image is king,' the essence of this image, the logo, is a jewel in its crown." He continues to talk about flags, how some are aesthetically pleasing while others are not, and what it really is. A flag is more then aesthetics though, "In battle, a flag can be a friend or foe. The ugliest flag is beautiful if it happens to be on your side. “Beauty,” they say, “is in the eye of the beholder,” in peace or in war, in flags or in logos. We all believe our flag the most beautiful; this tells us something about logos."

 

Rand defined the traits of a successful logo with 7 points: distinctiveness, visibility, usability, memorability, universality, durability, timelessness; and saw a logo as something more, a brand which can become a culture. After designing the logo for NeXT, Rand designed a book to accompany the new logo.

 

The booklet tells the story of process, starting with typography, then working through the design iterations and the phenomenology of each detail. From the slightly angled presentation to the lower case e that not only prevents the confusion of EXIT with NEXT, but "creates visual contrast from the other letters," all of which are composed of straight lines. The "e" is also chosen because of the meaning of the "e," or at least the possibilities: "education, excellence, expertise, exceptional. excitement, e=mc2, etc..." He ends with a page that may have began the success of the logo, and eventually the success of Apple's brand (Steve Jobs came back to Apple in the mid '90s and merged NeXT into Apple, eventually redesigning the Mac and MacOS, basing it off the products from NeXT). He writes that the logo could also become a device through which endless possibilities can be used for the promotion of NeXT.

Rand also wrote in an article about what a logo is, "a flag, a signature." How it "doesn’t sell, but identifies." How it is "rarely a description of a business," "deriving its meaning from the quality of the thing it symbolizes, not the other way around." Being "less important than the product it signifies; what it means is more important than what it looks like."

 

To end, the diagram can have meaning, more then the basic layer of color, pictures, and information. What about the answers to the why? Paul Rand left more then some logos, but a style that defined the american corporate logo of the 19th century, and a theory that has proven true even to this day. Next time you look at a logo, whether or not it is aesthetic, or it represents the culture or company's products, or if it is just plain cool, think about what the logo really is. Is the yellow double arch, the red bottle contour or apple just a graphic or is it the cognitive icon / brand that reminds you of the worlds of McDonalds, Coca Cola and Apple?

 

 

Although the constitution does include that part about all of us, US citizens, needing to actively participate in the government, it may be a stretch to say that applies to a college's student government. But utilizing design as a method to reach an audience does work, and at many scales too (remember the White House website and Obama's campaign?).

As a member of the student government for CU-Boulder's College of Architecture and Planning, I have made a few small but neat designs that reached the student body. With the fall semester starting, the air was filled with the election fever of voting and the candidates posted their attempts at convincing a design school's student body why they were the right one. My favorite (designed by me for the elected Is Chaker):

Even in polychrome for that bit of cognitive incentive to get the message across...

See and download the full gallery on posterous

As the student government, or APSG as we are known as, we get the chance to put on events, spend hard earned student fees, and even design stuff. The school is going through changes and the new logo was done in-house, along with the new APSG logo:

See and download the full gallery on posterous

As the semester goes on, we will continue to provide some cool work, hopefully to look back to a good year of work, change (the new buzz word connected to gov't). Just be sure to keep an eye open for the new college of architecture and planning shirts (designed by student J. Walbridge) coming out for students (with a special edition for APSG members):

See and download the full gallery on posterous

Bye for now, will be back with the part 2 of diagramming design soon.

Posted via email from Zilifone's Potpourri

Sweet Project: Steve Jobs

| No Comments
Designer Dylan Rosco (http://gorosco.com) made one of the most elaborate and amazing "text art" designs I have ever seen. While stumbling around some design agency websites I eventually found myself looking at a huge image of Steve Jobs face.

Yea, I know, pretty cool eh? Well I looked into the design a little more and this is a true work of are. The entire composition is from the famous "Think Different" ad campaing from the 1990's for Apple. The campaign, which you can learn more about (http://en.wikipedia.org/wiki/Think_Different) was designed by Chiat/Day and featured a piece of text, coined "the Crazy Ones" which is a tribute to those who think differently (http://web.archive.org/web/20010228171255/www.apple.com/thinkdifferent/).

This design's text is all from the "crazy ones" campaign using the fonts Apple has used over it's lifetime. Sweet eh? Check out a zoomed up and close pic:

We found this on Rosco's website (full image, a 66MB TIFF http://gorosco.com/files/Steven_Paul_Jobs_11x17.tif) and on his DeviantArt page (http://dylanroscover.deviantart.com/art/Steven-Paul-Jobs-113968783).

As big fans of typography, If you think this is cool, check out Erik Spiekermann's book on typography, Made with FontFont (http://www.fontshop.com/products/books/made_with_fontfont/), which is a collaboration between Spiekermann's firm and many excellent font designers who make up the FontFont Foundry (http://www.fontfont.com/).>

The images featured on this post are work done by designers independent to, while being an inspiration to Zilifone. Please check them out, their work is truly awesome.

Posted via email from Zilifone's Potpourri

Windows 7

| No Comments

Yours and my favorite package of software from the Redmond giant, Microsoft, has been launched and it's been a blast checking out what the world had to say as a response. A small sampling of these responses are listed below.

 

To start off, we have Microsoft's own marketing video, which is very helpful, Hosting your Windows 7 Party!

 

Of course, it wouldn't be any fun if Apple didn't play along...
http://movies.apple.com/media/us/mac/getamac/2009/apple-mvp-pc_news-us-20091023_848x480.mov

 

The you have product promotions utilizing the big event (this one is real too)

 

To cap the post, you are left with the cream of the crop when it comes to an "oops" - Microsoft's CEO Steve Ballmer showing Windows 7 with a MacBook Pro in the background:

 

See and download the full gallery on posterous

 

P.S. - It's not the first time Steve Ballmer had been known to use a Mac

P.S.S. - Just to clear up any confusion, 

mwmac.png

Ritwik Dey (http://www.ritwikdey.com/) is the first of a group of designers that understand design and the diagram/info graphic. In visually conveying a message / information, a designer works to provide as much information as possible while still obeying a list of 4 guidelines: informative, clear, sexy/pretty, and original.

See and download the full gallery on posterous

Posted via email from Zilifone's Potpourri

Should I use Comic Sans?

| No Comments
The social cloud has been active on the typographic subject of whether using Comic Sans or not. Since the advent of personal computing when it comes to fonts, a select few have been included on most systems. Of these fonts, the general public has ruined one of these...

Posted via email from Zilifone's Potpourri

Diagramming with typography...

| No Comments

Designing With Color

| No Comments
color2.pngThroughout my experience as a designer, color has been an element that can make or break any design. For years, designing with color on the computer has been limited to one's knowledge of color names, hex and RGB codes, and those little popup windows and widgets that have color eyedrop pickers. All of this was left behind though with some very helpful tools that have been popping up over the last few years.

The Black Turtleneck Affair

| No Comments
bta.pngYesterday night, the College of Architecture and Planning at the University of Colorado held the first annual Student Awards Gala, the Black Turtleneck Affair. Members of the Zilifone team not only helped design the awards presentation for the event but also came home with awards. The event is sponsored by the college's student groups and government to honor and award quality student work at all levels - from the first year student work to quality portfolios, process + diagrams, digital media and fine art.

Blogs & Business Cards

| No Comments
brand_refresh.pngOur website and brand redesign is now complete! We began the design and development of the our main website over 2 months ago and the finished product is great.

We decided to start over from scratch with this one, focusing on the future. The site is written to HTML 5 standards and includes a blog, twitter and Facebook integration - the whole 9 yards. The web is truly changing faster then ever before and it's exciting that we can offer clients the future, rather then the past.

zilifone_business_cards.pngThe Drafting Table is our attempt at a blog, a home to our 2 cents, little tidbits and some words of wisdom. Entries will originate from a group of sources on a variety of topics so be sure to subscribe to our rss / atom feed or just visit often!
 
With the new website came business cards! We ordered plastic cards in oppose to the standard cardstock and they are better than we expected. We will post more pics of them soon!

The Zilifone Blog

The Drafting Table
A collection of our words of wisdom and tidbit opinions.

Recent Entries

Tag Cloud