Application Design 2/ Weekly Learning

-

Weekly Learning 

week 1:


Week 2: 

In the classroom environment, the students were instructed in the methodology of designing using air tickets. The course of instruction encompassed several considerations, including the necessity to accentuate the significance of the information whilst maintaining the aesthetic appeal and structural integrity of the design without compromising the integrity of the original information.

Original Information

Redesigned Page 1

Redesigned Page 2
Reflecting on the air ticket design assignment, I found it a really interesting challenge. We were instructed on how to approach the design, focusing on making the important information, like flight numbers and times, stand out while also ensuring the ticket looked aesthetically pleasing and had a clear structure. A key rule was that we couldn't compromise the accuracy of the original information. For me, the trickiest part was balancing these requirements – making it look good without making crucial details hard to find quickly. This exercise really drove home how important information hierarchy is in design and how visual appeal needs to work together with practical function, especially for something like an air ticket where clarity is essential.

Week 3

Hi everyone, After learning Wireflow (wireframe flowcharting) in class today, our group chose the online booking process of a school discussion room as a practical object. After initially mapping out our existing booking process, I tried to make some optimisations to it and share my optimised Wireflow design ideas and some reflections here.
Wireflow
I think the core of designing this booking process is to think from the user's point of view, how to make it the easiest and most comfortable for everyone to use. Wireflow is a really useful tool, it helps me to clarify the whole path of use and the logic before I start to make the interface.

Week 4：no class

Week 5: online

Week 6：online

Animation Principles in UX/UI Design 
– Explores the application of animation principles (squash and stretch, anticipation, staging, etc.) in UX/UI design.
- Emphasises the importance of clear communication and user experience through well-executed animations.
- Discusses various animation techniques and tools, including Adobe After Effects and LottieFiles.
Animation Techniques and Software – Details different animation styles, such as micro-interactions and elemental fighting animations.
- Covers the use of software like Adobe After Effects and LottieFiles for creating and exporting animations.
- Explains how to create and import SVG files for animation in various design tools.
Easing and Timing in Animation – Focuses on the importance of easing functions (ease in, ease out, ease in-out) for creating natural-looking animations.
- Explains how to use easing to improve the user experience by making animations feel less robotic and more fluid.
- Provides examples of how different easing functions can be applied to various animation scenarios.
Animation Feedback and User Experience – Highlights the role of animation in providing feedback to users about their interactions.
- Discusses how animation can enhance user experience by making interactions more engaging and intuitive.
- Emphasises the need for balance in animation speed and duration to avoid frustrating users.
Animation Principles in UX/UI Design- Explores the application of animation principles (squash and stretch, anticipation, staging, etc.) in UX/UI design.
- Emphasizes the importance of clear communication and user experience through well-executed animations.
- Discusses various animation techniques and tools, including Adobe After Effects and LottieFiles.

Animation Techniques and Software-
 Details different animation styles, such as micro-interactions and elemental fighting animations.
- Covers the use of software like Adobe After Effects and LottieFiles for creating and exporting animations.
- Explains how to create and import SVG files for animation in various design tools.
Easing and Timing in Animation- Focuses on the importance of easing functions (ease in, ease out, ease in-out) for creating natural-looking animations.
- Explains how to use easing to improve the user experience by making animations feel less robotic and more fluid.
- Provides examples of how different easing functions can be applied to various animation scenarios.
Animation Feedback and User Experience- Highlights the role of animation in providing feedback to users about their interactions.
- Discusses how animation can enhance user experience by making interactions more engaging and intuitive.
- Emphasizes the need for balance in animation speed and duration to avoid frustrating users.

Animation Feedback and User Experience
- Highlights the role of animation in providing feedback to users about their interactions.
- Discusses how animation can enhance user experience by making interactions more engaging and intuitive.
- Emphasizes the need for balance in animation speed and duration to avoid frustrating users.

Week 7:no class
Week8 :上课时，给我们介绍了FlutterFlow,还教学了我们如何将firebase加入到flutterflow里面

Comments

Post a Comment

Popular posts from this blog

APPLICATION DESIGN 1/ Project 1: Mobile Application Proposal

-
Image
 Project 1: Mobile Application Proposal  author: wang sai  Week 1&2 : what is the application design   In the first week, Mr Zeon told us about application design for the "user" and "foundation of app design". We needed to do a "user-friendly" and "seamless user experience", "boosting engagement" Week 3&4 ：making project 1 application  In class, the teacher asked us to choose an app we have used before. I chose Youdao Dictionary because I use it daily and am very familiar with it. This also helps me better understand some of its design flaws. Here are the reasons why app design is important, combined with my own perspective to summarize Youdao Dictionary Youdao Dictionary is a Chinese learning and education app. Its interface primarily features white and red as the main colours. The core services of the app are translation and word lookup functions. Its primary target audience is students, followed by travelers. This is youdao ...
Read more

ENVIRONMENT DESIGN 1

-
Image
 ENVIRONMENT DESIGN 1   -Star Form: 27.9.2024 -Author: Wang Sai -Major: Bachelor of Interactive Design   week 1  two point perspective  one point perspective  Week 2&3 : A one-point perspective of ten shapes was rendered on drawing paper with shading to highlight the three-dimensional appearance of the figures.   Week 4&5 : Week 6&8 : Week 9&11 : Week 12&15 :    
Read more

SPATIAL DESIGN 1 Project 1

-
  Spatial design / project 1    Date: Week 1 - Week 4  Author: Wang Sai     week 1    week 2 Spatial Design and Conceptual elements of Design 2 Scope of Spatial Design : This approach transcends traditional design disciplines by focusing on the organization and flow of people within spaces. It addresses both private and public environments, exploring place identity and the unique character (genius loci) of each space. Conceptual Design Elements : Point : Represents focus points or intersections in a design. Line : Expresses direction and movement, such as the dynamic lines used in Zaha Hadid's architecture. Plane : Defines spatial boundaries and can be vertical (walls), horizontal (floors), or overhead (ceilings). Volume : Conveys three-dimensional space and mass. Biomimicry in Design : Examples like termite mounds inspire sustainable architecture, as seen in Mick Pearce’s Eastgate Centre in Zimbabwe, which uses natural ventilation to reduce ener...
Read more