Archive for the ‘Design’ Category


Design Love

Wednesday, July 28th, 2010

Design Love

I recently came across this series of articles from idsgn on Design Love. The series features couples who are designers and manage to run a design firm together. I think it’s rare to see such partnerships and it’s interesting to see how working together impacts the lives of various couples. I really enjoyed how the Vignelli’s summed up how they deal with disagreements in the workplace:

Disagreements are the salt of life and a partnership grows stronger by having some of them…

Here are a few of the articles in the series:

Apple re-brands to mimic Ikea

Thursday, April 1st, 2010

apple_before_after__full

Today in the news I noticed that Apple has re-branded their entire product line to prominently feature the Verdana typeface.

The California-based computer and electronics company, best known for their Macintosh computers and iPods, announced today the company will be adopting Verdana as their corporate typeface. The typographic change, Apple’s first since 2001, was spotted on several of the company’s international websites Thursday morning, and will soon be visible on all new packaging and marketing materials.

The news comes only months after Swedish furniture giant IKEA similarly adopted the Verdana typeface. “Verdana is a simple, cost-effective font which works well in all media and languages,” praised IKEA spokeswoman Camilla Meiby. After IKEA’s change, designers and IKEA fans alike were initally shocked to see the company drop Futura (their corporate typeface for 50 years) for the screen optimized Verdana. However, as time passed, people began to embrace the typeface in ways like never before. Source: Idsgn.org

ipad

PS. April fools

Using Helvetireader with Fluid.app

Wednesday, March 3rd, 2010

One of my favourite applications a the moment is fluid.app, which essentially can turn any website you regularly visit into a Mac OS X application. I used to use NetNewsWire for all my RSS needs, but after spending some time with Google Reader I decided to convert.

The main selling point was the combination of using Google Reader with Byline, which is a Google Reader app for the iPhone. Since now I have a laptop, a desktop, and an iPhone one of the main issues I was having was that I wanted to be able to synchronize what I was reading. NetNewsWire didn’t cut it. The only thing that really irked me with using Google Reader was the fact I was tied to using a browser, there wasn’t an app for it (that functioned the way the web app does), and I found the default Google theme to be incredibly dull. After some quick research I discovered Fluid.app and Helvetireader.

Before (Google Reader default):
google-reader-fluid

After (Helvetireader applied):
helvetireader-fluid

In this quick tutorial I will show you how I changed Google Reader to use John Hicks’ Helvetireader and build the whole thing inside a Fluid app.

Steps:

  1. Download and install Fluid.app
  2. Open up fluid.app and fill out the information like in the photo below. Where it asks for the icon you wish to use, you can download a ultra-high-res image of the Google Reader icon. Store the image on your computer, and then add through the file dialogue.
    screenshot_04
  3. Press “create” – this will create an application for Google Reader and place it in your applications folder.
  4. Startup your new shiny Google Reader Fluid application.
  5. Now we will add the Helvetireader theme. Go up to the scripts icon in the menu bar. From the menu choose “open userscripts folder”.
  6. Download the following two files: HelvetiReader.user.js and config.xml. Or you can download the zip. Note: Helvetireader 2 is now out!
  7. Extract them to the userscript folder. If you have to overwrite the existing config.xml do so.
  8. Go to the scripts menu in your new Google Reader Fluid app and click “Manage User Scripts” and check off the option for HelvetiReader.
    helvetireader-script
  9. Go to the scripts menu and hit the “Reload all User Scripts” option and then close and restart your Google Reader Fluid app
  10. Everything should now work perfectly and you will have successfully integrated Helvetireader into Google Reader

On a side note with Helvetireader the sharing menu disappears. If you scroll to the bottom of a post and mouse over where the gear is, the menu appears. I now love the minimalism, but it did take some getting used to.

Thank-you John Hicks!

Announcing MediaCore: A video and podcasting CMS platform

Tuesday, January 19th, 2010

MediaCore Podcast and Video Management CMS

Posting to Locomotion has slowed down over the past week as my team has focused exclusively on the release of our first big Open Source web application codenamed “MediaCore.”

MediaCore is a free open source video, audio, and podcast publishing platform. It is built for organizations who wish to distribute media in a variety of formats on their website while maintaining the ability to control the user experience.

Over the past year we have built the entire platform from the ground-up to create one of the most cutting-edge podcasting and media platforms available anywhere on the net. In coming months we will be documenting the process of how we created MediaCore, the stumbling blocks we hit along the way, and the lessons we have learned in designing and marketing an Open Source project. It has been an exciting road and we are looking forward to the next few months as the project unfolds.

A huge round of applause should go to Nathan Wright, Anthony Theocharis, and Melanie Wright for all their hard work in making this dream a reality for Simple Station. I couldn’t have done it without them! I would also like to thank the TurboGears development community for the valuable feedback they have provided us with throughout the development process.

We have already enjoyed some early success including a glowing email from Leo Laporte of TWIT.TV, and a whole slew of feedback from various web design agencies. As the project continues to evolve we will be leaning heavily on the community for guidance on design feedback and feature requests.

If you are a fan of MediaCore you might want to consider following us on Twitter or becoming a fan of MediaCore on Facebook

Movable Type 5 vs. WordPress 2.9

Wednesday, January 6th, 2010

This morning I noticed that Movable Type 5.1 was just announced. As one of the main alternatives to Wordpress what really shocked me was how similar the interface of Movable Type has become to Wordpress.

Intro-MT5

wordpress

I think it is always a bad move when you stop thinking about how your product differentiates itself from the products on your competitors, and you start flat out cloning them. Is this redesign the result of a lot of design exploration that just happened to take them in a similar design direction to Wordpress? Or did they just look at Wordpress and think “Wow! That’s pretty good, perhaps we should just change our interface to look like that.” They should be thinking how they can take Movable Type to the next level, not just make it a WordPress alternative.

Print Society

Thursday, December 31st, 2009

Print Society is an open, free virtual marketplace for prints and original artwork online.

Our goal is to empower galleries to sell more art, build relationships with many thousands of new art buyers online, and enable art fans everywhere to find and spread your art online while still giving your gallery complete control of your artwork. The power of the social web has been proven many ties over, and Print Society is making it easy for your gallery to take advantage of it, connect with art buyers everywhere, and build a following.

print-society

Mmm… Ampersandwich

Wednesday, December 2nd, 2009

Simplebits Ampersandwich

On Being

Tuesday, November 24th, 2009

hainey01
Via: A Continuous Lean

Dieter Rams and Good Design

Wednesday, November 18th, 2009

This week I traveled to London to take in one of the oldest and most historic cities in Europe. Already I feel as though London has significantly broadened my design sensibilities through the visual appreciation of both art and architecture. Seeing good design on such a scale has changed my perception on how design can be applied to every day life and sadly, in North America is often missed. Later this week I plan to investigate the Design Museum which, has a fabulous exhibit titled Less is More — The Design Ethos of Dieter Rams.

As lead designer at Braun, the German consumer electronics manufacturer, Dieter Rams emerged as one of the most influential industrial designers of the late 20th century by defining an elegant, legible, yet rigorous visual language for its products. During his tenure at Braun he defined design principles that have become their mantra and have been appreciated by designers around the world in every medium.

Dieter Rams’ Ten Principles of good design:
Good design is innovative.
Good design makes a product useful.
Good design is aesthetic.
Good design makes a product understandable.
Good design is unobtrusive.
Good design is honest.
Good design is long-lasting.
Good design is thorough down to the last detail.
Good design is environmentally friendly.
Good design is as little design as possible.

The following is a excerpt from a conversation between Deyan Sudjic, Director of the Design Museum in London and Dieter Rams.

Dieter Rams in conversation with Deyan Sudjic.

Daily Drop Cap

Monday, October 26th, 2009
I

love this drop-cap from Jessica Hische who recently started a blog that features a different drop cap every day. While I can’t say I would use every single one of them I do have my favorites and the letter “I” is certainly one of them. Her decorative style of typography and illustration is very refreshing and I can’t wait to see the entire series in full.