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

Photoshop Tutorials~~

I find few some photoshop tutorials...^^

URL:
http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/futuristic-collage.html
http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/dazzling-dance-photo-manipulation.html
http://www.photoshopstar.com/effects/creative-styling-for-your-car/
http://www.photoshopstar.com/graphic-design/photo-effects/changing-time-of-the-day-on-a-photo/
http://www.photoshopstar.com/graphic-design/photo-effects/glamorous-stylized-photo-effect/

Flowchart

What is Flowchart?
-A flow chart is a graphical or symbolic representation of a process. Each step in the process is represented by a different symbol and contains a short description of the process step. The flow chart symbols are linked together with arrows showing the process flow direction.
-Flowchart actually is a diagram to make us easy to understand and make a decision.

Why do you want to use flowchart in your mobile interface design & screen interface design?
-Because flowchart easy to understand. And flowchart will step by step to explain. Beside, in flowchart they have used different symbol to explain it. And it was clearly information help us more understand what they explain.

How will it help your users to meet the interactive goals?

-The flowchart are very clearly to show out. And it was simple. And it was used symbol to create. First time when i watch about flowchart, i really not so understand wan is about it. But watch more, slowly will understand what is flow chart.

Example for flowchart (image from google) :