Endlessity

moodboard

2009-09-20T22:25:00.000-07:00

Web Redesign

2009-09-11T19:53:00.000-07:00

PALLAS

4screenshots

The frame of the main-page is very small, leaving a lot of empty spaces around, which causes difficulty for the viewers to navigate around.

The flash intro which slowly loads the elements one by one is rather frustrating as it keep repeating everytime we enter the main page and there isn't any option to skip it.

Colours used are rather primary, giving the unpleasant feeling to the viewers. The strong vivid yellow green is not harmony with the gaudy red border, causing a lot of disturbance to the eye as it is too contrasting.

There isn't proper margin to seperate the columns. It simply confuses the readers.

This is the page which under the section of "cool sports" . Once click, it brings the viewers to a whole new layout, breaking out from the previous one. Though the colour usage is the same, but the feeling is rather different. It is not in the center as it used to be.

There is not any css style to control the colour, fonts, and sizes. The colours used for the links are really raw ; the ultramarine blue and the deep purple.

The typeface chosen for the font makes it hard for the readers to read.

the contact us page.

the location page

the products page

4 url and screenshots of beautiful commercial websites.

http://kitschen.com

Though it is rather casual, but there are clear instructions on navigating the website ; which is to drag the zip across the page and it shows you other aspects.

http://lorealparis.com

Rather formal, but it has the classy layout. With usage of minimal colours ; faded purple and white, it gives the corporate feeling.

http://www.forever21.com/heritage1981/main.asp

The layout consists of few pictures with rollover effects. It's rather simple yet attractive.

http://fudge.com

The grunged up effect accentuates the whole experimental idea but it still does look tidy and neat.

4 url of competitors & screenshot

converse. it has a simple design, with one colour - black which gives a simple outlook but also attractive. the navigation bar is a texture of leather, which is the material to makes shoes.

nike. as oppose to converse, nike has many ranges of shoes which cater for different groups of people. hence , for this, it attracts young adults, suggesting energy and youth as colourful colours are used .
reebok. the sleek and simple layout simply speaks for itself. the navigation is rather clear and does not confuse the viewers

adidas. the montage/ collage like effect is rather interesting , displaying the many activities and uses of the adidas shoes.

the sitemap

gantt chart

4 url of html, css javascript tutorials

http://www.htmlgoodies.com/

http://www.good-tutorials.com/

http://csshtmltutorial.com/

http://www.javascriptkit.com/

4 url of design tutorials

http://www.smashingmagazine.com/2009/08/10/discovering-papervision3d-best-design-practices-and-tutorials/

http://www.grafx-design.com/tutorials.html

http://webdesignledger.com/tutorials/27-useful-logo-design-tutorials-and-tips

http://creattica.com/

Sketches

2009-05-31T20:37:00.000-07:00

Sketches for web design. HOW TO LOOSE WIEGHT WHILE WORKING.

01. the first one, is using normal iframe to browse, whereby the user has to scroll up and down to view . rather plain and common, so i thought of the 2nd idea.

02. this one is more interesting, where when the user clicks on a link, the whole content glides horizontally ; showing a transition, and shows the next content.

it's javascript, more lke advanced javascript, which is actually pretty simple to understand.

i've actually found the script online, and i've configured it, changed a bit, and done a prototype.

it gives users a much interactive feeling, as compared to the normal linking and loading.

(Jo has approved on this, idea and this is a refined idea.)

the concept is to portray the normal daily life at the workdesk, rather to relate to the workers/ students? to give a closer feeling on what they are experiencing everyday, which is sitting on the workdesk working and having no time to exercise.

it'll have items such as dumbells, medicine ball, treadmill platform for the content , to beat away from the normal mundane sites which teaches people to loose weight and exercise. it's also to create some excitement in the users, rather than to bore them, as exercising can be pretty boring.

art direction wise, it'll be realisitc, using real photos, then montaged together.

this website uses the same concept of content gliding,

http://lucuma.com.ar/

mood board

2009-05-25T07:44:00.000-07:00

MOOD BOARD for HOW TO LOSE WEIGHT WHILE WORKING

page planner

01. intro on concept of losing weight while working (intro, what is it , whats new)
02. who (anyone who deals with computer most of the time. eg : working ppl, students)

03. why & how this works (proves & explanation)

04. task 1 (stretching exercise)

05. task 2 (cardio exercise)

06. task 3 (weights exercise)

07. workout planner

08. nutrition planner (healthy diets & snacks to eat while working)

09. downloads ( download videos, meal planners, workout planner)

10. other tips to loose weight

website initial ideas

2009-05-17T19:37:00.000-07:00

Ideas for website

01 . HOW TO MAKE KAWASAKI ROSES.

yes, its origami, to make papers roses. it's one of the most beuatiful handicrafts which you can make out of paper.

once you get the hang of it, it's pretty simple.

the ones which are onthe internet are pretty hard to learn, so for this, i'll simplify it, using my own methods, and own terms.

// new edit ; after some comments from yen nee

kawasaki is a japanese term, also symbolising masculinity, while on the other hand, rose, represents the female.

hence, my concept is to teach guys to make kawasaki roses for girls.

when it comes to special days like girlfriend's birthday, anniversary, valentines day, etc etc , us males as boyfriends will be scratching our heads, trying to think of something extraordinary and romantic to give the girls.

so, these kawasaki roses are the perfect gifts. though it is just origami, but never take it lightly. learning to make them and making them specially for the girls is not easy.

guys actually taking the effort to learn to make them cannot be valued with money and can't be compared with the roses which are available in shops. it is the effort from bottom of his heart.

these roses made, even though the outcome isn't as fanstastic, will surprise the girls. after all, its the effort and the sincerity of the guy that counts. it shows that the guy cares very much for his lover.

with these tutorials, a simplified one, with diagrams, guys are able to make their roses for their love ones.

hmm, no girlfriends or wives? make them for your mother! I'm sure mothers will love these roses. show that you care for your mom and make her happy by making these roses and giving them to her.

as long as the rose is done by oneself, it'll definitely make the receiver very touched and happy .

title : HOW TO MAKE KAWASAKI ROSES FOR GIRLS

01. what are kawasaki roses (pictures to demonstrate & introduction)

02. who created kawasaki roses ( the original founder of it & history)

03. why should guys learn to make these roses (reasons to persuade guys to make)

04. usage of these roses ( to give to love ones, how to surprise them, when to give them)

05. 1st task : to make the rose (drawings, plus photos)

06. 2nd task : to make the calyx ( leaves)

07. 3rd task: to make the stem & join all of them together

08. final outcome (gallery)

09. download page (wallpapers , icons, and instruction sheet ; pdf)

10. faq ( any enquiries, uncertainties, send an email over.)

mood pictures

2009-03-07T05:03:00.000-08:00

Mood

this painting depicts anger, vengeful. the bright, vivid , gaudy red paint suggest a great depth in anger which i want to illustrate. it could also mean passionate , but it somehows shows anger .

warm colours such as orange do help to accentuate the feeling. the strokes are rather rough, moving from one corner swiftly have an intense amount of energy which flows.

there are also paint blots are also randomly splashed on the paper to show the things i can do when im angry.

this picture on the other hand, represents calm and serenity. though yellow is a warm colour, it gives me a very relaxed, comfortable feeling. the strokes are rather soft, mellowed down, not as rough as the picture above.

the long line, which is drag from one end to the other end simply shows that nothing is in the way, and i can just relax without worrying about anything.

its just a simple monotone painting signifying that being calm and relaxed is easy and it should be done always.

this picture gives the feeling of happiness. i randomly flattened the brush ends on the paper, and it produces flower shape. dotted lines are added , connecting all the splats together , and to join all of them, green curvy lines were drawn. complementary colours are used ; red and green, and it reminds me of christmas, where it is filled with warmth and joy.

the overal shape, it looks like a bouquet of roses, and it is a symbol of happiness, joyful.

design interface

2008-10-19T18:28:00.000-07:00

design interface for interactive story. give your comments ;]

click on it to view it for a clearer view. ;]
the main page
the main page with rollover effects
the 2nd page

the 3rd page

character page - the young girl

01. are the fonts readable?

[yes / no]

02. is the background suitable for the theme?

[yes/ no]

03. which part of the interface design is the most interesting?

A. The typography

B. The illustration style

C. The mood & theme

D. Nothing at all. (doesn't impress me)

E. Fine with everything

04. do you find this style (vector) interesting ?

A. yes, it works for me

B. it's quite okay

C. nah, its rather plain. (why)

05. can you understand the story from the text?

A. yeah, its clear

B. hmm, not really. (why)

06. are the visuals (illustrations ) strong enough?

A. yeah, I can understand it, without reading the text

B. it takes a while to fully understand it.

C. no i don't understand it at all. ( why)

07. what other suggestions or comments to improve on the interface?

(ie; more elements can be added, improve on colour & theme ......)

thank you for your patience and time ;]

Progression

2008-09-20T20:40:00.000-07:00

progress for pixel art ;] [project 1]

;]

colour palletes

2008-09-19T21:07:00.000-07:00

#1 reviving sepia
#2 cool blue
#3 sunset
#4 turqoise splash
#5 rejuvenating greens
#6 complementary & edgy
#7 hazy mixture
#8 back to nature
#9 intense personality
# 10 pale face

#11 double complementary
#12 contrasting atmosphere
#13 jazz & funky #14 fun & colourful
#15 mysterious ambiguity #16 monotonous breeze
#17 funky retro
#18 soothingly calm
#19 vivid ecstasy
#20 frenzy lime

Double Happiness

2008-09-13T06:55:00.000-07:00

Double Happiness

A Chinese Folklore

Double Happiness, a well known chinese character, is normally written on a red piece of paper or in paper cut is always put where it must strike the eyes on a young couple's wedding. The existance of this word has its story behind it.

In the ancient Tang Dynasty, there was a student who was on the way to the capital to sit for the national final examination, in which the top learners would be selected as the ministers in the court. He, unfortuantely fell ill halfway when he passed through a mountain village.

But thanks to a herbalist doctor and his daughter, he was taken to their house and treated well. After a few days of rest , he recovered quickly due to the father and the daughter's good care. Well, when he had to leave, he found it hard to say good-bye to the pretty girl, and so did she. They fell in love. So the girl wrote down the right hand part of an antithetical couplet for the student to match:
"Green trees against the sky in the spring rain while the sky set off the spring trees in the obscuration."

"Well, I can make it though it is not easy. But you'll have to wait till I have finished the examination." replied the student. The young girl nodded in significance.

The young man successfully attained first place, and he was noticed and highly appreciated by the emperor. Naturally, the emperor tested the few top scorers. All of the top scorers were asked by the emperor to finish a couplet, which would need a right part as the answer. The emperor wrote:

"Red flowers dot the land in the breeze's chase while the land colored up in red after the kiss."

Seeing the couplet in which was given by the emperor, the young man realized immediately the right part of the couplet by the girl was the perfect fit to the emperor's couplet.

So he took the girl's part as the answer without hesitation. The emperor analysed all the answers and he was delighted to see the matching half of his couplet was so talented and harmonious that he authorized the young man's identity as Minister in the court and allowed him to pay a visit to his hometown first before holding the post.

The young man met the girl happily at home and told her the emperor's couplet. They soon got married. For the wedding, the couple DOUBLED the Chinese character, HAPPY, together, on a red piece of paper and put it on the wall to express the happiness for the two events. And it was from then on, it was recognised as an auspicious word and a word which brings happiness.

The Magic Moneybag

2008-09-13T06:46:00.000-07:00

The Magic Moneybag
A Korean Folktale

There was a young couple who lived in a small thatched hut in a gully long long time ago. They were so poor that every day they had to cut two bundles of firewood and carry them to market on their backs.

One day, the young couple came back from the mountain carrying the firewood. They put one bundle in the courtyard and planned to sell it at the market the next day to buy rice. The other bundle they kept in the kitchen for their own use. When they woke up the following morning, the bundle in the courtyard had mysteriously disappeared. There was nothing to do but to sell the bundle which they had kept for themselves.

That same day, they cut another two bundles of firewood as usual. They put one bundle in the courtyard for market and kept the other bundle for their own use. But the following morning, the bundle in the courtyard had vanished again. The same thing happened on the third and fourth day as well, and the husband began to think there was something strange going on.

On the fifth day, he made a hollow in the bundle of firewood in the courtyard and hid himself inside it. From the outside it looked just the same as before. At midnight an enormous rope descended from the sky, attached itself to the bundle and lifted it up into the sky, with the woodcutter still inside it.

On his arrival in heaven, he saw a kindly looking, white-haired old man coming in his direction. The old man untied the bundle and when he found the man inside it, he asked, "Other people only cut one bundle of firewood a day. Why do you cut two?"

The woodcutter made a bow and replied, "We are penniless. That's why my wife and I cut two bundles of firewood a day. One bundle is for our own use and the other we carry to the market. With it we can buy rice to make porridge."

The old man chuckled and said to the woodcutter in a warmhearted tone of voice, "I've known for a long time that you are a decent couple and lead a frugal and hardworking life. I shall give you a piece of treasure. Take it back with you and it will provide you with your livelihood."

As soon as he had finished speaking, there came seven fairies who led the young man into a magnificent palace. Its golden eaves and gleaming roof tiles shone so brightly that the moment he entered, he could no longer open his eyes. Inside the palace there were many kinds of rare objects on display that he had never seen before. Moneybags of all shapes and sizes hung in one room. The fairies asked him, "Which one do you like best? Choose whichever you please, and take it home."

The woodcutter was beside himself with joy, "I'd like that moneybag, the one full of precious things. Give me that round, bulging one." He chose the biggest one and took it down.
Just at this moment, the white-haired old man came in and, with a stern expression on his face, said to the young man, "You cannot take that one. I'll give you an empty one. Every day you can take one tael of silver out of it, and no more." The woodcutter reluctantly agreed. He took the empty moneybag and, clinging onto the enormous rope, he was lowered to the ground.

Once home, he gave the moneybag to his wife and told her the whole story. She was most excited. In the daytime they went as usual to cut firewood. But from then on, whenever they returned home after dark, they would close the door and open the moneybag. Instantly, a lump of silver would roll jingling out. When they weighed it on the palm of their hand, they found it to be exactly one tael. Every day one tael of silver and no more came rolling out of the bag. The wife saved them up one by one.

Time went slowly by. One day the husband suggested, "Let's buy an ox." The wife didn't agree. A few days later, the husband suggested again, "How about buying a few acres of land?"

His wife didn't agree with that either. After a few more days, the wife herself proposed, "Let's build a little thatched cottage."

The husband was itching to spend all the money they had saved and said, "Since we have so much money in hand, why don't we build a big brick house?"

The wife could not dissuade her husband and reluctantly went along with his idea. The husband bought bricks, tiles and timber and on hiring carpenters and masons. Being busy in building the house, they discontinued their normal routines of goign to the forest to chop timber. The day came when their pile of silver was almost exhausted, but the new house was still unfinished. It had long been in the back of the husband's mind to ask the moneybag to produce more silver. So without his wife's knowledge, he opened the bag for a second time that day. Instantly, another lump of snow-white silver rolled jingling out of the bag onto the ground. He opened it a third time and received a third lump.

He thought to himself, "If I go on like this, I can get the house finished in no time!" He quite forgot the old man's warning. But when he opened the bag for the fourth time, it was absolutely empty. This time not a scrap of silver came out of it. It was just an old cloth bag. When he turned to look at his unfinished brick house, that was gone as well. There before him was his old thatched hut.

The woodcutter felt very sad. His wife came over and consoled him, "We can't depend on the magic moneybag from heaven. Let's go back to the mountain to cut firewood as we did before. That's a more dependable way of earning a living."

From that day on, the young couple once again went up to the mountain to cut firewood and led their old, hardworking life.

Isometric pixel art

2008-09-07T20:37:00.000-07:00

Pixel art , as we all may ponder and wonder, is a digital art movement which was popularly used during the early days of computer graphics. Back then, video card had very limited capabilities and hence, old arcade games and handphones used pixel art in their illustrations. Pixel art has two categories, mainly isometric pixel and non-isometric pixel.

Isometric pixel art is an object that has defined angles such as 30 degrees or 45 degrees, depending on the artistes preference. Not forgetting, rules must be abided by so that it is shown in a 3/4 view or a variety of other angles, but this being the most commonly used.

Non-isometric pixel art on the other hand, does not follow the rules of angles . Therefore, artistic freedom is allowed and artist is ableto express its artwork freely. Mario's illustration was nevertheless done in non-isometric, giving it a flat image.

Pixel art emerged in the 1960's when the computer art began and it was first published by Adeke Goldberg and Robert Flegal of Xerox Palo Alto Research Center in 1982. Cross-stitch, mosaic, and beadwork, which are some examples of traditional art forms, all contain a similarity to pixel art ; using small cloured squares or units arranged meticulously to create a big image or picture.

Older computers and video console games used pixel art as it was the easiest to achieve. Naturally, with the booming increase use of augmentation of technology, pixel art is less used. However, pixel art can still be found in mobile phones, and portable deivces - gameboy, nintendo. All these electronic devices have low resolution and requires a lot of memory space.

Pixel art, besides using it in electronic devices to illustrate, it is to give the artworks a retro feeling, as though these artworks are done in the 1970's. Furthermore, its to give some simplicity , as well as some childish and cartoonish characteristics.

Sometimes pixel art is used for advertising too.For example, the company, Bell uses pixel art for advertisement purposes. To create icons , pixel art comes in handy, especially when there's a limited graphic abilities.

Despite its enforced simplicity, creating extremely intricate and detailed Pixel art IS possible—it’s just a very time-consuming process since the artist must place each pixel one at a time.

example of non-isometric pixel art.

how the pixels are arranged by using the aid of grids.

sample of unfinished artwork of isometric pixel art.
complete artwork of isometric pixel art.

Some references and URLs:

http://en.wikipedia.org/wiki/Pixel_art

http://en.wikipedia.org/wiki/Pixel_artist