| Declyle . Story |

Web Design 2 [Prototype Web Layout]

2010-10-05T07:16:00.002+08:00

theloaf.net [mainpage]

my initial layout for re-design website

seems like the overall mood are not the same

with my previous post moodboard.

will add more details and refinement to reach it

for typeface i still don't get the font that i want...

i should research more on the typeface

Web Design 2 [Moodboard & Revised SiteMap]

2010-09-18T00:29:00.005+08:00

Moodboard for TheLoaf.net re-design website.

Revised Sitemap.

Web Design 2 [GanttChart & SiteMap]

2010-09-14T11:32:00.004+08:00

This time our project require us to redesign a e-com website

Elaine and Roland are taking the same topic as well

which is www.theloaf.net

and here's my Ganttchart and Sitemap.

Web Design 2 [Inspired Commercial Website]

2010-09-14T11:26:00.005+08:00

[1] www.chipotle.com

[2] www.doorstepdairy.com

[3] www.paddingtonpancakes.com

[4] www.dunkindonuts.com

Web Design 2 [Competitor Site]

2010-09-14T11:18:00.005+08:00

[1] www.kings.com.my

[2] www.thebakerscottage.com.my

[3] www.dunkindonuts.com

[4] www.bigappledonuts.com

Web Design 2 [The Loaf]

2010-09-14T11:09:00.006+08:00

The loaf.net

1. main page

2. about us

3. our creation

4. mini u-hu-hu

" How To... " - Progress 2

2010-05-25T12:29:00.003+08:00

These are my map site and materials

Research and Development 2.0

still have lots more of photos to share

but kind a lazy to upload all the photos =)

" How To... "

2010-05-25T09:15:00.003+08:00

The following content is a progress of my Web Design's final project

there's nothing personal.

Realistic: HOW TO BE A BETTER KISSER

Who am I - Author

What for - Understand the meaning of kissing

- Practice

First thing you need to do is not feel silly!
The Practice *5 steps
Setting

- How to Kiss

Dealing with nerves
The Kiss *11 steps to warm the situation
French Kiss *16 steps

- How to read the Sign

8 bad responses
8 good responses
how to respond their reaction
Things to remember
Things to avoid

Outcome - Lovely Kisser

Showcase -

What is 'First Kiss' and 'First Kiss Ever'
Kissing Facts
Tips : Different places and ways to kiss / Different ways to hold them when kissing / Kissing games

CSS Websites

2010-05-18T10:57:00.013+08:00

1. The Molitor:

http://www.themolitor.com/

2. DrewWohlberg Design:

http://www.drewwohlberg.com/

3. Monk Design:

http://www.patrickmonkel.nl/index.php

4. A Modern Eden:

http://www.amoderneden.com/

5. The Organic Supermarket:

http://www.organicsupermarket.ie/

All these are CSS websites

I found that I like this kind of designs !

Simple and lots of empty space which makes it look clean and tidy

all I know is spacing are important in those which has many

information to show on page.

I will go these kind of directions for my work :)

Tutorials for Web Design

2010-05-18T10:09:00.006+08:00

I think this might help us for creating a website as a newbies.

feel free to go through them :D

1. How to create CSS pop-up navigations.

here's the preview of the outcome:

If you're interest on it, the tutorial will guide you all the way.

here's the link to go through:

Part1

http://hv-designs.co.uk/2010/04/23/learn-how-to-create-a-pop-up-style-css-navigation/

Part2

http://hv-designs.co.uk/2010/04/29/learn-how-to-creare-a-pop-up-css-navigation-pt-2/

_____________________________________________

2. How to create a cute and lovely web design layout.

here's the preview of the outcome:

If you're interest on it, the tutorial will guide you all the way.

here's the link to go through:

http://hv-designs.co.uk/2009/11/30/cloud9-web-design-layout/

_____________________________________________

3. How to create a simple and modern web design layout.

here's the preview of the outcome:

If you're interest on it, the tutorial will guide you all the way.

here's the link to go through:

http://designinstruct.com/web-design/create-a-clean-and-modern-web-design-in-photoshop/

_____________________________________________

17.05.10

2010-05-17T21:01:00.000+08:00

It's been a while since the previous post.

This is my first post in 2010...

I got nothing much to say here

many things happened between this moment

For now...seems like I lost my motive doing anything

Don't know what I'm doing and what for...

I'm kinda LOST again...

need some time for me to get back on track

a.s.a.p

If not then I'll be dead by failing any subjects in this Semester.

Colour Palettes

2009-10-25T01:07:00.000+08:00

Here's some color references for my final project

and i pick 5 colors for each color palettes.

Flow Chart...

2009-10-16T05:47:00.000+08:00

It's another post again...

this round i'll talk a little bit about what is flow chart

and how it works.

flowchart are actually looks similar with mind-map but the different is

flowchart is all about the 'starting', 'task/process', 'decision', 'conclusion'.

they use many different way to show in flowchart like

using oval shaped as the 'starting', the rectangle shaped for 'task/process',

the diamond shaped for 'decision'.

these shapes are commonly used in flowchart presentation

and it works out perfectly because

it allow everyone to get the

big picture of the details.

well...this is part of my assignment

so here's the questions...

Why do you want to use flowchart in your mobile interface design & screen interface design?

Sometimes we might get stuck in the details of our idea, for avoiding this kind of situation i think flowchart is one of the way to solve the problem. It allow everyone to get the big picture of the details and also the easier way to let us see clearly during the process of our work. The visual display of this process helps convey the high level structure and the details in the way that written procedure simply cannot.

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

I think is just the boundary of the process, the starting events and the end result then start listing the steps of the process. So the users probably would know what is next after this, through this it also helps the audience or users to know the whole process easier to understand, more informative and more effective.

okay...i just finished the questions.

now it's your turn to give the feedback

from my answers.

MARI MARI TOLONG !!! (classmate only)

Graphic User Interface Icons

2009-10-11T10:38:00.000+08:00

This is my icon design

using the concept of flower and also this concept picked by lecturer

and so i have to do something with the icon and the flower

this is my result...

"Contact" icon & "Home" icon

( Pixel/Raster Icon )

"Contact" icon & "Home" icon

( Vector Icon)

_________________________________________________________

For the Vector "Contact" icon...

i refine already

This is the before and after.

Before & After

for the 1st design i didn't do any sketches about

how it's going to be look like

then i just simply made one.

after that our lecturer said that we still can refine it

but yea i can refine whenever i want...

what about the marks?

by the way...

for the updated "Contact" icon

what I've change is the leaves and the flower

and i added some details for the phone also

because i heard somebody said

the phone looks like a Tobacco Pipe =.='''

yea and i added the details on it to avoid it

so it won't looks like

the smoke pipe anymore!

well...the details does help a lot.

O ya... and the flower

the design, the colors...inspired me by Kagaya's Artwork

here's some of his artwork ^^

_________________________________________________________

WAIT !!!

don't go first after enjoying my icons

I need you guys to answer a few simple questions

It's objective question so don't worry about it

because i need this to improve myself

by your judgement

so be a consumer or user...

and leave some comments

HOW TO ANSWER ???

EXAMPLE :

(your name),

answer :

1) b. ......

2) b. .....
3) b. .....
4) b. .....
5) (your opinion)

write it in Comment box.

and thanks for answer my boring question ^.^

QUESTION :

1) Are they looks like Icons ?

a. Yes

b. No

c. What's icon by the way ?

2) Can you recognize what's the function of the icons ?

a. Yea of course, I'm not blind.

b. No, I don't get it but i liked the flower ^.^

c. Yea I think so, but I'm just guessing :p

3) What do you think about the color scheme ?

a. Great!!! (thumbs up)

b. Can be better ^.^

c. Eww... that's awful looks so disgusting.

4) What do you think about the overall design ?

a. Perfect !!! (speechless)

b. Great ideas and good color combinations

c. Not bad for the overall design but still can be improve ^.^

d. Great ideas but lack of efforts in this artwork ^.^

e. It just a piece of shit !

5) What comes to your mind when you first saw the icons ?

Why ? Which part i should improve or do more than this ?
_____________________________________( comments )

[ END]

_________________________________________________

Alarm Clock

2009-10-05T11:56:00.000+08:00

This is my assignment as well.

SookChiung told us to post in our own blog

well... this is it

my alarm clock icon

i made 2 different color of background

which one looks nicer? (u decide it)

that's pretty much.

*mobile icons coming up next...

Icons

2009-10-05T11:47:00.000+08:00

This is the first icon i ever made

called "Buddy Icon"

this character are actually my classmate EeLing.

and this is me...made by EeLing.

SookChiung ask us to do this assignment in class and submit on the same day.

this is our first lesson also.

all we learn from this icon is how to make the icon's lighting.

i choose "D" for this icon

because it's the initial letter from my name 'D'eclyle.

10 things about "me"

2009-10-02T13:24:00.000+08:00

here it is

my "10 things about me"

One

firstly is i can get into another 'circle' easily

like i can get myself involve into it

usually there are some few peoples that is notsuppose to join

but for me...

i would like to try and explore something

new to me like and so i will get myself involve

but still... i have my own limitation that makes

me won't cross over the line.

Two

well...sometimes i get myself involve with

something "bad" or some "bad" peoples

still i do watch my own image

everyone has their own image

because image is your identity.

three

when i get involve into something

but still i can get myself out from the 'circle'

this is important to everyone of us

if we too into something and

we're not able to turn back to a clear mind and think.

this will cause some serious problems.

Four

thinking are important for me as well

like if we just stay in the 'circle' we used to stay with

and what we sees and think are just that much

which is a small 'circle'

and so

be open-minded are the way to accept

the other way to sees or think,

you'll slowly join another new 'circle'

Five

the network are also important for everyone of us

the bigger range of network you have

the more you'll learn

and your identity getting stronger and obvious

by the more 'circle' u link with.

Six

Popularity are also what I've been looking for

since the time i manage to another high school.

during that time, before the day i start my class in

another high school i tell myself

"i must jump into other circles"

and so the more i go and slowly my popularity are gaining

for me

my confidence come from

the more people know my identity

because it really brings me out from the other.

Seven

the way i sees things

i always be the 3rd person and from this position

you will never realize how clearly

things that are very complicated had

solve in your eyes.

Eight

what is mature?

this question stuck in my mind for quite a while

I still don't get what exactly mature is...

of course I asked many friends with different views

and i always get the same answer

" the way you think "

of course i know this but no one can tell

which is the actual way are mature ?

Nine

Each person has their own dream

dreams that can come true

or dreams that remain in their mind

well...i can say it's the way we find our

own purpose to live.

what we live for ?

for work? for money? for power?

it's up to us to decide what we live for

without dreams we don't even know where we're

actually heading to...

my dreams are quite flexible i can say...haha

but there're still a few dreams that we don't break

even we can't have it.

Ten

"Unknown"

this is what i fear the most of all time

i bet most of us have the same fear inside our heart.

1001

2009-10-02T11:30:00.000+08:00

Hi! I'm back again...

well, it's been a while since i logged on to start blogging.

I'm now in 3rd Sem which is a short semester...

the last post was still in 1st Sem...haha

sorry for my laziness.

In this Semester,

I've only 5 subjects to study...

i thought it will be easy and more relax than the past few semester

although it's a short semester...

but i have to manage my time like hell

because the works are still the same...

and so our deadline become shorten then. T.T

i have a task that is...

post " 10 things about me "

hmm...this task was suppose to be done by

few weeks ago...

and so my Digital Design's lecturer, Sook Chiung...

she's still waiting my blog's update

and today during the talk

Confidence in Presentation - Plan and Prepare with the Six Thinking Hats

by Ms. Teh Hui Wan

she comes to me and said...

Low Ooi Teik, where's your blog???

and then

i was like... err???? blank suddenly

and i was thinking

OMG! she remembered my name...cham la cham la

my professional practice dah habis lar T.T

by the way

i still promise her i'll do it by today.

sorry ya.^^

A busy week

2009-03-25T11:05:00.000+08:00

Wao....long time dint log in n post...
well... this is what i've been bc for n still in progress havnt finish yet...

yeap!!!....tis is it... preparing the final project for History of Art.
we receive this project on last friday... [ the day they arrived P.Perhentian ]
then our group leader ask for a meeting on sunday at SunwayPyramid's Starbucks.

i look so 'kua jiong' when another members of d group had arrived.
bcoz me n leader waited about half an hour.
im the second one arrived in the meeting...^.^

can see the painting in laptop?.... named 'The Nightmare' its one
of the masterpiece in earlier centuary

i luks so pro rite?... Xp

discussing which painting we wanted to use n the red shirt guy help us to draw thumbnail
for reinveting n advertising those painting frm earlier centuary.

we decided to use these 2 paintings for our project
the left painting called 'The Last Supper' by Da Vinci for Reinvention
n the right painting called 'Creation of Adam' by Micharlangelo for Advertising
we decide to advertise Viagra [this idea cums out frm me] n now the problem is
where we goin to hav a Viagra sample

then the next day our leader ask me to go buy it... of coz i disagree wit tat
but end up we all go n buy it together

heading to the pharmacy around sunway

our leader force us to stay in the photos n the truth is
there are about 7 peoples behind the camera

n i tot a bottle of Viagra is around rm50~80 or sumtin
but it isnt... it cost rm40 juz for 1 tablet... OMG
well...after tat we juz take the cover of the Viagra, our group budget are limtied

here it is, the Viagra
not much ppl hav see this things b4 rite?... lol

and we're stil in progress for d project

When It's Gone...

2009-02-27T14:32:00.000+08:00

People always come and just go, some leaving traces behind in our lives,
some don't. It happens to everyone of us, where a person comes into our life,
brightens it, and just leave suddenly, but only on rare occasions they will stay on.
It really hurts us to know that this person who came into our life is slowly fading away
from us. To a point where it all ends.

I just came to realize that i m in the same situation. That special someone came,
made me a better person, but then just leave without leaving any traces behind.
It left a mark in my heart, that this person has made, and a very special one indeed.
It is only now that i realize it is slowly fading, and it will be gone, eventually.
Just like a magic show, where that special person would be the magician
and i am the audience, with her amazing me for that moment, and after the show,
everything returns but not the feeling. You'll know when it is starting to fade,

just like a flower wilting in winter......

Never Forget Them......

What Tree Did You Fall From?

2009-02-17T14:38:00.000+08:00

Find your birthday and then find your tree. This is cool and somewhat accurate.
Then send it to your friends, including the one that sent it to you,
so they can find out what tree you fell from, but do not forget to change the subject line to your tree.

Find your tree below and see what you are like…

Dec 23 to Jan 01 - Apple Tree

Jan 01 to Jan 11 - Fir Tree

Jan 12 to Jan 24 - Elm Tree

Jan 25 to Feb 03 - Cypress Tree

Feb 04 to Feb 08 - Poplar Tree

Feb 09 to Feb 18 - Cedar Tree

Feb 19 to Feb 28 - Pine Tree

Mar 01 to Mar 10 - Weeping Willow Tree

Mar 11 to Mar 20 - Lime Tree

Mar 21 (only) - Oak Tree

Mar 22 to Mar 31 - Hazelnut Tree

Apr 01 to Apr 10 - Rowan Tree

Apr 11 to Apr 20 - Maple Tree

Apr 21 to Apr 30 - Walnut Tree

May 01 to May 14 - Poplar Tree

May 15 to May 24 - Chestnut Tree

May 25 to Jun 03 - Ash Tree

Jun 04 to Jun 13 - Hornbeam Tree

Jun 14 to Jun 23 - Fig Tree

Jun 24 (only) - Birch Tree

Jun 25 to Jul 04 - Apple Tree

Jul 05 to Jul 14 - Fir Tree

Jul 15 to Jul 25 - Elm Tree

Jul 26 to Aug 04 - Cypress Tree

Aug 05 to Aug 13 - Poplar Tree

Aug 14 to Aug 23 - Cedar Tree

Aug 24 to Sep 01 - Pine Tree

Sep 02 to Sep 12 - Weeping Willow Tree

Sep 13 to Sep 22 - Lime Tree

Sep 23 (only) - Olive Tree

Sep 24 to Oct 03 - Hazelnut Tree

Oct 04 to Oct 13 - Rowan Tree

Oct 14 to Oct 23 - Maple Tree

Oct 24 to Nov 11 - Walnut Tree

Nov 12 to Nov 21 - Chestnut Tree

Nov 22 to Dec 01 - Ash Tree

Dec 02 to Dec 11 - Hornbeam Tree

Dec 12 to Dec 21 - Fig Tree

Dec 22 (only) - Beech Tree

TREES (in alphabetical order)

Apple Tree (Love) -
- quiet and shy at times, lots of charm, appeal, And attraction, pleasant attitude, flirtatious smile,
adventurous, sensitive, loyal in love, wants to love and be loved, faithful and tender partner,
very generous, many talents, loves children, needs affectionate partner.

Ash Tree (Ambition) -
- extremely attractive, vivacious, impulsive, demanding, does not care for criticism, ambitious,
intelligent, talented, likes to play with fate, can be very egotistic, reliable,
restless lover, sometimes money rules over the heart, demands attention, needs love and much emotional support.

Beech Tree (Creative) -
- has good taste, concerned about its looks, materialistic, good organization of life and career,
economical, good leader, takes no unnecessary risks, reasonable, splendid lifetime companion,
keen on keeping fit (diets, sports, etc.).

Birch Tree (Inspiration) -
- vivacious, attractive, elegant, friendly, unpretentious, modest, does not like anything in excess,
abhors the vulgar, loves life in nature and in calm, not very passionate,
full of imagination, little ambition, creates a calm and content atmosphere.

Cedar Tree (Confidence ) -
- of rare strength, knows how to adapt, Likes unexpected presents, of good health, not in the least shy,
tends to look down on others, self-confident, a great speaker, determined, often impatient,
likes to impress others, has many talents, industrious,
healthy optimism, waits for the one true love, able to make quick decisions.

Chestnut Tree (Honesty) -
- of unusual stature, impressive, well-developed sense of justice, fun to be around,
a planner, born diplomat, can be irritated easily, sensitive of others feelings, hard worker,
sometimes acts superior, feels not understood at times, fiercely family oriented, very loyal in love, physically fit.

Cypress Tree (Faithfulness) -
- strong, muscular, adaptable, takes What life has to give but doesn't necessarily like it,
strives to be content, optimistic, wants to be financially in dependent, wants love and affection,
hates loneliness, passionate lover which cannot be satisfied, faithful, quick-tempered at times,
can be unruly and careless, loves to gain knowledge, needs to be needed.

Elm Tree (Noble-mindedness ) -
- pleasant shape, tasteful clothes, modest demands, tends not to forgive mistakes, cheerful,
likes to lead but not to obey, honest and faithful partner, likes making decisions for others,
noble-minded, generous, good sense of humor, practical.

Fig Tree (Sensibility ) -
- very strong minded, a bit self-willed, honest, loyal, independent, hates contradiction or arguments,
hard worker when wants to be, loves life and friends, enjoys children and animals, sexually oriented,
great sense of humor, has artistic talent and great intelligence.

Fir tree (Mysterious) -
- extraordinary taste, handles stress well, loves anything beautiful, stubborn,
tends to care for those close to them, hard to trust others, yet a social butterfly,
likes idleness and laziness after long demanding hours at work, rather modest,
talented, unselfish, many friends, very reliable.

Hazelnut Tree (Extraordinary ) -
- charming, sense of humor, very demanding but can also be very understanding,
knows how to make a lasting impression, active fighter for social causes and politics, popular,
quite moody, sexually oriented, honest, a perfectionist,
has a precise sense of judgm ent and expects complete fairness.

Hornbeam Tree (Good Taste) -
- of cool beauty, cares for its looks and condition, good taste, is not egoistic,
makes life as comfortable as possible, leads a reasonable and disciplined life,
looks for kindness and acknowledgment in an emotional partner, dreams of unusual lovers,
is seldom happy with its feelings, mistrusts most people,
is never sure of its decisions, very conscientious.

Lime Tree (Doubt) -
- intelligent, hard working, accepts what life dishes out,
but not before trying to change bad circumstances into good ones, hates fighting and stress,
enjoys getaway vacations, may appear tough, but is actually soft and relenting,
always willing to make sacrifices for fami ly and friends, has many talents but not always enough time to use them,
great leadership qualities, is jealous at times but extremely loyal.

Maple Tree (Independence of Mind ) -
- no ordinary person, full of imagination and originality, shy and reserved, ambitious, proud,
self-confident, hungers for new experiences, sometimes nervous, has many complexities, good memory,
learns easily, complicated love life, wants to impress.

Oak Tree (Brave) -
- robust nature, courageous, strong, unrelenting, independent, sensible, does not like change,
keeps its feet on the ground, person of action.

Olive Tree (Wisdom) -
- loves sun, warmth and kind feelings, reasonable, balanced, avoids aggression and violence,
tolerant, cheerful, calm, well-developed sense of justice, sensitive, empathetic, free of jealousy,
loves to read and the company of sophisticated people.

Pine Tree (Peacemaker) -
- loves agreeable company, craves peace and harmony, loves to help others, active imagination,
likes to write poetry, not fashion conscious, great compassion, friendly to all,
falls strongly in love but will leave if betrayed or lied to, emotionally soft, low self-esteem,
needs affection and reassurance.

Poplar Tree (Uncertainty) -
- looks very decorative, talented, not very self-confident, extremely courageous if necessary,
needs goodwill and pleasant surroundings, very choosy, often lonely, great animosity,
great artistic nature, good organizer, tends to lean toward philosophy,
reliable in any situation, takes partnership seriously.

Rowan Tree (Sensitivity) -
- full of charm, cheerful, gifted without egoism, likes to draw attention, loves life, motion, unrest,
and even complications, is both dependent and independent, good taste, artistic,
passionate, emotional, good company, does not forgive

Walnut Tree (Passion) -
- unrelenting, strange and full of contrasts, often egotistic, aggressive, noble,
broad horizon, unexpected reactions, spontaneous, unlimited ambition, no flexibility,
difficult and uncommon partner, not always liked but often admired, ingenious strategist,
very jealous and passionate, no compromise.

Weeping Willow ( Mel ancholy) -
- likes to be stress free, loves family life, full of hopes and dreams, attractive,
very empathetic, loves anything beautiful, musically inclined, loves to travel to exotic places,
restless, capricious, honest, can be influenced but is not easy to live with when pressured,
sometimes demanding, good intuition, suffers in love until they find that one loyal, steadfast partner; loves to make others laugh.

Holding Hands

2009-02-16T15:34:00.000+08:00

When were in a scary movie, in the store, or in a car,
Can we hold hands?
To let everyone know were in Love

When we break the news to our parents, and when you're have our baby,
Can we hold hands?
To comfort us, and show our Love

When were in a fight and we say things we shouldn't
Can we hold hands?
To let us know were still in Love

Because it is impossible to be mad,
When we hold hands

When our time is near, and that last I love you is uttered
Can we hold hands?
To tell us our Love will never die

We will always be together,
As long as were holding hands!