Sunday, January 23, 2011

My Mood Board

A mood board is a type of poster design that may consist of images, text, and samples of objects in a composition of the choice of the mood board creator. Designers and others use mood boards to develop their design concepts and to communicate to other members of the design team.

here is my mood board of the concept:

Fantasy forest


Dark magic forest


Mysterious dream


Forest indoor room



Zen feel in tree hole


Old city hall

Saturday, January 22, 2011

My Color Palettes

The theme for my Facebook game teaser "The Magic Forest Adventure" is more about a fantasy, mystery forest with magic. So i create this 6 theme of color palettes to use in the interface of each different place, and make the character, background and all the things become A series of interconnected points.
During my research, i found that http://www.colourlovers.com/ also is a good website for color palettes.


Forest with light (Adventure mood)






Fantasy night forest (Mystery mood)









Dream (Peace and clam mood)









Inside the room (Relax and comfortable mood)









Inside the roof of the giant tree (Deep and grave mood)









City hall (Cement and wood mood )



Thursday, January 20, 2011

10 short 'n' sweet tips on how to design for web

1. Remember you have very little time on your hands
I read somewhere that average page visit throughout the entire internet is only 4 seconds. That doesn't give you enough time to make an impression on the user and get him engaged with your site. That means that you have to be as precise as possible in explaining what the site you are designing is all about. If it takes more than few seconds for user to figure out what the website is all about, he will loose interest and browse away...


2. Remember that user scan the web
When you walk into the room you don't see every single face there. First you only notice shapes of people and stuff that are inside. You scan the room. Then you move on to something that grabs the attention. Similar thing happens with first visit to the website. Users scan it first. This is the point where you need to guide user wherever you want him to go. It can be a login button, learn more button, conversion form, blog post...

3. Up-left corner of the web site is most visible
This is well known fact. The main reason for this is that people read books and articles that way (starting from up left corner) plus the early web sites and applications were designed that way. We often put logo in top left corner, and that is a good thing. But think about adding another element or two up there to make it more prominent (login link, search from, slogan...)

4. Learn about F pattern
Some eye-tracking case studies proves that users scan the web in a shape of a letter F. Top area gets scanned all the way, middle area half way through and lower area gets scanned only on the left side. Just something to think about when you're having doubts on where to put content blocks in your designs.


5. Learn what users ignore
Users are ad-blind. They learned to ignore banner ads or text ads. Avoid designing anything that looks like an ad. Also, users ignore large blocks of text. Nobody has the time (actually I would say patience!) to read great blocks of text just to get an idea of what the page is about.

6. Text vs graphics
One interesting fact. Text grabs more attention than any cool graphic! If you want to deliver a message to your reader I suggest using a large slogan instead of cool header image...

7. Grab attention with design elements
Good elements for grabbing attention are text slogans, call to action buttons (usually using bright colors), various 1-2-3 steps list or lists in general...
If you're writing a long article one of the most important things are headings. Headings grab attention like nothing else. Use the headings properly, explain the user what the article is about in just those few simple steps.

8. Text Formatting
Text has more chance of being read when it's formatted properly. Don't be afraid to use many paragraphs, bold and italic text blocks, blockquotes, underlined or upper-case text... Anything that makes your text block more visually attractive. Of course, you need to use formatting to emphasize important words or sentences and guide your reader through the article.

9. Use clean graphics
I already mentioned that users are ad blind. When you use graphics in your design make sure that they're not too busy, messy and non-understandable. Many people will find it hard to look at the image that is too busy or colorful. Graphics needs to be clean and non-confusing.
What you can use to grab attention with graphics are people faces, especially when eyes on the photo are looking at the user. Also you can use eyes on the photo to “point” users to a certain direction.

10. Use whitespace
Use whitespace to give some element more visibility. If a certain element is too close to margins or other elements the things will be confusing and messy. Give it some “air to breathe”. This especially applies to text blocks.

My Toilet signage

That is my first assignment of Visual Communication, 
I have create two of it:


1st work:
This toilet signage design is study from the Egypt culture,because the theme of Sunway Pyramid is about the Ancient Egypt, so I would to create a toilet signage is remain the Ancient Egypt feeling, and simplify the signage, to let people can easy to get the message. (quiet rush work..haiz)




2nd work: 
This toilet signage design is study from the poker card culture.As we know, poker card is an important game of casino, every gambler sure will know that. So I use the image of Spade (♠) K to show that is a male toilet, image of Heart () Q to show that is a female toilet. 


Tuesday, January 11, 2011

10 things to describe ME

1. I am a Lighter - I wouldn't to get angry easily, unless you press the grinders.


2. I am a Water Faucet - If you turn on the faucet of me, i will talk a lot to you;if not, i  will  keep silent until you talk to me.


3. I am a Sponge - I would like to absorb every things, if you put me in the right place. 


4. I am a Moth - I am attracted to light, especially the night view of KL.


5. I am a Migratory Bird - I like to travel, i wish i can travel to Thailand, Taiwan, Korean, Japan, French and China within 6 years.


6. I am a Lomographer - I like to take photo with film camera, and shoot for anything i like.


7. I am a Betta Fish - I like to compete with others, until i'm exhausted.


8. I am a Mimosa (Sensitive Plant) - I will start to protect myself when other people touch on me.


9. I am a Watermelon - I am  a person which look cold outside, but actually i am warm inside.


10. I am a Ferrero Chocolate - You will feel surprise when you bite it.