Week 3

This is the rough sketch of my workbook website concept. I hope the appearance of my homepage will be like a pencil-drawn house with many windows. When each window is opened, it will lead to a different section of the week. At the same time, I also want there to be an effect where the mouse hovers over a window to reveal it opening. After entering the weekly page, I have come up with two ways to present the work for this week. One is a photo wall, and the other is in the form of a gallery. When you click on it, the effect is that the pictures will be enlarged in the middle position, while there are text descriptions beside them. Regarding this door in the middle of the house, I think some interesting designs can be made. That is, when you open the door, there will be a staircase, truly creating a feeling of entering a house. The pattern on the staircase might be randomly selected from the content of a certain week. Every time you click the door, you might be randomly taken to a certain week.

Here are the ideas for the presentation of the research section. I want to have the feel of a traditional news print newspaper for some of the research presentations. It should have a retro visual appeal. And I have some preliminary plans for the style and visual effects of this website.

This picture shows the attempt of using Stitch AI during the class. After inputting some initial ideas of my assignment, some initial visual effects were generated. But, most of them were not the effects I wanted.

The effect of this picture is very similar to the feeling of the home page of the workbook I want. I want these simple windows.

I think the effect of this picture is very suitable for being displayed on each week's page to show what was done each week. I found that the instructions input by Stitch are difficult to adjust some details, such as the background colour or the position of the title. I only need a simple change, but Stitch AI might make a significant alteration, thus making the overall effect different.

The game program on this is completely unplayable; it only has a visual effect.

In this picture, when the mouse hovers over the window, the effect of the window opening will occur. This is exactly what I want to apply in my webpage, but the opening effect doesn't match well with the windows in the background image.