Yr3 Sem2 Timetable

DSM3~ Nyonya Pattern

Now,after this is sem break~~
really can relax now~~
so here is showing the iphone game prototype~~

my team member is JunJunlaw~~
we use animation to present our game feature and function ~
let's check out our prototype~~
nid click on stage to see our game step by step~

here the link~
http://nyonyapattern.zxq.net

ADM~New Little Red Hood Story

Finally done the advanced digital media final project.
Below the link is my fairytale interactive game.
Try it! have a fun ya~=)

http://littleredhood.zymichost.com/

3DMM~ sony cybershot TX10

hopefully done whole thing~~
3D is nice but make me cant tahan in progress~~especially the rendering~/.\

Here is the poster ,the animation too bad no proceed it~~ }=

ADM~Character Design

those are my character design for Advance Digital Media project.

So the story is refer to the original little red hood story.

for this new world game project, i have rewrote the storyline.
be waiting my interactive game~=)
stay tuned.

DSM3~National Muzuem trip research

After trip,the thing i interested is Baba-Nyonya.

Here the information i research:

One of Malacca’s most distinctive attractions is none other than the Peranakan or Straits Chinese, Chinese migrants who intermarried with the locals and settled here during the early 1400s.

The men came to be known as Baba, while the women are referred to as Nyonya. Malay influence is very strong in their clothing and food, but they have also retained their Chinese heritage, especially their religion, name and ethnic identity.

Over time, they assimilated Malay language and customs into their lives, and created a fusion culture of their own.They were usually traders, the middleman of the British and the Chinese, or the Chinese and Malays, or vice versa due to the fact that they were mostly English educated.

Because of this, they almost always had the ability to speak two or more languages. In later generations, some lost the ability to speak Chinese as they became assimilated to the Malay Peninsula's culture and started to speak Malay fluently as a first or second language.

The language of the Peranakans, Baba Malay, is a creole dialect of the Malay language, which contains many Hokkien words. It is a dying language, and its contemporary use is mainly limited to members of the older generation. English has now replaced this as the main language spoken amongst the younger generation.

 The Peranakan retained most of their ethnic and religious origins (such as ancestor worship), but assimilated the language and culture of the Malays. The Nyonya's clothing, Baju Panjang (Long Dress) was adapted from the native Malay's Baju Kurung.

While Nyonya food contains many of the traditional ingredients of Chinese food and Malay spices and herbs, Nyonya cuisine is eclectically seasoned and different than either Chinese or Malay food. It is fusion cuisine at it's best! As in Malay cooking, a key ingredient in Nyonya cuisine is Belacan pronounced blah-chan - a dried shrimp paste. It's commonly in the form of a pressed brick or cake. 

Nyonya food originating from the North of Malaysia - Penang, and Nyonya food originating from the South - Malacca and Singapore, have distinct differences.

Nyonya cuisine is also famous for it's Kuih (cake or dessert). Nyonya desserts are varied and extraordinary. They are strongly Malay influenced - made from local ingredients such as sweet potato, yams, agar agar, gula Melaka (palm sugar), coconut milk, glutinous rice - and Chinese ingredients such as red beans, green beans or mung beans.

 

link:

http://www.zoom2see.com/2009/11/peranakan-baba-nyonya-heritage-and.html
http://www.koyli.com/babanyonya.htm
http://www.malaysianfood.net/Nyonyafood.html

yr3 sem 1 timetable~=4=

WD2~Final user testing

Hey guy and gal~~~pls help do a user testing for my final commercial website redesign~~~

Here the link for my website.
http://stabilo-by-eli3.zxq.net

~~Dun worry about some button cant clickable because this no the whole real website.

juz give some comment for my web design and overall feeling~=3

Here some tips question~~

1. Do you think the interface design is suitable for stabilo? (yes/no,y?)

2. What do you feel about the overall interface design? (nice/interesting/confuse...,y?)

3. What is/are the design you prefer to? (overall/ graphic/icon/structure/ navigation...., y?)

4. What should i improve for my overall website?

5. give some comment for overall website.

thx ya~~><

WD2~Redesign website interface

Now i show my redesign web interfaces~~stabilo~~

the style use more graphic combine with some collage~~

here my result~~

home page

product page

product info page

feature page

news page

ergonomics page

WD2~Moodboard

WD2~Redo tutorial page

Finally finish de redo section~-.-
this time hav to try separate the background with the navigation bar and images~~
and oso add overflow and background-margin that learn last week~=3

firefox

IE

WD2~Grantt Chart and Sitemap

p/s:~Above layout no my final idea and concept juz try research more about more graphic combine some college style~:|

WD2~html and css code library

I have found some nice html library and css tutorial,oso java script~~

those are great work for enhance my html and css skill~~ 

http://www.entheosweb.com/website_design/jump_menus.asp
http://www.web-source.net/html_codes_chart.htm
http://www.web-source.net/javascript_tutorial/javascript_events.htm
http://www.1keydata.com/css-tutorial/codes.php
http://www.htmlfreecodes.com/
http://www.hypergurl.com/easyhtml.html

WD2~Design tutorial

Some Photoshop skill tutorial in different style~~

-Create an Impactful Child Welfare Poster

~~>http://www.webdesign.org/photoshop/web-layout/create-an-impactful-child-welfare-poster.16440.html

 -Create a Dark and Grungy Digital Art Piece in Photoshop

~~>http://www.blog.spoongraphics.co.uk/tutorials/create-a-dark-grungy-digital-art-piece-in-photoshop

-How to make simple gree wallpaper in photoshop

~~>http://www.webdesign.org/photoshop/textures-patterns/how-to-make-simple-gree-wallpaper-in-photoshop.18893.html

-Design Watercolor Effect Menu

~~>http://www.webdesignerwall.com/tutorials/design-watercolor-effect-menu/

WD2~Beautiful and useful website

i have found some beautiful commercial website that are creative~~
let check it out~~

~wishbone~

-overall the layout and structure very nice~~~

-have interesting graphic and good hierarchy, type treatment~~

- the interesting on the website is the navigation can drag anywhere~~

- sub menu have interesting way to show it,
that have a cute animation to open the sub menu~~

- the overflow have creative way to make overall interesting~~

-the hierarchy of info quite good~~

~ Brown Bag Films~

- interesting graphic and collage style~~

- have different layout at different pages~~
make users no feel boring that the website try to use different visual to attract users.

~EDesign~

  

- have different visual at different pages~~

- some fun animation~~

- different idea at some pages make whole website be creative~~

~modatrading~

 

 

- nice design and typeface~~

-the equipment can drag anywhere~~

other website~~

goochicoo

5pts-interactive

kinoz

WD2~Competitors' website

Here are some competitors' website of stabilo~

Competitors' website1--Crayola
http://www.crayola.com/

Analysis~~

- the style more suitable for it~

- color of layout can be improve,color too oldish~~

- in product pages，have interesting intro flash but the categories too balance.

- try different structure in different pages,but too more style treatment.



Competitors' website2--Faber Castell
http://www.faber-castell.de/36880/Startpage/fcv2_start.aspx

Analysis~~

- Classiss style layout and structures~

- good treatment on typeface and information~

- have images support make eyes-catching~

- the typo color can be better, some of type color too similar with background caused hard to read.

Competitors' website3--Pentel
http://www.pentel.com/

 

Analysis~~

- overall color no bad~

- structure of website still ok~

- type treatment can be better,too more space between the sub navig which at right side.

- the navigation will suddenly disable at some pages.

- have a good treatment on jump menu.

Competitors' website4--Pilot(Singapore)
http://www.pilotpen.com.sg/home.html

Analysis~~

- have a nice and cute background music and sound effect~

- nice layout and structure~

- have some fun animation button.

- nice typeface.

- the icon design can be improve.

- can try more color on information type, some pages of information too boring without any type treatment.

WD2~Redesign Commercial website- Stabilo

ok~~~this is the web design 2 project-redesign commercial website~~

My client is stabilo.

Bottom will show the pages that i have analysis.

~Home page~
 

~Feature~

~Categories of product page~

~product page~

~Environment~

~Ergonomics~

~News~

~Win&fun~

~Contact~

Analysis~

-the site characteristic is colorful but:
-overall too squarlish~~
-layout too simple, no attract user to read it~~
-have graphic or image support but the treatment too common~~
-navigation too messy, easy confuse which are the main navig and sub navig~~