html 颜色混搭
A digitized, lap-top paint palette that teaches users fundamental color mixing theory through a matching game. Users are presented with a target color and must mix their primary colors in order to proceed to the next round.
一种数字化的笔记本电脑调色板,可通过匹配游戏向用户教授基本的颜色混合原理。 向用户显示目标颜色,并且必须混合其原色才能继续下一轮。
![Image for post](https://miro.medium.com/max/9999/1*Wy_-RO9GFVw3hGeFSv9F7Q.jpeg)
Initially, we thought to create an immersive, meditative artistic experience. We thought to use colored blocks to control different musical pieces to play either separately or in tandem. For a visual aspect, we thought to create on-screen art on a connected computer based on the chosen and placed blocks.
最初,我们想创造一种沉浸式的,沉思的艺术体验。 我们认为可以使用彩色块来控制不同的音乐作品,使其分别播放或串联播放。 在视觉方面,我们考虑根据所选的和放置的图块在连接的计算机上创建屏幕上的作品。
Refining:
精制:
User testing
用户测试
We recruited 5 friends who have no prior knowledge about the project and presented them with four versions of the design. We presented the following scenario and asked them to perform in the setting: If you are trying to mix color using the provided paint board, how are you going to do it, and what will you do?
我们招募了5位对项目没有任何先知的朋友,并向他们介绍了四个版本的设计。 我们提出了以下方案,并要求他们在设置中执行:如果您试图使用提供的油漆板来混合颜色,您将如何做?您会怎么做?
Observations
观察结果
Users are more likely to mix the color on the side of the plate when the mixing area is unclear (Version A). When commenting on the layout of paints and the water, 4/5 users reported they would prefer the design in version B. One user suggested that the water section can be moved to the left side of the paints. Also, 3/5 users reported the target color section was hard to see and suggested to change the shape of the screen since “there are too many circles on the plate already.” Moreover, 2/5 users expressed confusion toward the water icon and suggested the functionality should be more explicitly stated.
当混合区域不清楚时(版本A),用户更有可能在板的侧面上混合颜色。 在评论涂料和水的布局时,有4/5用户报告说他们更喜欢B版中的设计。一位用户建议可以将水部分移到涂料的左侧。 另外,有3/5用户报告目标颜色部分很难看,并建议更改屏幕形状,因为“板上已经有太多圆圈了。” 此外,2/5用户对水图标感到困惑,并建议应更明确地说明其功能。
![Image for post](https://miro.medium.com/max/9999/1*B3-6L-R_wH_YUAs68BNxwg.png)
Insights
见解
The layout, especially the color mixing section, needs to be intuitive or with clear instructions. The functionality of the water section needs to be more straight forward, either dissolve the color or remove all. The overall shape of the board is highly acceptable; thus, we should keep the current shape while making some modifications based on the feedback.
布局,尤其是颜色混合部分,需要直观或清晰的说明。 水部分的功能需要更加直接,要么溶解颜色,要么全部清除。 板子的整体形状是可以接受的。 因此,我们应该在保持当前形状的同时,根据反馈进行一些修改。
![Image for post](https://miro.medium.com/max/9999/1*ZCExs09KosWD-FYaTio0TQ.png)
Final Project Direction:
最终项目方向:
After a series of iterations and user testing, we decided to make the design of the palette more modern and sleek. To do this, we changed the outline of the palette to be a more geometric shape, and use white acrylic to build the “futuristic” sense of the palette. We make the shape of the color section into three identical circles to reinforce the modernistic design. Also, we added a “reset” button next to the colors and changed the shape into a square to distinguish its functionality from the other three buttons. Meanwhile, since we still want to maintain the ritual and beauty of a traditional oil painting palette, we keep the layout of the previous version and implement the fluid shape into the mixing section.
经过一系列的迭代和用户测试,我们决定使调色板的设计更加现代和时尚。 为此,我们将调色板的轮廓更改为更具几何形状的形状,并使用白色丙烯酸树脂打造了调色板的“未来感”。 我们将颜色部分的形状分成三个相同的圆圈,以增强现代感设计。 此外,我们在颜色旁边添加了一个“重置”按钮,并将形状更改为正方形,以区分其功能与其他三个按钮。 同时,由于我们仍要保持传统油画调色板的仪式性和美感,因此我们保留了先前版本的布局,并将流体形状实现到混合部分中。
![Image for post](https://miro.medium.com/max/9999/1*Rgk_MjKrk_cewpqiUrK4TA.jpeg)
![Image for post](https://miro.medium.com/max/9999/1*3wysgS8YQg0Dcf6FqQE1hg.jpeg)
Team:
球队:
Cintia Araujo, Computer Science, Brown ‘21
Cintia Araujo,计算机科学,Brown '21
Jennifer Nino, Computer Science, Brown ‘20
詹妮弗·尼诺(Jennifer Nino),计算机科学,布朗20岁
Jenny Fu, Cognitive Science, Brown ‘20
詹妮·富(Jenny Fu),《认知科学》,布朗'20
Jillian Cai, Industrial Design, RISD ’20
蔡志莲(Jillian Cai),工业设计,RISD '20
Snigdha Sinha, Computer Science and Economics, Brown ‘21
Snigdha Sinha,计算机科学与经济学,布朗'21
Talie Massachi, Computer Science (Human Computer Interaction), Brown PhD student
Talie Massachi,计算机科学(人类计算机交互),布朗博士研究生
html 颜色混搭