As my layout is in one piece and is VERY long, I shall not post the whole image here.
Please click the links below to view section by section.
Just keep in mind that they are in one piece.
*Images are uploaded in lower quality due to the file size*
{ Befores }
Start
Main
First page of story
Second page of story
Thrid page of story
End
*Text is not included as it will be typed in XHTML later*
{ Finals }
Start
Main
First page of story
Second page of story
Third page of story
End
Comments and constructive criticism are welcome.
Monday, October 22, 2007
Monday, October 1, 2007
Reference for "What if I am..." website
Here are some websites that I referred to while thinking of my website's flowchart, layout and design.
1. http://www.jonathanyuen.com/
A portfolio site of a designer from Singapore.
Generally, this site scrolls to the right everytime the user rolls over the little red circle.
It's like telling a story.
However, there are still links that lead the user to more in-depth information in each section of the scrolling page.
2. http://www.junkokawashima.com/
*These images were taken with a phone camera from a magazine, hence the low resolution and bad lighting*
She uses scribble-ish lines and fills them in with bright colors.
It's not her website that I used for reference, but her art direction.
Her online gallery isn't much, but I've seen better artwork from her in magazines.
Since I'm doing snake charmer, I feel as if there isn't too much photos for me to take as images to support my site.
Instead, I'll do my own illustrations slightly infused with this art direction.
3. http://www.sectionseven.com/
I'll be using cartoon-ish vector for some of my pages as well.
( Namely the start page, main page and end page. )
Section Seven has some nice clean vectoring under the Illustration part.
This website also scrolls to the right, in a way like someone would read a fold out pamphlet.
It's quite slow though, when you want to open and close a certain section.
I'll remember not to imply that into my site.
4. Taiko no Tatsujin/
I'll be taking the art direction of this game while designing for my vector-images as well.
With solid outlines and bright colors.
1. http://www.jonathanyuen.com/
A portfolio site of a designer from Singapore.
Generally, this site scrolls to the right everytime the user rolls over the little red circle.
It's like telling a story.
However, there are still links that lead the user to more in-depth information in each section of the scrolling page.
2. http://www.junkokawashima.com/
*These images were taken with a phone camera from a magazine, hence the low resolution and bad lighting*
She uses scribble-ish lines and fills them in with bright colors.
It's not her website that I used for reference, but her art direction.
Her online gallery isn't much, but I've seen better artwork from her in magazines.
Since I'm doing snake charmer, I feel as if there isn't too much photos for me to take as images to support my site.
Instead, I'll do my own illustrations slightly infused with this art direction.
3. http://www.sectionseven.com/
I'll be using cartoon-ish vector for some of my pages as well.
( Namely the start page, main page and end page. )
Section Seven has some nice clean vectoring under the Illustration part.
This website also scrolls to the right, in a way like someone would read a fold out pamphlet.
It's quite slow though, when you want to open and close a certain section.
I'll remember not to imply that into my site.
4. Taiko no Tatsujin/
I'll be taking the art direction of this game while designing for my vector-images as well.
With solid outlines and bright colors.
Subscribe to:
Posts (Atom)