Partner: Jiayan Liu
For this project, I hope to create a website that is simple but at the same time artistic and contemporary. Jiayan is a freshman, so she is very interested in the theme of “Explore Shanghai”, so I suggest that we can use the theme of “color” to explore Shanghai, and this will also become the main design element of our website. Jiayan is mainly responsible for finding pictures and writing the copy of our website. I am mainly responsible for setting up the entire website.
When the user enters the home page, it is a set of images of different colors, and they will have an animation effect from fan to tile. The background color at this time is white. When the user hoveres over a different picture, the background will change according to the color of the picture. The background color of different images depends on the balance color of a certain area of the photo. When the user slides the mouse, the color parameters will gradually increase or decrease to the next parameter, thereby achieving a gradual change in the background color. In addition, we provide a subtitle for each color. When you hover over it, a caption will appear. And the positioning of the subtitles is performed by using the position of the mouse to realize the effect of the title moving with the mouse. When the mouse moves out of the picture, the subtitle disappears. I think this feature will be more clear to users of the theme of the gallery. In addition, I hope that my users will get the feeling of visiting the gallery when they browse the website. I have set the “next” image section at the bottom of each gallery. And the background color of this section corresponds to the picture, I think this can provide users with a smooth experience.
what can we improve:
After we finished the final show, we received a lot of praise and gained a lot of opinions and suggestions. I think the main point is that we should pay more attention to the performance of the theme, using some features to improve and emphasize the theme of “color”. For example, when hovering over a photo with a specific color, not only does the background change, but we can also change the opacity of other photos. Or enlarge the picture of the mouse hover position. When the image is clicked, the user enters another page that contains more images of the same color. The background color at this time can also be adjusted to the theme color. Our classmates also suggested that we add a pop-up or other content to indicate that the user can click on the image. After entering a page of a color theme, there is background music according to different emotions. Although Moon believes that audio is not required, because our project wants to let the user focus on the color itself, I think adding a play or pause button would be a good choice. In addition, the text is unreadable, and we may change the size and style to make the text and the overall website more temperament
This is the link of my portfolio and final sketch:
In reading “The Media is the Message,” McLuhan’s medium of how he accomplished something affected his perception. Traditionally, when you think about a medium, you only consider the way you deliver something, not how the way you see affects your reaction. The media is often seen as a third party that does not participate, but McLuhan believes that the medium in which something is made is critical to how it is received and observed. I think this is very real, because if you read something, you may retain the information in a different way than when you look at it.
As its literal meaning implies, the medium is merely a form of conveying information content. For McLuhan, he understands the media more widely. He said that the media “shapes and controls the scale and form of human associations and actions.” I was surprised to find that the media has the ability to determine the leverage of the information it conveys. At the same time, in a sense, I can understand his thoughts, because I think people emphasize speech skills just as they care about the projects they present.
In Chimamanda’s TED talk, she tried to use her experience as an example to tell us that there has never been a story about anywhere. A single story creates stereotypes, and the problem with stereotypes is not that they’re untrue, but that they’re incomplete. By creating stereotypes and a single version/story of a group of people, it’s interesting how a single story relates to power. That’s why it’s important to understand people alone. In order to understand people as a group, I agree that people should not only read multiple stories, but also go to that group and see what they are; How do you know you can’t see them? Even individuals’ judgments of groups based on multiple stories are treated as only one story, so this further illustrates how difficult it is to judge a group without actually seeing it. In general, I agree that in order to better understand and make a more reasonable “judgment” about a group or individual, people need to consider multiple stories and see them with their own eyes. As Adichie said toward the end, it’s important to balance multiple stories to better understand groups and individuals.
These two stories tell the story of our Internet and the age of technology, although both were written in an era when the Internet was not even invented. I found them very insightful, and they deepened my understanding of the Internet, new media and general communication.
Forster described a world dominated by machines. The ubiquity of machines makes people dependent on them, even worshipping them. Mother and son can only talk to each other through the screen. Scholars no longer value “direct observation”; instead, they generate ideas based on their interpretation of the thoughts of others. To some extent, this is similar to how the development of the Internet and telecommunications has changed people’s social interactions, interrelationships and even the way people think today. Thus, stories can not only “predict” the Internet, but also illustrate human nature and its relationship to technology.
Borges’s story tells how everything is connected. Time is no longer a linear form, but rather a “network” with all the different choices and possibilities. Thus, stories can be infinite, and need not be limited to the physical limits of books. This “network” time is similar to the Internet, so it is important for those who use the Internet as a medium to pay attention to the interconnectedness and infinite possibilities of things.
This is the link of our project: http://imanas.shanghai.nyu.edu/~hw1882/video-project/index.html
After the brain storming, we decide to make project a cheating murder story. We want to shoot a story with an interesting plot and humor effect. So we decided to have a this “cheating murder story “. Sinead provided the idea of murder. Haoquan and I finished the script in recitation class.
Through our discussion, we decided that responsible for the shooting. I was responsible for cutting and Sinead was responsible for webpage coding. But we helped each other and got involved in everyone’s work.
For the part of the video clip, I used final cut for editing. Our video is mainly divided into three parts. The first part is mainly the narrative part, so I chose a piece of music about betrayal as background music, and showed a video similar to music mv through more detailed editing. The second part mainly shows the conflict between the protagonists. I used different angles of shooting to use the background effect music to show the conflict between the protagonists. The third part is the part of the interrogation. I use the effect filter to make the video look like a video. I hope that our viewers will have a sense of immersion and substitution when browsing our web pages.
In Paul Rand’s “Computers, Pencils and Brushes” he made a similar claim in Graham’s speech. Both Land and Graham believe that the coding is certainly an art form, so these hackers are real artists. However, in Rand’s article, I do not care that coding is a type of “art” which is rather implied, regardless of whether it is an art or not. Yes, these coders are artists, but computers are tools they create. Like brushes artists, these artists can often be hidden behind the technology. Rand said that the most important thing is to design the school to learn how the students create it, but these students said they needed to learn to use computers. In many cases, the focus shifts to the computer and the design is reflected. Rand warns that it is important first for design and has significance, and it is only to do the design work using a computer.
One thing that I felt brightly was the essence of design. This reminds me of the sense of accomplishment and happiness that I get whenever I write or draw. With just a pencil, I am not limited to tools, so I can freely implement ideas. But when it comes to computers, the situation is different as I have to obey computer rules. In the construction of some of my projects, due to technical limitations, I could not implement all the new ideas I had. Sometimes, I have to find something that works, not thinking. Computers have design limitations, but the most important thing is to think out new ideas before learning the necessary technologies.
Hackers and Painters have destroyed the stereotype of hackers as “computer scientists,” in which individuals are creating. They are sketching, making mistakes and drawing. Hackers are not necessarily perfect from the start. This is an artistic process in which the designer achieves his vision. He does not like the term “computer science” and “software engineering” because hackers are not necessarily scientists, mathematicians or engineers. And connect them more as artists. I really like how the author emphasizes one of the important qualities of being a good hacker: empathy. Like painters, hackers must look at users/viewers from their perspective. I also like how Graham says that programming languages are things that should be learned through practice, rather than simply observing, giving analog programming languages like pencils rather than pens. I like the fact that Graham explains how hacking/computer programming is learned through practice, and mainly open source, you can learn from different hackers and companies how to improve your code, or modify it to make it Do something else interesting.
In reading “Network Work: Internet Art History,” the author introduces us to what Internet art is and discusses it when people see the artist start using the BBC and some “early” Internet information networks through its media. For internet art, it is very interesting to see some artists discovering a different, more effective way to present their own artistic methods. From this perspective, the Internet definitely plays an active role. It has opened up a new world for these artists and helped them further advance their art. It also leads people to explore more possibilities.
However, I know that Chinese online art has some criticisms, saying that the entertainment part of technology is still very attractive to some online artists, which in some way leads artists to indulge in the virtual effects of new technology manufacturing and is keen to play. technology. Sometimes, their work has no breakthrough in technology, but emphasizes the pursuit of entertainment and pleasing participants. Therefore, it is difficult for art works to intervene in things that have a major relationship with social structure. They are still on the surface of creating interactive virtual visual or interactive virtual experiences, rather than creating deeper meaning for society. When we have online art, this is not what we want.
This is the raw idea of our project.
This is the storyboard of our project: