I love typography

I have great interests in typography subject since studying in graphic design course. It is amazing that by using a certain typefaces with the placement of the types can create incredible visual language even without the using of images. Typography is actually a very professional skills, because it is not just about selecting the right typefaces, but the layout, the size, the grid and many more.

According to Wikipedia, typography is the art and techniques of type design, modifying type glyphs, and arranging type. Type glyphs (characters) are created and modified using a variety of illustration techniques. The arrangement of type is the selection of typefaces, point size, line length, leading (line spacing) and letter spacing. Typography can be apply to anything, from displaying text as information to treating text as images. With the aid of digital fonts and design softwares, designers can play with the text freely. Continue reading

Creative packaging inspiration ~modern & vintage~

Packaging is one of the most common example of graphic design in the world. Apart from displaying the important information, the packaging has become an important sales tool. With the use of illustration, color, typography and even various packaging materials, designers can create an attractive image and build a brand identity that is eye-catchy and impactful, yet preserve the contents.

A beautiful and attractive packaging or corporate sign can boost the selling and stands out from the rack of competitors. For example the IZZE beverage packaging shown above, their sales grew 450% per year over the first two years without any TV commercials, print and web advertising. It must be its unique & simplicity of graphic approach together with clear and refreshing typeface that attracts people to buy it.

Continue reading

5+ business card inspiration sites that you can’t miss

5+ business card inspiration sites that you can't miss

Business card is important. It reflects you and your company’s image and identity. Although the format is small so that it can be fitted into everyone’s wallet and card holder, but the design creativity is unlimited. It depends on how you want to make use of that small space and create the best designs.

Sometimes business card designs can be gone wild too, from transparent material to unconventional shapes. Here i present you 5 sites that will sparks your business card design inspiration and go out of the box. Business card printing is easy. Make your color business cards look their best with Ps Print custom printing services.

Continue reading

Nice website – LittleDeviant xD

Yesterday, I stumble upon a website and found it very interesting and decided to share with you here. The website is called LittleDeviant xD. When I first visiting this site I never know it is a viral site for Scion, a very creative minded car brand. The site was developed by branding agency ATTIK, to promote the new 5 door xD Scion with a very unusual way.

This flash based site presents a gothic digital novel/video game, “Book of Deviants,” that opens to reveal a pop-up world. The animation is fluid and animation is creepy but fun. Then, you have to going through chapter by chapter to wipe out all the boring Sheeple who makes the city lifeless and gray with a character “Little Deviant”. The Little Deviant (xD) is driving a Scion, and it requires the user play a small game to control the xD to kill the Sheeples as screenshot shown below. I’m using mouse to control the xD’s hand to slash the sheeples, haha.

Continue reading

Toypography – A puzzle toy of type

Wonder how to connect an English word to its kanji character? Well, let Toypography tell you. Toypography, which is a combination of the word toy and typography, is a toy that consisting of fragments of separate letters that can be put together to either English or Japanese letters and characters.

Toypography is created by a Japanese typography creator group called Dainippon Type Organization. The unique features of Toypography is that Japanese expressions can be transformed into English expressions of the same meaning. For example, the picture shown below. The English word “Bird” and transformed into kanji “鳥”. Amazing isn’t it?

Continue reading

Simpsonize me!

During the hit days of Simpsons the Movie, I stumbled upon an interesting site, which is Simpsonize Me. As what the title suggest, it lets you to upload your own picture and it will transform the real you into Simpson! I think it was a fun stuff to play with :D.

You can upload your own portrait pictures and then, select some options of about yourself like your genre, age, what kind of hair you want, color skin etc. After that, it will process the options that you had selected then, with just a click of a button, tada! You had successfully transform your portrait to Simpson style!

Actually I Simpsonize myself too, and this is how I look:

Hello everyone! Greetings from Jayhan…. As you can see, I’m quite of a normal looking person hahaha…. To be honest, I LOL’ed when I saw my Simpsonize version, it does actually resembles myself! Kudos to the team who did this, you rocks!

Please remember to try yourself too, save your Simpsonize and send it through mail or as IM avatar, cool.

ArtzMania Super Web 2.0 and Blog addict meter

To all web 2.0 lovers out there, great news that Artzmania released an e-book about collection of web 2.0 graphics and innovation, free for download at here. I already download and gone through the book, it shows some nice web design showcase, separated in different categories.

Plus at the back, showcasing web 2.0 logos, some useful articles that posted on the net. But sadly, these articles is not linked to the original post. A sat back here. It is not really a comprehensive book about web 2.0 (because most of them I knew already) but it worth to take a look. Nice cover thou.

How Addicted to Blogging Are You?

71%How Addicted to Blogging Are You?

Originally known this through Etsuko‘s blog, and I curious to test how addicted I am too. After gone through the 14 questions, I got the result that I’m 71% addicted, hahahaha. Yeah, I’m pretty addicted to blogging somehow :-D.

If you are a blogger, please try this too, it is fun mot to mention to nicely designed layout and easy to use navigation. Great! If you tried, don’t forget to post it here or spread this site in your blog hehe.

I like Computer Arts magazine

As what title said, I Like Computer Arts! For the pass few months I had been buying several design magazines to get more readings and inspiration apart from the web research, such as Computer Arts (RM42), Practical Web Design (RM29.90) and Web Designer Mag (RM46.90). I had gone through these three books and all of them are nice to read, but I think Computer Arts appeals more.

Well is kinda unfair to compare in such a way because these three mag has their own function and target area. I like Computer Arts because it is more round up, I can get to see creative people’s showcase… inspiring tutorial and the Free CD content is rich too! I am here are not promoting this book but it is really nice to read with great content.

I think I will continue to buy the CA’s future issues. This does not mean that I will stop buying the other two, if there’s chance to meet them in the bookshelfs because, all these mags are hard to find thou in Malaysia… but you can find it in MPH, My-News and Popular bookstores if you ask where i get those.

Computer Arts mag, definitely a great resource and inspiration magazine that worth every penny.

4 interesting flash clocks

A clock is an instrument for measuring time. Clock can be any format such as clock tower, wall clock and watch either in analog or digital presentation. Clock plays and important role in human life to inform you about time, or to remind you to do something. Sometimes clock can be interesting and fun to watch too.

Flickr Time

As title, this clock is Flickr based. Before seeing this page, you need to enter two keywords so that it will find the relevant pictures from Flickr and displays as clock. This is one example of mash-up and it was designed by designer Hiroshi Tazawa. Outstanding!

Industorious Clock

This is a pretty hilarious clock. The clock ticks by erasing the numbers and write a new one, then erase and write a new one….endless process. Imagine people doing this is real world. Created by Yugo Nakamura. Thanks because it gives me a good laugh when first saw this.

Human Clock

This is quite a nice clock. The clock numbers is build by using human body formation. Somehow it looks pretty photoshopped. Haha, nevermind but creative indeed.

The Timeline

This is more than a clock. It shows date, month and even year. This looks pretty cool despite the simple looking interface. Design by InsertMonkey.

Looking for more? There ya go. Head on this site which provides you a cool clock for download as either screen saver or desktop widget. I’m using the screen saver for my office’s computer and it actually attracts some attention.

About button design

Last week, I had been doing some UI design which consists of many buttons. When the first time I did for review, they said my button is too flat and not delicious enough to click. Hmmm okay.. Actually it is hard to judge a good button design but certainly is lack of research material out there! So what makes a good button? Actually I also not very sure. After that review I tweaked my button design and some of them shown above.

I used a lot of blend modes to achieve the 3D effect above for example: Drop shadow, gradient overlay, bevel and emboss, inner shadow, inner glow, stroke, outer glow…. Wow that’s a lot, and sometimes, several layers is needed to make a button. It is quite troublesome huh? But i quite happy with the outcome until the next review :P.

Good button examples

Actually I had three buttons in mind that I think is very good button. First up the Apple button, the glossy effect is really stand out from the rest (Example shown is firefox’s macfoxgraphite theme). Next is the Iconbuffet button. It is bold and contrasting color with the big and clear text, located in big whitespace, which makes it nice element to the page design too. And final, actually I don’t want to credit this but, the button is really well executed! Introducing the popular fart button. The button is very dominating and 3D realistic! But I never clicked it. 😛

Free online button generator

Sometimes, let the app do the button design for you, haha. Cool. Below are some websites that offering this service.

1. Buttonator – drag and drop web buttons (need pay thou for more option)
2. Adam Kalsey’s Button Maker
3. My Cool Button – Web 2.0 free button maker!
4. YaBB Button Generator – flash based generator. Slick but IMO it’s not very convenient.

5. Button maker web – I think this is far most the best button generator site. It has the most options and variation of designs available. Sadly it’s only in Japanese currently.


In the meantime of writing this post, DesignWalker posted an article about ways to execute icon’s shadow effect which is quite comprehensive and inspiring which I think is applicable to button design as well. Click here to read and grab the free useful resource file. Plus, Alex Griffioen’s How to make sexy buttons with CSS article, which i think is quite useful.