Spatial Design Weekly learning （Monday-line class）

WEEK 1
Learn

The teacher introduced the relevant content of space design in the space design class.

The space design emphasizes the connection between architectural design and people, is based on the interior, integrates the technical expertise of the architect and the creative insight of the designer, and focuses on the user experience, covering everyday examples such as educational institutions, retail environments, public Spaces and residential design.

Space design is closely related to space, including the use of space as a medium, creating experience, building relationships, etc. The key concepts include the distinction between space and place, interaction and user-centered design, and also consider functionality, user experience, movement and interaction, as well as adapting to changing needs.

Three examples of New York's High Line Park, Kuala Lumpur's Red Square and IKEA are presented, and the basic principles of space design and their significance in shaping the environment are summarized.

The students got to know each other in class, and introduced the tools needed in the future course, introducing that a designer should pay attention to practicality, user experience, aesthetics and so on in design.

WEEK 2

Learn

This class covers elements including architecture, landscape design, interior design, urban design and service design. The space design focuses on the arrangement and movement of people in the indoor and outdoor environment, aiming to create value and understanding for the private and public spheres. Spatial designers need to master things like design thinking, understanding human behavior, environmental psychology, spatial planning, technical proficiency, color psychology, material selection, communication, research skills, and project management. The historical use of caves as shelters and the importance of the Sarawak Caves in Malaysia are discussed. Hexagonal patterns of bee hives and termite mounds are also mentioned as examples of natural air conditioning and sustainable architecture, highlighting their inspiration for architects and designers.

The conceptual elements of design are introduced, including points, lines, surfaces, volumes, and forms. This lecture focuses on points, lines, and surfaces. The intangible nature of these elements and their importance in design are explained, providing examples of points in design such as lighting fixtures and furniture and their impact on mood and spatial experience. Examples of the Kuala Lumpur Tower in Malaysia and the architecture of Zaha Hadid demonstrate the use of lines in urban design and architecture. The concept of surfaces in the design, including top, wall and bottom surfaces, is introduced, and their role in the definition of space and the creation of boundaries is explained respectively, as well as the impact on space through the choice of materials. Taking the Piazza SAN Marco in Venice, Italy and Mies van der Rohe's buildings as examples, the application of surfaces in design is illustrated.

WEEK3

LEARN

The theme of this lesson is the decoding of visual perception in space design, with an emphasis on the Gestalt principles. It includes figure-ground relationship, where the brain distinguishes between figures and backgrounds, such as examples of optical illusions; proximity, where close elements are regarded as a group, with applications in architecture, business cards, etc.; closure, where the brain fills in the gaps, as demonstrated by the CCTV Headquarters in Beijing and other examples; symmetry, where elements are arranged in reflection, with multiple types and many architectural applications; and continuity, where aligned elements are regarded as a whole, as shown in the examples of the Absolute Tower and Galaxy SOHO. Through the explanation of these principles and a large number of architectural and design examples, it helps to understand the application of visual perception in space design.

WEEK4

LEARN

I. Course Theme

This class focused on decoding visual perception in space design, mainly on Gestalt principles like figure-ground relationship, proximity, closure, symmetry, continuity, and similarity.

II. Specific Content

1. Figure-ground: Brain distinguishes objects from background. Examples show this. Bird example reflects its characteristics.

2. Proximity: Close elements are grouped. Examples from various designs show its role.

3. Closure: Brain fills gaps. Examples show its application in architecture.

4. Symmetry: Arranges elements for reflection. Different types. Examples show in architecture.

5. Continuity: Aligned elements are seen as a whole. Examples show in architecture.

6. Similarity: Similar elements are grouped. Examples show its effect.

WEEK5

LEARN

I. In-depth Analysis of Space and Form

1. Reinforcement of Core Concepts

• This week, I gained a deeper understanding of the fundamental concept in spatial design - the close integration of space and form. Space is no longer an abstract existence but interdependent with form, covering the voids and physical volumes around us, as well as essential elements such as form, space, openings, and circulation. From a visual presentation perspective, space and form are like the two ends of a balance, indispensable and jointly constructing a complete design picture.

2. Application of Horizontal Elements

• I learned to use horizontal elements to accurately define space. Taking the base plane as an example, its uniqueness can be manifested through differences in color, tone, and texture. When we raise the base plane, we can enhance the visual separation effect and create an independent spatial area; while using a recessed base plane, we can skillfully define the spatial volume. The height change between the recessed area and the surrounding elevated area not only creates a rich sense of volume hierarchy visually but also ensures the continuity of the space through steps, ramps, and other elements. For example, a sunken courtyard is an excellent instance. It can not only effectively shield the space from external disturbances such as noise and wind but also add a sense of tranquility and privacy to the space. Similarly, the use of a suspended plane is also ingenious. The gap between it and the ground clearly defines a specific spatial range, endowing the space with unique tension and a sense of hierarchy.

II. Summary of the First Presentation on the Works of Design Masters

1. Highlights of Design Elements

• In the first presentation this week, we conducted an in-depth discussion centered on the works of design masters, with the theme focusing on the exquisite application of design elements and principles. When studying the works of many masters, it was found that their control of design elements is outstanding, especially in achieving a highly sophisticated balance of line, space, and color. The smoothness and rhythm of lines, the mutual generation of virtual and real spaces, and the harmonious combination of colors together weave a series of design masterpieces with strong artistic appeal. Each element seems to be endowed with life, performing its own functions and echoing each other in the works, injecting a unique soul and style into the works.

2. Insight into Design Principles

• The masters' application of design principles is even more proficient and nuanced. Through the ingenious combination of different design principles and lines, a wide variety of styles of works have been created. When deeply studying the works of modernist masters, a prominent characteristic comes to the fore - the frequent use of straight lines has become a distinct symbol of modernist design. These simple and straightforward straight lines, abandoning cumbersome decorations, construct the order and rhythm of the space in the purest form, showing a simple, efficient, and rational design aesthetic. Of course, the works of other masters also have their own merits. With their unique creativity and profound understanding of design, they shine brightly in their respective works, being either graceful, bold, delicate, or rough. Each style carries the design concepts and artistic pursuits of the masters, opening up a series of doors to different design worlds for us.

III. Case Study of Public Space Design

1. Integration of Tradition and Modernity

• In today's era of high integration of technology and art, we conducted a detailed analysis and study of public space design. Although design technologies are advancing with each passing day, design principles have always adhered to their core positions, like a lighthouse guiding the direction in the torrent of the times. Whether it is the ancient square design or the modern intelligent building space, it is inseparable from the adherence to basic design principles such as proportion, symmetry, and rhythm. These principles are like the skeleton of a building, supporting the structure and order of the entire space, enabling it to not only meet functional requirements but also bring people aesthetic enjoyment and emotional resonance.

2. Technology Assisting the Deepening of Design

• With the help of advanced technical means, we are able to more deeply explore the subtleties and potential values in public space design. For example, through virtual reality (VR) and augmented reality (AR) technologies, we can experience the atmosphere and effects of the space in person during the design stage, discover possible problems in advance and make optimization adjustments. At the same time, big data analysis also provides strong support for design. By accurately grasping the behavior patterns and usage needs of the crowd, we can more rationally plan the spatial layout, facility configuration, and traffic flow lines, making public spaces truly become places where people are willing to stay, interact, and communicate, realizing the goals of humanized and sustainable design.

WEEK6

LEARN

I. The Importance of Vertical Elements in Spatial Design

1. Function of Space Division

• In this week's course, we delved deeply into the crucial role that vertical elements play in spatial design. We've come to understand that vertical elements are multi-functional components in design and can accurately divide space. Whether it's defining indoor and outdoor areas or creating distinct functional subspaces within a larger environment, they are essential for achieving refined spatial layouts.

2. Role in Creating Atmosphere

• Different types of vertical elements, with their unique geometric forms and spatial attributes, demonstrate diverse characteristics and varying degrees of practicality in actual applications and play an irreplaceable role in creating unique atmospheres.

II. Core Functions of Vertical Elements

1. Protection Function

• Vertical elements can act as all-round protectors, shielding interior spaces from adverse weather conditions and maintaining a relatively stable environment.

2. Regulation Function

• Meanwhile, they also function as intelligent regulators, effectively controlling air flow, heat transfer, and sound propagation, which have an important impact on the comfort of the space.

3. Space Shaping and Defining Function

• Vertical elements possess a strong ability to shape and enclose space. They can create a private environment and clearly define the boundaries between indoor and outdoor spaces, giving a sense of spatial hierarchy and order.

III. Common Types of Vertical Elements and Case Analysis

1. Linear Vertical Elements

• Characterized by clean and powerful lines, they are vital components in space design. For example, the Campo Square in Siena, Italy, uses the iconic tower of the Public Palace and the surrounding colonnades to define the square's boundaries with a striking vertical arrangement, creating a strong sense of space and visual impact.

2. Single Vertical Plane

• Its height is the key factor in defining and enclosing space. When placed at different heights, it creates different spatial sensations. A lower height gives a faint sense of boundary, while a plane at eye level or higher creates a strong sense of separation.

WEEK7

LEARN

This is the third session on form and space fundamentals, focusing on the design of openings in enclosed spaces like rooms.

1. Importance of openings: Key elements in space design, impacting function, aesthetics, comfort, and overall experience. Doors affect access and movement. Windows bring in light and connect inside and outside.

2. Key factors: Size affects lighting, ventilation, and space sense. Number influences light distribution and visual interest. Location determines directional light, views, and connectivity.

3. Types of openings:

• Inter-planar openings: In walls or ceilings. Position, shape, number, and arrangement affect visuals. Centered ones have even visual weight. Off-centered create tension. Unique shapes attract attention. Large ones change nature. Examples like Le Corbusier's chapel have dramatic lighting.

• Corner openings: At corners, making space diagonal. Used for composition, views, or lighting corners. Weaken corner definition when large. Light illuminates adjacent planes. Examples like Le Corbusier's studio and Samuel Freeman House.

• Inter-planar extended openings: From floor to ceiling or between walls. Create modern look and emphasize verticality/horizontality. Erode space definition at corners. Light interacts for dynamic effect. Examples in modern architecture.

4. Summary: Learned three types of openings that affect space visually, atmospherically, and functionally. Covered in form and space lecture series along with horizontal and vertical elements.

WEEK8(self-study week)

WEEK9

LEARN

This class mainly focused on spatial relationships. The content is as follows:

Introduction to the Course Theme

The lecturer introduced that this class would explore the basic principles of spatial relationships, with a particular focus on how different spaces interconnect and are organized into coherent forms and spatial patterns. It was also mentioned that there are four types of spatial relationships.

Explanation of Spatial Relationship Types

1. Space within a Space

• A large space can enclose a small space, with good visual and spatial continuity between them. However, the connection of the small space to the external environment depends on the large space. For example, in the case of a small room within a large room, floating rectangular or wooden cubes, etc., can form unique and intimate areas within the large space. Examples like the relationship between multiple small spaces and a large space shown in architectural models, and the multi-layered spaces created by Sou Fujimoto's House N through nested shells, all demonstrate the fluidity and openness emphasized by this type of spatial relationship, which can meet different privacy and interaction needs.

2. Interlocking Spaces

• When two spatial fields overlap, a shared area is formed. The overlapping part can merge with one of the spaces or become a transitional space connecting the two original areas, enhancing functionality and unity. For example, the top floor of the Total under 4 time 4 house is designed with offset cubic volumes to form a unique spatial relationship. In the villa designed by Lee Kobuzier, geometric shapes overlap and interlock with each other. And various situations of different rectangular prisms interlocking to form shared spaces shown in relevant diagrams help to understand the dynamic changes and connection methods of different volumes in interlocking spaces.

3. Spaces Linked by a Common Space

• Two separated spaces can be connected through an intermediate space. The visual and spatial relationship depends on the nature of the intermediate space. The form and direction of the intermediate space can be different. When it is large enough, it can become the dominant space, and its form can be the remaining space determined by the connected spaces. For example, a house connects different parts through a central public space. Examples such as glass bridges, sliding doors, viaducts, central pond courtyards, etc., serve as intermediate spaces to connect different building areas. Also, Casa do quarteiro connects residential units, public gardens, and public passages and other functional areas by establishing a public space, enhancing connectivity and a sense of community.

4. Adjacency Spaces

• This is a common type. Each space can be clearly defined according to functional or symbolic requirements. The visual and spatial continuity of adjacent spaces depends on the nature of the plane that separates and connects them, and the plane can take various forms. For example, the Lawrence Residence reflects the characteristics of adjacency spaces through designs such as sliding doors and different floor heights. Sliding doors balance openness and privacy, and different floor heights encourage user activities and interactions. Also, the steps of the pavilion, the covered walkway, and the external open area, etc., also reflect this type of spatial relationship.

Course Summary and Expectations

The lecturer summarized that this class covered four types of spatial relationships. It was hoped that students could integrate what they had learned into their design projects. Looking forward to seeing everyone in the next class.

This class also focused on the formal transformations in spatial design, covering two types: additive and subtractive transformations, and explained them with many examples.

1. Additive Transformation

• Definition and Influencing Factors: The form of the structure is changed by adding elements. The nature of the elements, etc., determines how the original form changes.

• Combination Methods: Edge-to-edge contact, face-to-face contact, and block interlocking, which are used in different design scenarios respectively.

• Examples: The Trigora furniture system, works by Sou Fujimoto, designs by Mark Combau, Habitat 67, The Interlace, works by Takamatsu Nobu, Al Bar Towers, the proposed Paris Point North Bridge, etc.

2. Subtractive Transformation

• Definition and Characteristics: Part of the structure is removed, and the original form can still be retained under specific conditions.

• Examples: Complex wooden structure models, Graf, Meyer Residence and Studio, Culture Forest, the Italian Pavilion at the Shanghai World Expo, Zaha Hadid's Mirror Social Housing Project, etc.

3. Summary: Formal transformations provide designers with diverse options to create spaces that are both practical and aesthetically pleasing. Designers should actively think about and apply them.

WEEK10

LEARN

This class focused on the formal transformations in spatial design, covering two types: additive and subtractive transformations, which were illustrated with numerous examples.

1. Additive Transformation

• Definition and Influencing Factors: The form of the structure is changed by adding elements. The nature of these elements determines how the original form will be altered.

• Combination Methods: There are three combination methods, namely edge-to-edge contact, face-to-face contact, and block interlocking, which are respectively applied in different design scenarios.

• Examples: The Trigora furniture system, works by Sou Fujimoto, designs by Mark Combau, Habitat 67, The Interlace, works by Takamatsu Nobu, Al Bar Towers, and the proposed Paris Point North Bridge, etc.

2. Subtractive Transformation

• Definition and Characteristics: Part of the structure is removed, while the original form can still be retained under specific conditions.

• Examples: Complex wooden structure models, Graf, Meyer Residence and Studio, Culture Forest, the Italian Pavilion at the Shanghai World Expo, Zaha Hadid's Mirror Social Housing Project, etc.

3. Summary: Formal transformations offer designers diverse options, enabling them to create spaces that are both practical and aesthetically pleasing. Designers should actively consider and apply these transformations.

During the class, we also learned about how to incorporate the elements of a famous building into our own designs. For example, when designing a lakeside corridor, we can consider adding interactive elements to enhance the user experience. We can draw inspiration from the unique features of famous buildings. Maybe we can adopt the flowing lines of a certain building to make the shape of the lakeside corridor more dynamic and elegant. Or we can learn from the way a building uses different materials to create a rich tactile and visual experience, and then apply similar material combinations to the design of the corridor.

Applicantion design final portfolio

 Final: Taobao App Optimization 

After finalizing the initial rough layout of my Taobao shopping experience prototype for purchasing specialty products, I advanced to the high-fidelity prototype stage. I concentrated on enhancing and perfecting the design by taking into account the feedback gathered from the earlier version. I meticulously examined each aspect of the user interface and user experience to make it more refined and user-friendly. In this process, I developed multiple versions of the high-fidelity prototype to explore diverse design options and optimize the overall shopping flow within the app for buying specialty items. To obtain more valuable insights and viewpoints, I shared these versions with some of my friends who are fond of online shopping for specialties and solicited their opinions regarding the design, ease of use, and overall shopping experience. Their feedback proved to be extremely beneficial in molding the final high-fidelity prototype, enabling me to make essential adjustments and further enhance the design.

figma Taobao app low fidelity link ：https://www.figma.com/proto/CbatwVwoLHZErjJh6nrCkk/Untitled?node-id=172-711&t=ctjJBKMLYnvdv0qP-1

Scenario 1: Purchasing Dried Persimmon Cakes (a Specialty)

User: Huangyan ting

Imagine you're craving the delicious local specialty, dried persimmon cakes, and decide to search for them on the Taobao app. When you open the app, you land on the home page. From here, you can either type "dried persimmon cakes" into the search bar or navigate through the "Food" category and then further into the "Specialty Snacks" subsection. Once you've found a list of dried persimmon cake products, click on the one that catches your eye to view the product details. Check information such as the origin of the persimmons, the production process, the taste description, and customer reviews. After confirming that it meets your expectations, select the quantity you want to buy. Then, add the item to your cart. Proceed to the cart page to review your selected items. If you have any discount coupons or promotional offers available for food items or specialties, apply them at this stage. Next, provide your shipping address, making sure it's accurate to ensure the timely delivery of the perishable dried persimmon cakes. Then, choose your preferred shipping method, perhaps opting for express shipping if you're eager to receive them quickly. Finally, confirm your order and patiently wait for the package containing the delicious dried persimmon cakes to arrive at your doorstep.

To make the shopping experience more global and user-friendly, Taobao offers convenient options to switch languages, currencies, and countries. On the settings page, you can easily find the language selection dropdown menu. By clicking on it, a list of available languages will be displayed, allowing you to choose the one you are most comfortable with. For currency conversion, there is a dedicated currency setting option. Once selected, the app will automatically display prices in your preferred currency, updated based on the latest exchange rates. To change the country region, you can access the region settings and input the relevant country information. This will adjust the product availability and shipping options to better suit your location.

Regarding tracking your package, once your order for the dried persimmon cakes is confirmed, you can go to the "My Orders" section. There, you will find a detailed list of all your orders. Locate the one for the persimmon cakes and click on the "Track" button next to it. This will redirect you to the shipping carrier's website or provide you with real-time tracking information within the app itself. You can see the current location of your package, the estimated delivery time, and any transit updates along the way, ensuring you are always informed about the status of your delicious specialty purchase.

Taobao page high fidelity process youtu link：

https://youtu.be/syZAEy-sEbE

figma Taobao app high fidelity link：https://www.figma.com/proto/CbatwVwoLHZErjJh6nrCkk/Untitled?node-id=193-1053&t=b7gcxaIQrlwlvekQ-1

APPLICATION DESIGN 11-14 Project 3: Lo-Fi App Design Prototype

 WEEK11

Learn

In the 11th week, the teacher used Figma to guide us to optimize the Taobao page. We analyzed the existing page. Its layout was complex and information overload affected user search. We simplified the search path and highlighted key function entrances like putting common categories first according to the user's usage process. Based on MVP functions, we reduced redundant modules and retained the core shopping process. In Figma, we redesigned the layout and regularized the product display area and unified visual elements.

 Reflection

In this class during the process of Taobao page optimization, I had a deep reflection. When the teacher taught us to use Figma for design, I was impressed by how to find reference materials and patterns. I realized that I had been relying too much on common material libraries before. The teacher introduced many professional design websites, industry forums and data research platforms. I understood the importance of accurately finding materials and patterns for design. But I'm still not proficient enough in screening and integrating these resources, and can't quickly extract effective elements to integrate into the page. In the future, I need to broaden the ways of collecting resources and improve my ability to screen and integrate them to make the design more innovative and targeted.

WEEK12（The teacher was absent from class）

WEEK13

Learn

In the design course of the thirteenth week, we focused on the specific application of high-fidelity and low-fidelity design styles in interface design and how to optimize the design based on user feedback. Through the analysis of past design cases, we identified some problems such as unobvious buttons and inconvenient search functions. For example, the buttons of some applications are designed too small or the color contrast with the background is low, making it difficult for users to quickly locate and identify them; the position of the search box is not prominent enough, or the entrance to the search function is hidden too deeply, requiring users to click multiple times to access, which affects the convenience of searching.

To address these issues, we formulated corresponding optimization procedures. In terms of button design, we increased the button size and enhanced the contrast with the background to facilitate user operation. For the search function, we placed the search box in a prominent position on the interface, such as the top center or the upper right corner, and added clear search icons and hint texts to guide users to quickly find the search entrance. In addition, we also optimized the search algorithm to improve the accuracy and relevance of search results, enabling users to obtain the required information more efficiently.

 Reflection

This class made me deeply reflect on my deficiencies in interface design. I realized that in previous designs, I didn't consider the user experience comprehensively enough, such as neglecting the convenience of buttons and search functions. In the future, I will pay more attention to details, give priority to the user's perspective when designing, conduct more tests and optimizations, and improve my design skills to ensure that my design works are more practical and user-friendly.

WEEK14（self -Study ）

During the development process, three evaluators were invited to conduct practical operations on both the low-fidelity and high-fidelity versions of my Taobao app pages. They first interacted with the low-fidelity prototype and carried out three distinct processes.

For the process of purchasing a product, they navigated through the simulated interface to search for a specific item, in this case, the specialty dried persimmon cakes. They explored different search methods, such as using keywords in the search bar and browsing through relevant categories and subcategories. After locating the desired product, they added it to the cart, proceeded to the checkout page, and simulated the steps of applying discount coupons and entering shipping information. Their evaluation of this process focused on the intuitiveness of the search function, the clarity of product details display, and the ease of the checkout procedure. Some of the comments included the need for more prominent display of key product information like origin and production date, and a more streamlined coupon application process to avoid confusion.

In the task of viewing the express delivery information, they attempted to track a mock order. They located the "My Orders" section and clicked on the tracking option. They assessed the comprehensiveness and clarity of the tracking details provided, such as the real-time location of the package, estimated delivery time, and transit updates. The evaluators suggested enhancing the visual representation of the tracking progress, perhaps with a more interactive map or timeline display, to make it easier for users to understand the journey of their package.

Regarding the process of changing the language, nationality, and currency, they accessed the settings menu. They explored the dropdown menus and input fields for making these adjustments. Their feedback centered around the ease of finding these options within the interface and the clarity of instructions. Some noted that the language selection could be more prominent and accompanied by language previews to aid in the selection process. Additionally, the currency conversion process needed to be more transparent, with clearer explanations of how the exchange rates were determined and updated.

Based on their comprehensive evaluations and the areas they identified for improvement, I meticulously analyzed each comment and suggestion. I then proceeded to make targeted modifications and enhancements to the high-fidelity prototype. This involved redesigning certain interface elements to improve visibility and usability, adjusting the layout of forms and menus for a more intuitive user experience, and refining the functionality of various features to better meet the needs and expectations expressed by the evaluators. Through this iterative process, I aimed to create a more polished and user-friendly Taobao app experience that would enhance customer satisfaction and usability....

These are the screenshots and interviews of three interviewers

SPATIAL DESIGN WEEK11-14 Project 3: UX-Focused Campus Spatial Design Final Project

 WEEK11

I was fully immersed in the task of conceiving the campus architecture design in this week's course. I was deeply attracted by the graceful curved elements of seashells, especially their round shapes, which were just like lively poems. When looking for inspiration on campus, the glistening lake and the open square came into view. The shoreline of the lake and the circular layout of the square had a wonderful match with the curves of seashells. I carefully collected these elements and analyzed their characteristics and beauty in depth. I'm determined to take the round shape of seashells as the core to create a unique campus building, allowing the smooth lines to dance in the building and complement the scenery of the lakeside square. I'm looking forward to perfectly carving out this concept in the subsequent design process.

This class has been really fruitful for me and also made me reflect deeply. Through the process of collecting seashell elements to conceive the campus building, I realized that my observation skills still need improvement. I had never paid such close attention to the potential sources of design inspiration on campus before, like the subtle curves of the lakeside square. When extracting elements, I found that I was not good at transforming them and it was hard for me to quickly and accurately turn the forms of seashells into the initial ideas for the building.

During the exchanges with my classmates, I saw their unique perspectives and innovative ways of thinking, which made me understand that I still need to break through boldly in terms of creativity and not be limited to conventional design ideas. In the future, I will observe the surrounding environment more actively, learn different design techniques and improve my design quality, striving to show better creativity and more mature ideas in the next design task.

WEEK12

During the 12th week of the course, I was thinking about the devices that should be added to the lakeside building. We all agreed that the guide signs should be eye-catching and could be made of wood or metal, paired with simple and clear words and icons. The color of the wall could be selected from natural tones such as lake blue and light green to blend in with the surrounding environment. In terms of building convenience, the passages and layout should be rationally planned. Its main functions could be set as leisure and entertainment, cultural exchanges, etc., to meet the different needs of teachers and students.

After this class, I deeply reflected on the design of the lakeside building. In terms of its integration with the lakeside square, we need to reexamine the proportion issue. If the building is too large, it will look obtrusive, while if it's too small, it will lack a sense of presence. We should accurately measure the size of the building according to the scale of the square, the distribution of surrounding greenery and the flow of people, to ensure that it complements the square and achieves a balance between aesthetics and practicality. I will pay more attention to the overall coordination in the next design.

WEEK13

During the 13th week of the course study, I devoted myself wholeheartedly to the preparatory work for the design of the lakeside square on campus. I took measurement tools and carefully measured the approximately available area of the lakeside square precisely, and recorded its outline and details by hand drawing. After repeated thinking and attempts, I finally determined the specific appearance of my lakeside square. It will have smooth lines that echo with the lake water, and incorporate natural elements at the same time, creating an aesthetically pleasing and practical leisure space. I am looking forward to the gradual improvement of the subsequent design.

This class has benefited me a lot and also made me reflect deeply. When measuring and designing the lakeside square, I realized that I wasn't meticulous enough in data processing, which led to some dimensional deviations. Although I got some flashes of inspiration when extracting elements by hand drawing, my techniques were not skillful enough and the integration of natural elements was still a bit stiff. In the future, I will strengthen my skill training, pay attention to details and the overall coordination, and strive to design more perfect works.

WEEK14(Self-study week)

Finally blender Links：https://we.tl/t-2BvLFIE9oQ

Final poster presentation

The final poster shows the speech

APPLICATION DESIGN 5-10 Project 2： UI/UX Design Document

WEEK5

Learn

This week's course focused on App function design. We learned to classify and integrate the program functions of basic Apps. Taking the payment page as an example, payment methods, payment time, refund time, etc. are the core functional elements of this page. We need to sort out these necessary functions, remove the inappropriate content at the same time, and consider adding new functions.

After that, we applied this method to the design of new Apps. The current assignment is to analyze the existing functions of Taobao. We need to identify which functions of Taobao can be removed and which new functions can be added. This series of learning and assignments enables us to master the method of analyzing Apps from the perspective of functions, understand the roles of different functions in Apps, and help us plan functions more scientifically when designing new Apps, thus enhancing the user experience.

 Reflection

I have learned a lot from this App function design class. The method of analyzing existing Apps first and then designing new Apps is quite practical. For example, the analysis of payment functions has helped me understand the logical connections between different functions. The analysis of Taobao's functions in the assignment also enabled me to examine applications from the perspectives of user experience and function rationality.

However, I also faced some challenges. Judging whether a function is appropriate and coming up with new functions require experience and an understanding of users' needs. I often got stuck in my own subjective ideas. In the future, I will study users' habits. I also hope that the teacher can share more practical cases in class to broaden our minds.

       WEEK6（public holidays）

WEEK7

Learn

In the class of Week 7, we learned about user research in App design. Regarding how to conduct user research for our own App, the following points are important.

Components of user research:

Personal information such as age, gender, and region, which can help us understand the basic characteristics and preferences of users.

Evaluation of the App's page design, including whether the layout, colors, and icons are aesthetically pleasing and user-friendly.

The types and operating systems of the devices used by users, as this is related to the compatibility of the App.

 The inconveniences encountered by users during the use of the App, such as slow loading and complicated operations.

UI/UX design should be based on the research results. UI focuses on visual presentation, while UX emphasizes interactive experience. The combination of the two can enhance user satisfaction.

 Reflection

I have learned a lot from this lesson. Regarding the user research of the Taobao App, I realize that collecting personal information can help us segment user groups and understand their consumption patterns. Studying the page design can optimize the visual experience and enhance its attractiveness. Knowing about the users' devices can ensure compatibility. Focusing on the inconveniences during use enables us to improve the functions.

However, I also understand that the research needs to be more in-depth and not just stay on the surface issues. In the future, I will design questionnaires and conduct interviews more scientifically to accurately grasp the users' needs.

WEEK8(self-study week)

Taobao Application Design Survey Questionnaire：

Face-to-Face Interview on Taobao Application Design：

WEEK9

Learn

I. Definition and Function

It provides a visual representation of the steps an individual takes to achieve a goal, helping designers comprehensively consider the user experience, cultivate empathy, and identify pain points.

II. Creation Process

Clarify the purpose, conduct user research to collect data, document and visualize the experience, identify and arrange user behaviors, and establish a logical order.

III. Structural Points

Determine the user role, define the goals and steps, clarify the content and functional requirements, pay attention to the factors affecting the experience, and capture and understand user behaviors.

IV. Value Manifestation

Provide a global overview, determine the development priority, and design interactions that promote positive emotions.

V. Best Practices

Refer to user and business objectives, associate with user roles, and clearly list the main steps.

VI. Examples

Examples of user journey maps for travel applications and pet-themed interactive cafes.

VII. Related Resources

Miro templates and video materials for creating user journey maps.

 Reflection

Virtual Journey Portrait of Taobao App Users

1. User Characteristics: Diverse in age, gender, and occupation, loving online shopping and pursuing convenience and discounts.

2. Goals: To purchase desired products to meet the needs of life, work, entertainment, etc.

3. Journey Stages

• Discovering Needs: Needs arise in life or are influenced by advertisements and recommendations.

• Searching and Browsing: Search and browse products on Taobao, compare prices, styles, etc.

• Making a Selection and Decision: Refer to evaluations, sales volumes, etc. to determine the product to purchase.

• Placing an Order and Making a Payment: Fill in the receiving information and choose a payment method to complete the payment.

• Waiting for the Delivery: Pay attention to the logistics information and look forward to the arrival of the product.

• Confirming the Receipt and Giving an Evaluation: Confirm after receiving the product, give a good review if satisfied, and apply for after-sales service if not.

WEEK10

Learn

In the software course design class in the 10th week, the teacher showed us what we need to learn in the next month and the tasks for each week. The teacher said the minor functions of the Software MVP are very important and told us which ones to focus on. The teacher also taught us how to use FIGMA to get ready for UI design work in the future.

 Reflection

After the software course design class, I started to reflect. The teacher talked about the learning content for the next month and the tasks for each week. The teacher also mentioned that the minor functions of the Software MVP are very important and taught us how to use FIGMA. I realized that I didn't pay enough attention to the minor functions before and always focused on the big aspects. I also didn't learn FIGMA in advance. In the future, I will follow the teacher's arrangements, complete the weekly tasks carefully, study FIGMA seriously, focus on the minor functions of the MVP, and get ready for UI design to improve my professional ability.

app virtual user portrait speech：https://youtu.be/yipBdSiIz8c

SPATIAL DESIGN WEEK5-10 Project 2: Site analysis and User research for UX-Focused Campus Spatial Design

WEEK5

This week has benefited me a lot and also triggered my deep reflection. During the study of space and form, I realized that my previous understanding of space was too superficial and I didn't fully consider the close connections among various elements. When analyzing the works of design masters, I was amazed at their ingenious use of elements such as lines and colors. By comparison, I found that I lacked bold innovation and delicate control when doing design myself. And the discussion on public space design made me understand that I shouldn't be confined to traditional thinking and should learn to use technology to deepen the design. In the future, I will pay more attention to details, improve my aesthetic taste, and bravely try different design techniques, integrating the knowledge I've learned to strive for a qualitative leap in my design ability.

WEEK6

This week has given me a completely new perspective on spatial design. I used to overlook vertical elements, but I've come to realize that they have so many functions in dividing space, creating atmosphere, and shaping the environment.

When studying linear vertical elements, the case of Campo Square in Siena, Italy, gave me a firsthand look at their powerful space - shaping capabilities. However, I'm also aware that I'm not yet proficient in applying these elements in practice.

After class, I need to find some relevant projects to practice with, deepen my understanding, and improve my application skills.

 WEEK7

In this fundamental course of form and space, I deeply realized the importance of opening design in space. Different types of openings, such as inter-planar openings, corner openings, and extended openings, have a huge impact on the visual effect, atmosphere, and function of space. I am amazed by the dramatic lighting effects brought by the opening design in the works of masters. This makes me understand that factors such as size, number, and location should be comprehensively considered in design to create a space that is both practical and beautiful. I also look forward to better applying this knowledge in future studies.

WEEK8(self-study week)

Questionnaire on the Construction of the Leisure Corridor in the Lakeside Square of the School：

Face - to - face Interview on Spatial Design：

 WEEK9

I have gained a lot from this  on spatial relationships. I learned about the characteristics and examples of the four types of spatial relationships, such as the enclosure in "space within a space", the overlap in "interlocking spaces", etc. Also, the cases of additive and subtractive transformations in formal changes have greatly broadened my vision and inspired my design ideas.

However, I also noticed my own shortcomings. I lack imagination when it comes to complex spatial combinations and may encounter difficulties when applying them in practice. In the future, I will observe more classic works to strengthen my spatial imagination and practical ability, and apply the knowledge I have learned flexibly to my designs, striving to improve my literacy and skills in spatial design.

WEEK10

This week has left me with a profound impression. When learning about formal transformations, various examples have broadened my horizons and made me aware of the infinite possibilities of addition and subtraction in shaping space. However, I have realized that my sensitivity to borrowing architectural elements is insufficient. For example, when incorporating elements of famous buildings into my design, it is difficult for me to quickly grasp the key points. Regarding the interactive design of the lakeside corridor, although I have some ideas, I lack considerations for cost, practicality, and environmental coordination. In the future, I will actively cultivate my design thinking, improve my aesthetic sense, and make up for my deficiencies in practice to enhance my design ability.

SPATIAL DESIGN 1-4 Project 1: Precedent Study and Analysis

WEEK 1

We should strengthen theoretical study, in-depth study of space design related theories, including the relationship between space and place, interactive design, user-centered design, etc., in order to improve our design theory level.

In the future study, we can apply theoretical knowledge to practice through the design and practice of practical projects, so as to improve our design ability and practical experience.

Continue to learn and learn from excellent space design cases at home and abroad to cultivate their own innovative thinking

WEEK 2

During week, we explored our school to identify elements of points, lines, and planes. For instance, the circular shape of the Starbucks logo on the coffee cups some students brought, which was like a distinct "point" that caught the eye. The round shape of car tires in the school parking lot also served as an example of a circle, representing a two - dimensional form that could be related to the concept of a plane in a more complex geometric sense. And the edges of the stairs formed clear "lines", guiding our movement up and down, creating a sense of direction within the three - dimensional space of the building.We understand the scope of learning space design, key skills for designers and inspiration from nature. We need to pay attention to observing life, understand the idea behind all buildings, and find and learn from actual architectural examples.

WEEK3

From the perspective of us students, this week has enabled us to have a deeper understanding of visual perception in space design. Through abundant examples, we have clearly understood various aspects of the Gestalt principles. The figure-ground relationship has made us understand how the brain distinguishes between figures and backgrounds; proximity has demonstrated the rules of element combination; closure has embodied the brain's ability to complete; symmetry has presented various forms and its applications in architecture; continuity has emphasized the importance of element coherence. However, we hope to have more time to discuss some complex examples and add some practical operation exercises, so as to better master this knowledge and apply it to actual design.

WEEK4

This week has given me a deeper understanding of visual perception in space design. By learning Gestalt principles, I understand how different elements affect our visual experience. In future designs, I will pay more attention to the application of these principles to create more attractive and coherent space works.