Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
yuna-wu-destressing-design-process [2023/01/30 18:35] – yuna.wu | yuna-wu-destressing-design-process [2023/01/30 21:54] (current) – [Second Prototypes] yuna.wu | ||
---|---|---|---|
Line 8: | Line 8: | ||
- [[yuna-wu-destressing-design-process# | - [[yuna-wu-destressing-design-process# | ||
- [[yuna-wu-destressing-design-process# | - [[yuna-wu-destressing-design-process# | ||
+ | - [[yuna-wu-destressing-design-process# | ||
+ | - [[yuna-wu-destressing-design-process# | ||
===== Design proposal for your destressing image project ===== | ===== Design proposal for your destressing image project ===== | ||
Line 113: | Line 115: | ||
===== Sketches ===== | ===== Sketches ===== | ||
- | |||
- | ==== Fisrt Sketche ==== | ||
=== 💚🌊 === | === 💚🌊 === | ||
- | {{:: | + | {{:: |
=== ☀️🌷 === | === ☀️🌷 === | ||
- | {{:: | + | {{:: |
=== ☀️🌊 === | === ☀️🌊 === | ||
- | {{:: | + | {{:: |
=== Wave of Ocean🌊 === | === Wave of Ocean🌊 === | ||
Line 170: | Line 170: | ||
</ | </ | ||
+ | === Feedback from classmate === | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | __**Sky / Heart Ocean:**__ | ||
+ | * The star is pretty but the space between the stars is too close so it may not let people feel relaxed. | ||
+ | * The light blue part is the beach but I can not tell that, it looked more like the floor. | ||
+ | * A good thing that should be kept for future sketches is the space/ | ||
+ | |||
+ | __**Flower: | ||
+ | * The star is pretty but the space between the stars is too close so it may not let people feel relaxed. | ||
+ | * The flower one can be better, In flower one the color makes me confused because the color is mostly the same and in the presentation | ||
+ | * For the second one, the color of the petals are too close to the color of the sky behind. It is a little bit distracting and hard to focus on. | ||
+ | |||
+ | __**Wave Ocean:**__ | ||
+ | * The blue wave is good and relaxing it has a big wave so it will not let people feel dense and tense | ||
+ | * The gradient in the third Inkscape sketch looks relaxing, the curly mountain under it is also relaxing. | ||
+ | |||
+ | __**Conclusion: | ||
+ | * choose the wave ocean one, and put the hydra wave with it. Also put the Heart Ocean’s Heart inside the wave ocean. | ||
+ | |||
+ | ===== First Prototypes ===== | ||
+ | |||
+ | === 🐥⛵️🌊 === | ||
+ | {{:: | ||
+ | |||
+ | === 🐣🐬🌊 === | ||
+ | {{:: | ||
+ | |||
+ | === 🐬🐢⛵️ === | ||
+ | {{:: | ||
+ | |||
+ | === 🌊 === | ||
+ | < | ||
+ | s0.initScreen() | ||
+ | src(s0) | ||
+ | .mask(noise(10, | ||
+ | .modulateScrollY(osc(20), | ||
+ | .out(o0) | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | <iframe | ||
+ | src = " | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | {{:: | ||
+ | |||
+ | === Feedback from classmate === | ||
+ | |||
+ | __**Zoey: | ||
+ | * The one coolest thing that you found in their prototypes | ||
+ | * I like prototypes 1 and 3 I think the boat looks cool I like the color and the shape. | ||
+ | * The seagull looks cool. I can feel the weather in the picture is warm. | ||
+ | * Two things in their prototypes that are useful for helping people to destress that definitely should not be lost or removed | ||
+ | * The wave is relaxing, I feel soft and silky. | ||
+ | * The gradient sun makes me feel happy and relaxed so I think you can keep that. | ||
+ | * Two things that should be changed to make the image more useful for destressing | ||
+ | * I think the dolphins and turtles do not make me fill relaxed because they do not have color, they only have color blocks right now. And when I first saw it I didn't know what it that(the turtle one). | ||
+ | * The hydra prototype: The only thing I can see now is black and a little blue. and The other thing is I think the wave amplitude moves too big so it feels not relaxing. | ||
+ | |||
+ | __**Yiler: | ||
+ | * The gradient in the sky looks good, and the birds made the picture looks deeper and has more layers. | ||
+ | * Keep the gradient in the sky and the birds. | ||
+ | * I think the color of the ocean should be changed, because it looked a little bit too dark and that looks a little bit unnatural. The animals and boat in the pictures look more realistic than the background, and that looks weird. | ||
+ | |||
+ | __**Steve: | ||
+ | * The coolest thing about her drawing is the color of the ocean. | ||
+ | * The background colors and different items in the picture could be useful for destressing. | ||
+ | * To improve on this, maybe she can add more items in her picture or, she could add some animation to her picture. | ||
+ | |||
+ | ===== Second Prototypes ===== | ||
+ | |||
+ | === Dark Blue === | ||
+ | {{:: | ||
+ | |||
+ | === Light Blue === | ||
+ | {{:: | ||
+ | |||
+ | === Purple === | ||
+ | {{:: | ||
+ | |||
+ | === Light Bule with Balloon === | ||
+ | {{:: | ||
+ | |||
+ | === Wave🌊 === | ||
+ | < | ||
+ | s0.initScreen() | ||
+ | src(s0) | ||
+ | .add(noise(10, | ||
+ | // | ||
+ | .modulateScrollY(osc(20), | ||
+ | .out(o0) | ||
+ | </ | ||
+ | |||
+ | {{:: | ||
+ | |||
+ | === Kaleid === | ||
+ | < | ||
+ | s0.initScreen() | ||
+ | src(s0) | ||
+ | .add(osc(25, | ||
+ | .kaleid(30) | ||
+ | .out(o0) | ||
+ | </ | ||
+ | |||
+ | {{:: | ||
+ | |||
+ | === Pixelate === | ||
+ | < | ||
+ | s0.initScreen() | ||
+ | src(s0) | ||
+ | .pixelate(20, | ||
+ | .out(o0) | ||
+ | </ | ||
+ | |||
+ | {{:: | ||
+ | |||
+ | === Feedback from classmate === | ||
+ | |||
+ | __**Zoey: | ||
+ | - For each of the two prototypes: | ||
+ | - describe the two most important points that make the prototype relaxing; | ||
+ | - The wave is very relaxing it is smooth and soft. The gradient is excellent. | ||
+ | - The boat is moving with the wave it looks cool and relaxing. | ||
+ | - describe the two most important points that should be changed in order to make it more relaxing; | ||
+ | - I think you can let the seagulls move so it will not look like it is dying. | ||
+ | - The seagulls look like an “r” and the position of the seagulls is too unanimous. | ||
+ | - The boat is moving with the wave sometimes it cooks cool but sometimes it looks deformity. | ||
+ | - Choose from the two prototypes the one that is the most relaxing and explain why you feel so. | ||
+ | - I think Yuna can keep the first Hydra prototypes, Compare with the other two I think the first Hydra prototype is the most relaxing one. | ||
+ | |||
+ | __**Yiler: | ||
+ | - Removing the dolphin made the art style more consistent | ||
+ | - The brighter color for the ocean is also relaxing | ||
+ | - it might be more relaxing if the black edges on the sides are removed | ||
+ | - The hot air balloon is in a different art style, and that looks a little bit weird | ||
+ | - Keep the fullscreen one that has the wavy effect and SVG.js image | ||
+ | |||
+ | __**Steve: | ||
+ | - First prototype: | ||
+ | - I liked the color of the ocean and color of the background. | ||
+ | - I feel like the seagulls and the boat could look better. | ||
+ | - Second prototype: | ||
+ | - I like the wave effect on everything in the ocean and how the boat rocked. | ||
+ | - I felt weird when the sun and the sky was also moving like the ocean. | ||
+ | - Verdict: The second prototype is more interesting. | ||