Posts Tagged ‘Design Deconstructed’

Design Deconstructed: WP Remix

February 21st, 2009

In this feature I try to shed some light on the development process and/or elements of a selected design. By deconstructing the design into layout, typeface, colours & use of images we will hopefully develop a better understand of how the final result was achieved. I feel that this degree of awareness is crucial to a graphic designers development; being able to not only identify the design elements but the rationale behind them.

In this edition of Design Deconstructed (DD) I am going to be highlighting and discussing some of the design issues of WP Remix (http://www.wpremix.com/). Then Hopefully offer some adjustments I would make.

Rbhavesh of WP Remix contacted me a few days ago about deconstructing his design. So here it goes.

WP Remix is a theme for Wordpress which allows the client to use the wordpress dashboard as a website as well as a blog. You’ll see what I mean if you view the demo. The design looks functional and the coding seems robust. Ok onto the design of WPRemix.com.

When you load http://wpremix.com/ you see red, black and white. It’s a solid colour palette that works nicely. The main navigation is at the top and the the content is centered; there are plenty of images and works nicely on a range of resolutions. The first thing I noticed is that the red area is a bit large, it’s quite thick perhaps a rearrangement of images and text could adjust this.

wpremix.com

» Read more: Design Deconstructed: WP Remix

Design Deconstructed: Google

February 3rd, 2009

In this feature I try to shed some light on the development process and/or elements of a selected design. By deconstructing the design into layout, typeface, colours & use of images we will hopefully develop a better understand of how the final result was achieved. I feel that this degree of awareness is crucial to a graphic designers development; being able to not only identify the design elements but the rationale behind them.

In this edition of Design Deconstructed (DD) I am going to be highlighting and discussing some of the design issues of internet/information magnate, Google (http://www.google.com/).

Ever since it’s early days Google has been aiming high, in 1998 they had circa 25,000,000 million pages that were searchable. That was pretty huge. The site read, ‘Index contains ~25 million pages (soon to be much bigger)‘, there weren’t wrong either; 10 years later they broke 1 trillion. This number is growing at an alarming rate so the information they need to display must be displayed clearly. The idea is that you can find exactly what you are looking for, and easily. I can imainge reading this at some point in the future and these figures being irrelevant.

Something interesting to note:

‘So how many unique pages does the web really contain? We don’t know; we don’t have time to look at them all! :-) Strictly speaking, the number of pages out there is infinite — for example, web calendars may have a “next day” link, and we could follow that link forever, each time finding a “new” page. We’re not doing that, obviously, since there would be little benefit to you. But this example shows that the size of the web really depends on your definition of what’s a useful page, and there is no exact answer.’

Ok, onto the visuals of Google. There are many variations of google, depending on country etc. I am going to use www.google.com as the example.

Google Home Page

» Read more: Design Deconstructed: Google

Design Deconstructed: WHITEINK Blog

January 14th, 2009

In this feature I try to shed some light on the development process and/or elements of a selected design. By deconstructing the design into layout, typeface, colours & use of images we will hopefully develop a better understand of how the final result was achieved. I feel that this degree of awareness is crucial to a graphic designers development; being able to not only identify the design elements but the rationale behind them.

In this edition of Design Deconstructed (DD) I am going to be observing our own website, WHITEINK (www.whiteinkblog.com).

Masthead, Set in Helvetica Neue

WHITEINK Logo

Kerning of the name, WHITEINK, more info on the development of the logo in this post, Welcome, The WHITEINK Story.

» Read more: Design Deconstructed: WHITEINK Blog