Everybody Pinterest!

Pinterest is a new social network that growing rapidly, the repin function is awesome, and the user can create many different kind of boards to categorize  different kind of images and videos.

As a designer, of course this is a stunning tools for us to save the images, like an online scrapbook, now I spend more time to pin more than Facebook. It is not only a image sharing site, it is also a good channel to prompt our works and services, by pinning the pictures from our portfolio. I’ve my Pinterest account today and spent only 2 mins to set up, the interface is clean and simple.

Seem everybody getting in to the pin board, did you pin today?

My Design Workspaces – Then and Now

My Design Workspaces – 2000 to 2012

You have probably read a lot  about designers’ workspaces from all around the world. Some of them are really kick-ass and awesome, so I’m not going to get into that again. All I want to do is share and compare my workspace, then and now.
It would be a very interesting to see the metamorphosis of a working environment and how it affects a designer’s creativity, since the design studio is the place that cultivates a lot of great ideas for  different categories of designs. This time I will be the first one to show mine, and I hope you guys can share yours too.

2000 -2002

This was my first workstation after I graduated from design school as a web designer. My daily job was to design the Flash animations, which would then be coded by the programmer.

Office Location: Causeway Bay, Hong Kong   | Computer: An unknown PC

2003 -2004

When I joined the advertising agency, as shown in the picture, I was practically on fire everyday. I would work till11pm every night, sometimes even overnight – it was the craziest time in my life. My daily job was to designing the packaging for Wai Yuen Tong ( A Chinese medicine company), prepare the advertisement output files for Samsung, PCCW, Dai Sung Bank…etc.

Office Location: Wan Chai, Hong Kong | Computer: Apple Power Mac G4 400 AGP / OS9.1

2004 -2005

This is my beloved office when I was working at React Design. We had a Maple wood floor, perfect for walking bare foot inside the office in summer time. My duties there were to create hotel packaging, restaurant menus and corporate identities.

Office Location: Central, Hong Kong  | Computer: Apple Power Mac G4 466 Digital Audio / OSX 10.3,  Apple Power Mac G5 1.8 PCI / OSX 10.3

2006 -2008

Li & Fung Trading Ltd. is a giant corporate with offices spread worldwide. This was the first time that I worked in such a large company and with so many people. The experience gave me a new perspective on business. My duties here were designing the packaging for Walmart, Kohl’s, Belk..etc.

Office Location: Lai Chi Kok, Kowloon  |  Computer: Apple Power Mac G5 2.7  DP / OSX 10.4

2008 -2009

I joined a small design house, where I enjoyed designing corporate identities and logos. I even  managed and monitored the work of two other designers.

Office Location: Lai Causwaybay, Hong Kong |  Computer: Apple Power Mac G5 2.3  DP / OSX 10.5

2010 (four months)

This is the Bergner’s design office – a typical one, zero design element, nothing special.

Office Location: Central, Hong Kong |  Computer: Apple Power Mac G5 2.3  DP / OSX 10.5

Home office: Lamma Island (2005-2009)


Lamma Island is the most beautiful and unique island in Hong Kong, and that’s where I had my beloved home office too.

Computer: Apple Power Mac G4 1.25 Mirror Door / OSX 10.3 – 10.5,  Apple Power Mac G5 2.0 PCI / OSZ10.5

Home office: Coastal Skyline (Now)

This is my home office now.

Computer: Apple Mac Mini C2D 2.0 / OSX 10.6,  Apple Mac Mini C2D 2.4 / OSX 10.6

HOW TO: Create an Elegant Hair Salon Logo

How to create an elegant hair salon logo

In this tutorial, I’m going to show you how I went about producing an elegant logo for an Australian hair salon. Origin Hair Salon advertised on DesignCrowd for a logo update, and this piece was the winning submission.

Let’s start with the client’s brief, which is simple and straight foward.

Creative Brief

“We are looking for a trendy modern design for our hair salon close to the Perth CBD called Origin Hair. Our clients are predominantly female between 25-40 years old.”

This is the whole brief — there is nothing more to go on. Sometimes it’s a great thing when designers have fewer guidelines to restrict the creative direction as it allows us to spread our wings and explore avenues we might not have otherwise been able to take.

The logo needs to appeal to women between 25 and 40, so it shouldn’t look to funky and childish (as if we were targeting teenage girls, for example) — it’ll need to use elegance and femininity to appeal to this set of women.

Concept • Origin Hair

After playing around with different ideas, the concept I chose to proceed with is the O from Origin blended with curled hair. For this particular project, coming up with a concept wasn’t the hardest part. Making it work in execution was.

Visualization in software

Let’s jump into the software, and as always, I’m using Adobe Illustrator and Photoshop to create the logo. The first thing I do is to scan in the sketch from the concept and place it into Photoshop. I then opened up the Character panel and chose a suitable font to start with. Using the Free Transform tool (Ctrl/Cmd + T), I adjusted the corners of the sketch to fit the character O.

Once you’ve done this in Photoshop, import the sketch into Illustrator and start drawing the path along the sketch’s major outlines.

Now that the overall shape has been outlined, the next step is to trace the hairs themselves.

Use the Width Tool from the toolbar to adjust the shape of the path to make the hairlines looks more dynamic. This tool is awesome — just rollover the path and drag it left or right to make it thicker or thinner.

After adjusting the width of the inner hairlines, start on the outer hairlines — these hairs should be made thicker.

When all the hairlines have been drawn and sized, move on to the coloring and shading. The first step is to choose a lighter gray for outer hair, and a darker color for inner hair.

Using the Mesh Tool from the toolbar, click on the shape and generate several anchor points. Select the middle point and use the Eyedropper to choose a lighter gray, leaving the ends with a darker shade.

This shading technique has now visually created the negative space and given the logo a little bit of depth.

Using the same technique, finish off the other parts of the hair. The logo mark is pretty much done, so we can move on to the text.

In order to work with the elegant and feminine logo mark, we’re looking for a font with a classic feel, and we’ll give it a slight wave, like the hair. Serif fonts are an appropriate choice here, and I’ve chosen Americana LT Bold. The shape of this font is already great, so I’m not going to modify it. Instead we’ll concentrate on the text effect. The first step is draw a wave line above the text.

Close the wave line path and then select both it and the text. The text should be outlined. Copy one set of text and place it on top of the original text. Go to the Pathfinder panel and crop out the wave text.

Now the text appears in two layers. Select the bottom one and apply the gradients. Because the wave moves up and down, the gradients should be adjusted individually in every character.

This is the finished logo.

Thanks for watching!