Breakdown of construction

Step 1: decide topic — 1) Book — 2) Chapter 
    Book: the Giver
    Content
        part1: Chapter1-2
        part2: Chapter7-8
        part3: Chapter10-11
        part4: Chapter14-15
        part5: Chapter18 
        part6: Chapter20-22 

Step 2: consider the problems in BRIEF section 
    age: from 12 to 30 
    genre: fiction 
    translation: text, graph, sound, animation, video 
    interaction: user choosable plot
        (different memories(good/bad—specified can have more options ))

Step 3: consider about the design of the website 
    website structure 
    heading navigation —big block—parts
    footer —parts map—list/content title details 
    side bar(or between header&body)—point to show where they are
    background moves as the mouse moves

    zoom in & animation when hover


Comments

Post a Comment

Popular posts from this blog

Image
The Story  The story is a book<The Giver> by Lois Lowery.   This is a story of a boy who grow up in a world where there is no war no starvation no color and no emotion being selected as the Receiver of all memories for the whole community and fighting his way to let go of all memories so as to give the real world back to people.   The genre of this story is fiction.   Summary: Jonas is the main character in this story.   Jonas' world is a place without warfare, starvation, extreme poverty. Everything is right under control.   Everybody enjoy this world due to the fact that they do not have to bare the awful memory and the one that hurts. However, in this world, they do not have the memory as well as the emotion.   When Jonas grow to 12-year-old, he is singled out. Everyone has been assigned a job and their own field.   But Jonas was singled out to be selected and to be given the most honoured and vital position of th...
Read more
Image
Visual Design  The story is positive and inspiring but kind of mysterious so I've chosen a darker theme color.   The website originally is expected to have a extreme simple and page displayed before the main page is loaded but after discussing with my tutor, this effect seems to be pointless and will only result in redundancy of content, so I've just abandoned that design.   The background of the whole website is the picture with pink dots in the dark grey background, providing a bit dark theme to create the mystery of the story, which is more likely to catch readers’ eyes and matches the content of the story.   Most of the buttons have the background same as the color of cork, giving a contrast to the background to make it easier for users to find buttons and distinguish them from the content of the story.   The top left button is the giver logo, which comes from the cover of the book and makes the theme more like this story book. All the header na...
Read more