LUNA

When you look long into an abyss,the abyss looks into you.

Category Blog

Blog 05 | Reflecting upon the current Museum brief

by luna Blog

Museum of London Reflections

LUX: New wave of contemporary art in London, an immersive interactive design exhibition curated by SUUM in collaboration with Fact and 180 Studio.

I think it was a great success as it brought together 12 artists who used immersive art to blur the boundaries between the physical and virtual worlds. The whole exhibition was filled with light and sound effects, the constantly changing folding screens and the total immersion experience were what I found so successful.

All of the experimental art installations use cutting-edge digital tools (3D projection technology, quantum computing, game engines, etc.) to achieve the most immersive visual effects, exploring the relationship between light and perception and between man and nature and technology.

My favourite is this work by A’strict Starry Beach. A surreal space to feel the surging waves under a starry beach. With the sound of lapping waves, the waves projected on the wall are punctuated by dots of luminescence in a unique visual rhythm against the pitch black environment. And the installation is the last of the azure ones, giving the impression of feeling the virtual waves churning in a slightly exhausted and unfulfilled state.

Blog 04｜Reflect upon the interim show and outline

by luna Blog

The final exhibition was presented, and members of our group prepared for it for several days. It includes booking the rental equipment of the media store, printing posters, testing web pages, publishing ins, and arranging specific booths.

Process

-Equipment test

First of all, the equipment we want to rent ipad (for playing carousel web demo videos), computer (for showing the full web interface), projector and speakers (for playing the main video of the project). After making an appointment for rental, we tested these devices, and finally found that due to the old version, it could not support the effect we wanted to present. 

After changing the model and adjusting the position, the content of some groups was presented.

-Physical content preparation

We uploaded the posters to snowhite’s website for printing. For a series of six posters, we printed one A3 copy of each of the six posters. For the exhibition posters, we printed two copies of A2 size and cut them.


We were a group of six members, most of whom had e-books, no physical books. So we put the focus of the exhibition on the online display.

-Final display

In the final display part, we will display part of the interactive content on the ipad and computer. The colors of the overall project are based on the three primary colors of red, yellow and blue.

Other sections/Reflection

The Instagram part was not shown in the final work exhibition. This part is also the part of social marketing that we want to show.

In the exhibition section, I think our physical content is a bit low, which is not quite enough for a physical exhibition. Printing multiple copies of the posters and overlaying them as well as adjusting the brightness of the projector light might have made our overall content look more substantial.

Blog 03｜Thinking about the concept of artists in the 1980s

by luna Blog

Based on Danny’s Design Lab session on Monday, I wanted to explore 80s artist Neville Brody in Blog 3.

MACD class record

Summary

Firstly, in terms of early concepts, remix culture and conceptual dance were strongly intuitive experiences and Neville Brody’s work was influenced by punk rock, making posters for music colleges in London.

There is some early American primitive pop music originating from the use of ‘found’ cultural objects. Music and artistic expression came together in some form, and in his early studies he explored Dadaism and Pop Art, presenting many works of art in an ironic manner. David Gordon’s phrase ‘to connect is to create’ exemplifies Neville Brodie’s form of conceptual fusion.

Richard Hamilton’s collage Just what is it that makes today’s homes so different, so appealing? (1956)

Grand opening of the first Dada exhibition: International Dada Fair, Berlin, 5 June 1920. 

Notion of dance and St culture

Dialectical

Perhaps, in one respect：

He simply integrates out the views of others. There is not a completely new and complete point of view at this stage. This would be seen as a disguised plagiarism in the eyes of some holders of originalism. But I don’t think that uniformity and similarity of style means complete plagiarism, because there may be some essential differences in what they are trying to say, in the elements of the subject used.

Neville Brody Influenced – Human League 1984

And on the other hand：

I believe that his pre-concept, although combined with the comprehensive thinking of the European avant-garde movement, set the stage for his own artistic development later on.

In 1991, for example, Neville Brody and Jon Wadscroft created the FUSE project, an interactive magazine designed to challenge our current perceptions of print and visual language in an age of changing communication technologies and media. Neville Brodie’s concept also sets a new precedent with a new study of type that is simultaneously revolutionary, an innovative concept born from the fusion of many previous concepts.

FUSE-Neville Brody, Jon Wozencroft(1991)

It took design and typography into a new and unforeseen space. Its major impact on a revolutionary and experimental approach to the language of print still reverberates, and 20 years after its launch, the explorations undertaken by some of the industry’s best-known and most influential names are forward-looking and ahead of their time.

Conclusion

I believe that art has evolved by exploring how aesthetics relates to everyday life and has developed into a leading art form. And this form can be referenced because each stage of social development is different, so the art form becomes broad in which more branching possibilities can be explored and born.

In conclusion, I do not see the integration of other people’s ideas and artistic models as a form of copying, but rather as an attempt to enter the art world in a positive way.

Blog 02｜Publishing Forms

by luna Blog
Present

The one that stood out to me during Danny Aldred’s artist book talk on Tuesday was “The slapdown”. It’s interactive and sensory color palettes are interesting to me.

The responsibility for the preparation of this book is Damara Kaminecki, [drawing & concept], Jeremy Schmall, [text ; Sara Parkel, Mark Wagner, Amy Mees, & Cat Glennon, production].

The slapdown

The book is bound on a red iris linen bookcloth board with a black foil title printed on the upper board and the publisher’s name printed on the lower board. Boards arranged in flag book binding with letterpress printed Perma Dur concertina spine and 2 ply die cut museum board flags in the shape of arms and hands.

The title and imprint are printed on the outside of the accordion bar binding. Further text is printed on the front and back of 16 illustrations of arms and hands, which are mounted on accordion bars that form the spine of the book.

side of spine

book page opening and closing

The book does a fantastic job of sensory intercommunication, through the opening and closing of the kinetic paper arms, the sound of simulated clapping can be heard, and the words are combined and recombined in a crazy library of curses and curses. Both poetry and architecture evoke the dog-eat-dog tension and petty theft in a crowded urban setting.

It’s a clever combination of irony and functionality for readers to explore.

Feedback

The binding method of the banner book makes the pages overlap and contain more information, and the cut-and-paste pages can also be pieced together into a complete content.

A schematic diagram of the production of a disassembled banner book

Books bound in the same form are also the accordion book by Hedi Kyle, which can display logos with a single image, written text, or combine all logos into one large image.

Art Book—Janet Reynolds 

Blog 01 ｜Reading

by luna Blog
Digital Creativity

An internet of old things

1.1  What is it?

In the first part, the paper first builds on the original old ‘Internet of Things’ concept (when a new object is created, the service creates a unique two-dimensional barcode for that object, which can be printed out and attached to it.) This then leads to an exploration of the modern, digital ‘Internet of Things’.

In the second part, the author explores things and linearity in the wider context of the Internet, which because of the existence of linear adhesions allows everything to exist on the web in the form of information, allowing people’s memories to be closely related to things. It then divides the current labels of new consumer artefacts into three categories along a linear timeline: past, present and future. This ultimately leads to the main question posed in this paper: can the Internet of Things escape the inertia of a society that uses the theoretical basis of purpose in many of its methods of production and manufacture? I think this is a dialectical way of looking at whether the connection between people and society and things can be severed and whether new developments are possible.

In the third part, the author concentrates mainly on analysis, and he uses a number of examples. The first is the different ways in which connections are made between individuals, friends and family, in terms of social relations, public image and biological connections respectively. The author then uses cosmetic surgery to correct genetic traits and films from the past five years that show a more creative way of understanding the past in terms of class and period context.

In the fourth section, the author is involved in a creative/technical project called ‘Remember Me’. This project enables an additional connection between people and objects by attaching the memory of the corresponding donor to the tags of items sold in charity shops. This allows the objects to be enriched with an immaterial dimension. The project further explores the potential of digital technology to network the past and develop a ‘network of old things’.

1.2 Does it connect to your practice?

I think it has some relevance to my experimental project. The author’s project “RememberMe” is supported by the “Tales of Things” technical framework, which provides theoretical support for my project. The web port interface has a lot of scope for development, as it also uses an interactive approach, allowing the information about the item to be represented in a single QR code, enabling the conversion of devices and the interchange of information. My future projects will probably use the same concept to achieve two-way interaction between people and things, and people and machines.

Tale view in Tales of Things. RememberMe at FutureEverything 2010 (Photo # WeAreTAPE).

But on the other hand, I think there is still room for more development of this concept, perhaps going beyond the limitations of QR codes and barcodes to create new ways of connecting people to things and people to machines, and I hope that in future projects there will be more room for development.

 Scanning the red silk toiletries bag. RememberMe at FutureEverything 2010 (Photo # WeAreTAPE).

Blog 07 ｜ FinRep

by luna Blog
D-Describe objectively what happened

‘What did I do, read, see, hear?’：

In the first semester, I made a total of 5 Briefs and 7 Blogs. I recorded the process of these contents through videos, texts and pictures, and published them on my own WordPress.

Luna’s Wordpress

In Brief and Blog, you can see the content records of group projects and personal projects that I have recorded. They have similarities and differences, but they all start from the user’s point of view, using the designer’s thinking and different forms of expression to show the personal understanding and thinking of the project.

User map explanation

I started to contact this course formally, and made actual feedback from Brief1-Mapping_me. This is my first contact with this course. In this brief, I show my hometown map and personal map through collage or graffiti.

Personal map

I heard that our tutor showed a lot of personal maps made by past students in various forms.

Self-Map reference

At the same time, Danny also told us that we don’t have to think about what we are doing right or wrong, because there is no right or wrong, so we just need to make the map we make to express where we come from and introduce ourselves, so I finally based on the surroundings The personal map based on experience and environment is a fresh first attempt.

Print sizing

After that, the teacher showed us the appropriate display size to display and print our homework, and we gradually became familiar with the school’s printing system.

When looking at everyone’s feedback, I saw more fresh perspectives and ways of showing myself. Some classmates used a Pac-Man game to show the life they experienced before entering the University of Southampton, turning everything in their life into beans, and I am the Pac-Man. I find it very interesting. Similarly, some students convert daily routines into visual clocks to divide different times of the day. They do not have too many words and straightforward pictures to display, but through another kind of visual experience, whether it is a game or a strong sense of impact, to convey a personal map of themselves.

 

 

At the same time, reading the literature gave me more content for reference and understanding. 

I remember that when I was still in China, we professionally received a brief summer assignment, which included the task of reading literature. 

The literature is about “deining and integrating the systems”.

                               First literature reading

There are many cases of combining classic architecture and visual design to give an overview of our profession. At the same time, it also talks about how to plan your own projects reasonably and make presentations. Tell it. After reading the literature, I split and combined the content of the literature, sorted out the main frame structure, and combined my own ideas to make the ppt needed for the presentation.

Frame summary of references

In more projects in the future, I will also use more literature to help understand the project I am going to do. For example, in BRIEF 03-DA NM DRAWING IDEAS, I read the e-book “Drawing Ideas” to gain a better understanding of the specific parts of the project to be drawn.

Sketch after references

AI painted hamburger

In the first semester, we also learned some software applications. The content of this part was taught by Chris. First of all, it is Ai in the Adobe series. Through the course, I can understand the use of basic tools. I still remember that in the course of learning ai, I drew a basic hamburger pattern with Chris. Chris said that those two slices of cheese are like teeth, which is really funny!

Andy page layout display

Similarly, the quotation of WordPress is also interspersed from this kind of software-guided courses. I have never used WordPress before, and I don’t know how to deal with the web plug-ins and themes in it. Later, I will demonstrate through Andy’s offline courses. I gradually learned how to lay out the webpage, and combined with Chris’ basic description of html and acc, I made my own website page.

I —Interpret the events 

‘What did I do, read, see, hear?’：

In the first semester, I made a total of 5 Briefs and 7 Blogs. I recorded the process of these contents through videos, texts and pictures, and published them on my own WordPress.

                                        Persona                                                                                   Journey Map

 

 

 

By assuming that we become a user, we experience a series of changes in experience and emotions. In the process, we can use sticky notes to write down a few general problems.

                                     Sticky notes

The research and discussion of these contents helps me to design from the user’s point of view. Therefore, after learning this basic framework, in future projects, I will bring myself into the audience of apps or interactive devices to think about the pain points that the project focuses on and upgrade solutions.

Museum Project-Persona

Weather APP-Persona

This may mean that I can start from the user’s point of view, rather than a ‘designer’ who blindly pursues a good-looking interface or a sophisticated layout. This point is very important to me, because my undergraduate graphic design is very different from the interaction I have learned now. To a certain extent, the interaction design I now learn should include graphic design, but The design coverage is more extensive.

Design Duality

Museum Project

My brand-new insights and theories are reflected in the starting point of the project. This starting point may be my request for optimization of the online museum in Brief to attract more visitors, or it may be a problem in the current society.

‘Get Real ’Project

 

 

For example, because of parents’ addiction. Mobile phone and missed the growth of the child.

Weather APP Project

 

Or it is to upgrade and optimize the current human-computer interaction to provide more targeted services, for example: provide weather apps for skiers or mountain climbers.

In summary, I have strengthened the cultivation of social consensus and empathy in different projects in the first semester, which makes me feel very meaningful.

E – Evaluate what you learned

‘ How was this useful?’：

In the first semester of study, I learned a lot.

First, it is the spirit of teamwork. Because our second Brief is a group project, we need to divide the work to conduct research, and at the same time, we need to assign different team members to be responsible for the connection of each part.

Group cooperation – 01

In the process, I learned to communicate, and at the same time I collided with other team members and came up with many interesting and novel ideas. The previous undergraduate majors of our group members are not the same. From our research and the process of proposing ideas, we can see these wonderful differences. We all have our own specialties. When combined, we can learn from each other. The project is more complete.

Group cooperation – 02

Then, self-learning ability I think is also a very important skill I learned. After entering the formal courses in Southampton, I learned that a lot of software learning and investigation are based on my own initiative to explore. The tutor will give us a channel to learn software, but it will not teach it completely by hand. More often, the ability of self-learning is extremely important. For me, this has undoubtedly expanded my cognition, and at the same time I understand my own shortcomings and learn, which also jumped out of my own comfort zone.

Adobe XD software tutorial

Then, there is a reasonable and step-by-step project promotion process. In this part, I am mainly logically self-consistent. It is very important to find the cause of the user’s problem, and then to explore the result. In the first semester of the project, we can often hear the teacher tell us why we should do this? Is this necessary? And what are the benefits of doing so? And other issues. At the same time, it is also important to express each part clearly, because even non-professionals can understand and use it through simple graphics or models. This is mentioned in Affordance.

After that, I think it is necessary to actively seek feedback, because only when users experience the output you designed and ask questions and opinions, can they fully understand whether their application or output can be more effective. Target market. Design is very important, but it is also essential to be able to reach the market.

Design Process

P – Plan how this learning will be applied

‘How might this learning apply in my future?’ ：

My future career may also choose design-related positions. However, many design companies now require designers to have design capabilities in multiple directions. For example, when I was in the previous undergraduate school, my professional teacher told me that when designing web interface for graphic design positions, it is best to be able to The front-end development of webpage programming can better present the desired design effect. Therefore, when I studied interaction design at the graduate level that was different from the undergraduate level, I learned more possibilities created by cross-professional integration.

And the self-study ability learned in the first semester may allow me to express my design ideas in more diverse forms of art. Because I think that learning a new software and new function in the process of designing a project will deepen my proficiency and application ability.

At the same time, after learning empathy in interaction design, it is easier for me to focus on social issues or minor inconveniences in my life. When I encounter these problems, I always ask myself in my heart what would I do if I were to optimize and improve? I think this is very good for the cultivation of my design thinking.

Then, critical thinking is also a learning skill I learned in the first semester. To look at a design work dialectically, not only from the appearance, but also to combine the social background, cultural background and environment it creates. When you see the good side of the work of art, you can also see the side that it needs to be improved. . When I do projects later, this dialectical thinking may allow me to self-censor.

 

Blog 06 ｜ Testing

by luna Blog

      Today, we tested the weather app designed in project 04 to simulate users. We took several people as teams to understand and simulate each other’s weather app.
      First of all, in the first group, my partner said that when operating my interface, he could clearly understand that I was designed for extreme sports personnel such as skiing or mountaineering, which was more targeted. Because my app interface is relatively clear as a whole, and I also linked ski helmets and ski goggles to liberate my hands.
                                                                                       First Group

     Secondly, in the second group, my peers think I can add more information to each page of the software.

                                                                                    Second Group

      Then, in the third group, my companions and I chose the same theme. So I learned from his app design that the shortcut command of iPhone is also very convenient, playing the function of viewing the phone without unlocking the screen.

                                                                                        Third Group

      In the fourth group, I was asked about the emergency rescue function of SOS, which is really important for outdoor sports people. Even if this is an app focusing on the weather, the weather is also related to the safety of outdoor sports. I think this is a good suggestion.

                                                                                     Fourth Group

       In the fifth group, my partner thinks that my app can use empathy, taking into account the special needs of the crowd, which makes her feel very interactive. Her target group is outdoor riding, so some of our parts are similar. We found their solutions based on user empathy in the comparison.

                                                                                       Fifth Group

Then, according to today’s testing, I wrote down some small suggestions that I think are more useful to me.

Blog 04 ｜ WebDesign

by luna Blog

Through Andy’s explanation of emotional design in class, I learned that the design of web pages and design contents should convey their own characteristics and emotions.

After Danny’s tutorial time review, I read other students’ web design and blog content, and I have more ideas.

First of all, from the page, each of us has a different page layout and has our own characteristics. My web page directly uses my favorite picture as the base map, and then uses a famous saying I like at the same time. By understanding other people’s web pages, I have classified my pages. This will make the partition of blog and brief sketch more obvious.

                                                                                        Home page

                                                                                             Layout

At the same time, I made some additions to the blog content through feedback. Because the original content was mostly text and there were few pictures, I added some screenshots of important parts of the video. At the same time, I drew some of my reflections into sketches, so that the layout will look more harmonious and appropriate.

Blog 03 ｜ Affordance

by luna Blog

1.For the definition of affordance: 

The relationship between the object and the person (discover the function of an object, a collection of rich use performance on an object, can analyze its characteristics and let people understand how to use it)

                                                                           The afundance of “book”

“The value of a well-designed object is that it has a wealth of affordance, and people who use it can use it to do things that designers have never imagined.” This sentence made me feel very inspired. I can understand that the potential and value of the objects we design are unlimited in future applications. When we design, we may only think about a single purpose, but the user’s exploration of the object is beyond imagination.

Explanation of the affordance of Ipad:

2.Expanded understanding of perceived affordance:

【1】perceived affordance makes design intuitive: fuzzy design is only rational and logical, while a really good design can be intuitive to understand how to use it without additional explanation.

【2】 True affordance closely related to physical constraints, and a good mental model is closely related to logical constraints, while cultural constraints are actually a common practice shared by social groups.

【3】Affordance divided into four types: cognitive, physical, sensory and functional.

【4】Affordance should be analyzed from two levels: artifact level and practice level.

【5】The complete separation of affordance and perception will mean going to the opposite, equally unwelcome extreme.

【6】The basic principles of ecological psychology can allow existence perception to be indirect, and visual language representations can be directly perceived.

【7】 For individual animals, the ability to perceive affordance is not taken for granted, but an achievement, the result of learning and development.

【8】 The future of affordance and related concepts in HCI will mainly depend on whether they can be clearly defined and show actual relevance.

                                                                      User application of car handle

Blog 02 ｜ BillVerplank

by luna Blog

Bill Verplank’s speech:

Firstly he defined concepts related to design objects.

“When you are doing some additional design, you do it purposefully. If you don’t have any purpose, then you might call it art.”

Use cases for further explanation:

【1】How to use a pencil to mark the square carefully and place the square carefully.

【2】After 60 years, I bought the camera and set the exposure time at this frame rate, so I completed the sewing technique.

(In my opinion, in the example of the first video, Bill Verplank did not know that his behavior at the time would affect his later research. This video did not even have a sound, but based on the encouragement of his parents and the comparative study 60 years later, he had New discoveries. So maybe we don’t need to consider so many results when we are doing some extra things. The whole process of behavior may be a pavement for subsequent artistic results.)

Furthermore, he explained the research done in the recent period. “How to make music through tactile feedback”, they are teaching the design of a new interface for music expression at Stanford University. And part of the craft here is trying to understand what people want to express, and consider whether they can make a compelling and expressive music.

Regarding the map, Bill Verplank also made his own explanation:

In the past 30 years, dichotomy has been used to plan city maps and city construction. People have maps because they understand something on their maps. They know that there are landmarks, paths, and edges.

(I think this is a concept formed based on the understanding of basic graphics. Many people will understand the meaning of the “p” sign on the parking lot when they see it.)

Bill Verplank has developed a complete vocabulary so that users can have a description system that clearly describes map concepts.

It further leads to the question “What are the other things we consider in the design?”:

Take the Caleb Kiss St interaction, for example, explaining that images are a very important influencing factor. Different visual symbols affect iconic visual thinking.

(Through Bill Verplank’s sketching and explanation, I can better understand his working status and projects, and at the same time know his new understanding of the application of interaction design in various industries.)

For the sketch book, I also made a brain map. To define how to use the complete sketch to explain the concept you want to express.

                                                                 Sketch understanding of brain storming