DSM 3 - Islmic Art Museum

12 / 10 / 2011.

Record DSM final project notes.

- For DSM final project, the title is " Islamic Art Museum ". There have a lot of Islamic element from others country in the Islamic Art Museum. Such as china, india, iran and etc.

For me, i feel that china Islamic element are quite interesting for me. Because the element have mix with the Islamic quran. Such like Dynasty Ming already have Islamic quran write in to book. Beside, still have a lot ceramic mix with Islamic quran. It from different Dynasty. From those element i saw the museum, i quite interested. Because y Islamic at china and those ceramic mix with quran.

Beside, inspired me for the museum is china element and those architecture building.

Few page for my Web Design

Home Page:

Contact Us Page:

About Us Page:

Gallery Page:

Before(try out):

After(refine):

i change the color , balance all the column and refine the navigation bar.

Wire Frame(Change)

New Wire Frame Try Out:

Proposal

Project Definition:

-Intro Malaysia

-Information for Malaysia Residency

Current Site Analysis:

-Less pictures to show

-A lot of information

-Add some color for background

Target Audience:

-Adults

Wire Frame & Moodboard

Wire Frame(try 1):

Wire Frame(try 2):

Moodboard:

Gaint Chart & Sites Maps

Gant Chart:

Sites Maps:

Competitors WEB

First:

http://www.honda.com.my/

Second:

http://www.toyota.com.my/index.html

- Actually this 2 website layout are quite same, but i more like HONDA website. Because it have more clear information and promote their car. But this 2 website have nice navigation bar.

Third:

http://www.nokia.com.my/

Fourth:

http://www.sonyericsson.com/cws/home?cc=my&lc=en

-Between this 2 Website, I more like is sonyericsson web, because it have design and look more interest. For me the nokia web have a bit boring and the color not so nice also.

Beautiful WEB sharing

First:

http://svn2ftp.com/

-nice color mood, overall graphic are nice and cute. i like the graphic and color very much.=)

Second:

http://www.puma.com/running

-have clear information, like the background design also, navigation bar are clear enough.

Third:

http://www.nikesnowboarding.com/

-like they use black and white color for the website, information are clear enough, navigation bar are clear. And the shoes are quite nice also.

Fourth:

http://www.sohtanaka.com/

-cute website, just use black and white color for the website

This are the link i founded this all WEBSITE:

http://bestwebgallery.com/

Design Tutorials: Photoshop & illustrator

Photoshop:

First:

http://www.hongkiat.com/blog/40-greatest-web-interface-design-tutorials-photoshop-tutorial/

Second:

http://creativenerds.co.uk/tutorials/100-best-photoshop-design-tutorials-from-2010/

Third:

http://www.noupe.com/tutorial/30-useful-abstract-photoshop-design-tutorials.html

Illustrator:

First:

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

Second:

http://vandelaydesign.com/blog/design/photoshop-illustrator-tutorials/

Third:

http://www.ndesign-studio.com/tutorials

Url of html code

This are the HTML tutorials I founded, some is basic HTML and have advance HTML.

First:

http://www.htmlcodetutorial.com/

Second:

http://www.quackit.com/html/tutorial/

Third:

http://www.2createawebsite.com/build/html.html

Fourth:

http://html-codes.1keydata.com/

Mood Board :

How to make waffle :

How to cook spaghetti for family

1. WHO AM I - Chef
2. WHO IS THEY - Family
3. WHAT FOR - Family Dinner
4. 1st Task - Buying the materials and prepare the ingredients ( 2 - 5 steps)
5. 2nd Task - Start to cook ( 2 - 5 steps)
6. 3rd Task - Display into the dish ( 2 - 3 steps)
7. OUTCOME - Delicious Food
8. SHOWCASE - Gallery

How to make a waffle

1. WHO AM I - Consumer
2. WHAT IS IT - Waffle
3. WHAT FOR - Food
4. 1st Task - Buying the materials and prepare the ingredients ( 3 - 5 steps)
5. 2nd Task - Start to bake ( 2 - 4 steps)
6. 3rd Task - Put the jam onto your waffle ( 2 - 3 steps)
7. OUTCOME - Delicious Food
8. SHOWCASE - Gallery

How to wash and polish car

1. WHO AM I - Car Washer
2. WHAT IS IT - Car
3. WHAT FOR - Clean
4. 1st Task - Ready the things for car wash ( 3 - 6 steps)
5. 2nd Task - Start to wash ( 2 - 4 steps)
6. 3rd Task - Polish the car ( 2 - 3 steps)
7. OUTCOME - How the car clean
8. SHOWCASE - Gallery

Photoshop Effect,

URL : http://psd.tutsplus.com/tutorials/drawing/fiery-photoshop-space-explosion-tutorial/



URL : http://psd.tutsplus.com/tutorials/tutorials-effects/seriously-cool-photoshop-explosion-effect/



URL : http://www.psdvault.com/drawing/easily-create-planetary-ring-via-cloud-and-twirl-filter-in-photoshop/


URL : http://www.psdvault.com/abstracts/create-artistic-abstract-shapes-via-the-powerful-warp-tool-in-photoshop/



URL : http://www.psdvault.com/photo-effect/design-an-awesome-space-dancer-scene-with-nebula-texture-in-photoshop/


URL : http://www.psdvault.com/text-effects/design-a-fragmented-text-effect-with-scrap-texture-in-photoshop/

Beautiful Website,


URL : http://kleientertainment.com/



URL : http://www.duoh.com/about



URL : http://www.kokodigital.co.uk/




URL : http://www.wpcoder.com/

4 screen shot of psd / ai tutorials~~

Photoshop Tutorials,


URL : http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-create-a-stunning-vista-inspired-menu/



URL : http://www.adobetutorialz.com/articles/2841/1/Professional-Modern-Web-Layout/4


URL : http://www.adobetutorialz.com/articles/2829/1/Professional-Design-Studio-Web-Template



URL : http://www.adobetutorialz.com/articles/2810/1/Graphic-Design-Studio-Web-Layout/6



URL : http://www.adobetutorialz.com/articles/2951/1/Design-Studio-Website/6