C'est la Jim

2012年1月11日星期三

Beautiful Website With Analysis

http://www.denisechandler.com/

⤠ Nice graphic and button design.

⤠ Simple yet interesting.

⤠ Especially like the rollover effect of each picture references which at the lower part.

http://www.level2d.com/home.html

⤠ Nice graphic and rollover effect.

⤠ Like the billboard flipping effect.

⤠ Expandable background with not repeat.

⤠ Have fun with the tiny detail around the website.

http://www.fantasy-cartography.com/

⤠ Interesting layout design.

⤠ Unique art direction.

⤠ Dynamic layout yet not messy.

⤠ Button blend in with the art direction yet not confusing.

⤠ Nice and clean content arrangement.

http://www.habitationsbouladier.com/connaught/fr/contact/

⤠ Clean nice and clear layout design.
⤠ Extremely huge expandable background design. The background looks still great in 27'' iMac.
⤠ Simple and nice navigation treatment.
⤠ Simple is nice.

2012年1月9日星期一

Starbucks Competitors Website

http://www.viennacoffeecompany.com

Vienna Coffee Co.
• The layout is clear, manage by section.

• Bad content arrangement, too pack when everything comes together.
• Bad typeface, too much words without a focus point.

• Too many fonts in 1 website.

• Outdated curly floral graphic and bad color combination.

• Inconsistent font size in every subtitle.

http://www.sfcoffee.com/sfc/index.jsp

San Francisco Coffee

• Oversized content arrangement, out of grid and looks messy.

• No focus point, the font size of the content's title should be bigger.

• Too reddish, eyes hurt after seconds.• Bad navigation bar treatment and graphic.

• Didn't update frequently.

http://www.blenz.com

Blenz Coffee

• Clean neat and clear layout.

• Well arranged of contents.

• Font size for content typeface is too small, should be bigger.

• Navigation bar design can be improve.

• Nice navigation bar's subtitle arrangement, simple yet well-navigated.

• Overall design can't really blend in with the logo. Should stick more to logo's color. Too vibrant and contrast for current combination.

http://www.bellomondocoffee.com/

Bello Mondo Coffee

• Bad website :|

http://www.perkscoffee.ca/

Perk's Coffee

• Clean and clear website without scrolling bar.

• Good arrangement of content with simple grid system.

• Art direction can be further develop since the pictures and overall mood brings out a classy feeling, the background color grab everything back and makes everything lose a little.

• Good navigation to all of the sub-content.

https://www.sprcoffee.com

SPR Coffee

• Like the art direction, bring out class and casual mood and feel.

• Simple, informative contents, clean layout, and not confusing grid system.

• Weird navigation system, shouldn't add new tab for every click on the navigation.

• Like the overall feeling.

https://www.coffeebean.com.my

SPR Coffee

• Weird art direction, looks like moon-cake website more than a coffee seller website.

• Ugly navigation bar.• Good content arrangement.

• Good to view since it's a long wide layout design without scrolling bar.

• Informative.

2011年9月15日星期四

Topic Selection for Web Design 1

1.
How to stay awake in class.
WHO AM I: Student

WHO ARE THEY: Student who sleep late

WHAT FOR: Teach people who sleep late to stay awake in class while they sleep late last night.

1st TASK: Preparation.

2nd TASK: Stay awake with your willpower.

3rd TASK: Stay awake with the items you've prepared.

4th TASK: Sleep awake.

OUTCOME: Can focus well!

2.
How to fall asleep quickly.
WHO AM I: Author

WHO ARE THEY: People who got insomnia

WHAT FOR: Teach people who got insomnia to fall asleep quickly.

1st TASK: Preparation

2nd TASK: Sleep

3rd TASK: Sleep with using the items or things prepared.

4th TASK: Make yourself tired!

OUTCOME: Sleep.

3.
How to stay virgin.
WHO AM I: Author

WHO ARE THEY: Conservative thinking people.

WHAT FOR: Teach conservative thinking people how to avoid sex relation.

1st TASK: Strengthen your self thinking.

2nd TASK: Keep your eyes on the friend around you, how to differentiate who is bad guy or good guy.

3rd TASK: Avoid making out.

OUTCOME: Sleep.

Nice Website for Web Design 1

Here's some website I found out that it's interesting! :)

▲ interactive.ibuzzkorea.com/#

● Easy to use and understand.
● Everything organized.
● Attracting colours and nice animation treatment on every particular topic.
● Simple and clean not confusing.
● Korean unique art direction.

▲ http://www.garybaseman.com/

● Simple and nice.
● Art style applied.
● Simple grid system somehow not empty.
● The content san serif font is not matching with the curly font title, this can be improve.
● Navigation bar is clear. The subtitle for each title on navigation bar have special treatment to navigate user where they are.

▲ www.nagaddb.com.my

● Very interesting design.
● Use graphic instead of text to create a navigation map.
● Catch user attention.
● It's abit messy with the line illustration at the background.
● Nice treatment on every icon.

▲http://www.quickhoney.com/#home

● Simple Layout.
● Make use of pixel art style.
● Special navigation bar.
● Content is organized. Categorized well in different label.

▲www.meomi.com

● Nice design!
● Clear hierarchy.
● Simple grid system, not confusing.
● User can actually interact with every single illustration graphic which appear in the webpage.
● It's attract me a lot.
● Cute and unique art direction.

Web Design 1

Photoshop & Illustrator Tutorial Website:

▲

http://vector.tutsplus.com/

▲

http://ndesign-studio.com/tutorials

▲

http://www.noupe.com/tutorial/vector-illustration-60-illustrator-tutorials-tips-and-best-practices.html

▲

http://www.blog.spoongraphics.co.uk/articles/50-illustrator-tutorials-every-designer-should-see

▲

http://psd.tutsplus.com/

▲

http://www.tutorial9.net/

▲

http://photoshoptutorials.ws/

▲

http://psd.fanextra.com/

Visual Communication

The final compilation of my VC assignment project. :)

Toilet Signage Design for male, female, and baby in Buddhist Temple.

2 in 1 Solution.

It's now in exhibition corridor! :D

Digital Design of Multimedia

Here's the final compile of my artwork for DDMM subject. :)
p/s: Click for viewing in the better quality.

First of all it's DDMM User Decode Senario Project's Flowchart.

My User Decode Senario, Fantasy World game interface.

Last but not least, my Mobile Icon Package.