This is an old revision of the document!
Destressing Images Design Process
Design proposal for your destressing image project
Define
People are stressed out and they need something to help them relax. Too much stress can make people sick, whether it's a mental illness or a physical illness caused by stress. We want to let people who need to relax see the images we make to help people relax. We will put the distressing images we make on our own website, the lobby in CIT, and the Elderly daycare center. The research tells us that green and blue is the color that can help people relax the most. The lines that are soft like circles can let people relax. The shape like a triangle will let people feel nervous and dangerous because the lines are sharp. Fractal Patterns also can let people relax. Some examples include clouds, mountains, coastlines, cauliflowers, and ferns. Fractal Patterns are good, but if the patterns are too dense(密集), it will make people feel nervous and uncomfortable. Also, the images should be playful, but if it is too playful, then it will be too exciting(激動). When I think about Elderly Center, I think the elderly people in the Elderly Center might feel boring. The people in CIT lobby might feel too many people. The people in MRT Station might feel it is too many people and too crowded. Too solve this kind of problem, I think the images that we should make the things inside the image separate, but still have connection with each thing, and not boring.
Ideate
For images, I want my images is about ocean. You can see the 5 images that I find is all about ocean. I want to make a top view of ocean, and people can see the things in the ocean. The images will have some movement. The movement that the images will have is the wave of the ocean. When people touch the circuit, the wave of the ocean will come out. Also when people press the ocean, it will have the sound of ocean too. The color and shapes from our research might be useful to generate possible solutions. The color of ocean is blue, and there will be some tree beside the ocean. I will use svg.js to make the ocean and the tree part, and I will use hydra to add special effects to make the sea more like the sea.
Mood Board
- Designer: Yuna
- Client: Teachers, people that need to relax
- Project: Destressing Image Project
References
Planning
Define
What is the exact problem? How clearly can we state the problem?
People are stressed out and they need something to help them relax. Too much stress can make people sick, whether it's a mental illness or a physical illness caused by stress.
人們的壓力過大，他們需要一些方法能幫助他們放鬆。壓力過大會使人們生病，不管是心理上的疾病，又或是因為壓力而造成的生理上的疾病。
Who are the clients?
- Teachers
- people that need to relax
Where will this be used? Brainstorm a list… at least we will use it in the elderly assisted living facility and the lobby of CIT.
- Elderly Daycare Center
- CIT
- Wiki Page
What does our research tell us?
Color:
- Green and Blue can let people relax the most.
- Red will make people feel angry.
Shapes:
- Circles can relax.
- lines should be soft.
- Triangle will let people feel nervous.
Fractal Pattern:
- Fractal Patterns can let people relax.
- Some examples include clouds, mountains, coastlines, cauliflowers, and ferns.
What are the important tensions or conflicts?
- The images should be playful, but if is too playful it will be too exciting(激動).
- Fractal Patterns are good, but if the patterns is too dense(密集), it will make people feel nervous and uncomfortable.
What are the especially surprising points that arose from the empathizing exercise?
Elderly Center:
- Too Boring
CIT Lobby:
- Too Many People(?
MRT Station:
- too many people(人潮太多)
- too crowded(太擁擠)
Do we have any insights into the problem?
- Make the things inside the image separate, but still have a connection with each thing, and not boring.
Ideate
Brainstorm as many ideas for solving the problem as possible.
- explain the picture that I want to make in words.
What ideas from our research might be useful to generate possible solutions?
- Color & shapes
How could someone interact with your design?
- when they press the ocean, it will have the sound of the ocean.
How will you use SVG.js? How will you use Hydra? What other image-making tools would you like to use?
svg.js:
- Making the images that I want.
Hydra:
- Add special effects to make the sea more like the sea.
How can we interact with this through coding while it's running?
- what kind of live changes in the moments.
How will you use circuits and sensors to enhance your design?
- touch the circuit and then the waves(海浪) will come out.
Mood Board
- Designer: Yuna
- Client: Teachers, people that need to relax
- Project: Destressing Image Project
Sketches
Fisrt Sketche
💚🌊
☀️🌷
☀️🌊
Wave of Ocean🌊
//wave of ocean noise(10, 0.1) .color(0,3,5) .modulateScrollY(osc(20),0.3,0) .out(o0)
// stars
voronoi(80,3,10).color(2, 3, 5)
.out(o0)
//flowers
voronoi(50,3,5).color(4, 3, 5)
.scrollY(0.5,-0.1)
.out(o0)