Design Tutorial { Web Design II }

**Design Tutorial { Web Design II }**

http://abduzeedo.com/swirl-mania-illustrator-photoshop

http://abduzeedo.com/super-cool-watercolor-effect-10-steps-photoshop

http://abduzeedo.com/super-easy-typographic-portrait-photoshop

http://abduzeedo.com/reader-tutorial-extinction-chanito

http://www.myinkblog.com/2008/08/10/design-with-swirls-and-flourishes

****

HTML & Java Script Library

• http://www.html.net/tutorials/HTML/
• http://javascript.internet.com/
• http://www.echoecho.com/javascript.html
• http://www.quackit.com/html/codes/html_code_library.com

****

Client's Web Analysis { the loaf }

**Commercial Website**

Nike

Sub

Digi

Ikano

****

**Competitor Website**

Breadstory

Pak Li Kopitiam

OldTown

Bangi Kopitiam

****

The loaf

**Analysis on Client Website**

Problem

-overall is too boxy.

-content is quite small.

-lack of interative, feel boring.

-background picture is too messy.

-some words are missing.

But I quite like the way they put their content.

**

**SiteMap**

Gantt Chart { Web Design II }

Web Design 1 (3 ideas)

1)How to Sleep Well??

a)Who Am I- Specialist

b)What Is It - It is a small tutorial for sleep well.

c)What For - To solve your problem of sleeplessness.

d)1st task - Developing a good bedtime routine.

e)2nd task - Be mindful of what you have eaten or drank before bed.

f)3rd task - Your sleeping position.

g)Outcome - Sleep well.

h)Showcase - Gallery




2)How to Control Your Emotion??


a)Who Am I- Psychiatrist

b)What Is It -It's some tips will help you hide your feelings during situations where excessive emotion is considered inappropriate.

c)What For - It's important to learn to control your emotions.

d)1st task - Identify the emotions you need to control.

e)2nd task - Focus on your breathy

f)3rd task - Concentrate on an item in the distance for several minute.

g)Outcome - Control your emotion.

h)Showcase - Gallery



2)How to Properly Clean Your Face??



a)Who Am I- Student of beauty college.

b)What Is It - Research for Tips of clean and clear face.

c)What For - It's to maintain a clean and clear face.

d)1st task - Select the right cleanser for your skin type.

e)2nd task - Step of washing your face.

f)3rd task - Tips & Warning

• Blot your face with a tissue after waking to determine skin type.
  
• Apply cleanser over facial hair just as you would apply it to shaved skin.
• Follow cleansing with a moisturizer appropriate for your skin type.
• Don't use plain soap to clean your face.
  
• Don't scrub your skin.

g)Outcome - Healthy skin.

h)Showcase - Gallery

Web Design 1 (HTML Webpage)

http://www.xruiz.com.ar/index_en.php


http://boompa.ca/


http://www.occasionsbyelizabeth.com/


http://www.canyoncreekonline.com/

Web Design 1 (Photoshop/ Illustrator effect)

http://www.creativepro.com/article/combine-illustrator-patterns-photoshop-masks-instant-visual-appeal


http://psd.tutsplus.com/tutorials/tutorials-effects/create-a-glowing-light-painting-effect/


http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-mold-paint-splatter-to-a-face-in-photoshop/


http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-create-an-imaginative-magical-painted-scene/


http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-funky-perspective-of-a-model-riding-digital-volume/

MoodBoard