WANG SAI (0367388)

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 deta...

Final Project  Todo: I will refine my design elements for the application in the final project. Additionally, I realised that I forgot to include animations in Task 3. Therefore, I will make sure to incorporate them in the final submission to enhance the overall user experience. Process: I first created two macro animations that will appear when the user clicks the Register and Forgot Password buttons. I made my most important page, which is my reading interface. The first thing I made was the reading selection interface. This is one of my main processes. During this time I also added some micro-animations to improve interactivity. I also added a button to allow users to quickly preview the article in the photo. My next task is to confirm the content of the reading and add the content to form a complete step I added a sliding column to allow readers to read more text content. In order to increase interactivity, I added a thumbs-up button there. If you think this article is good, ...

 Task 3 Introduction: Todo: I will go to youtube to learn how to make FlutterFlow. After knowing roughly how to lay out with FlutterFlow, I started to work on the main contents of my Assignment 1 assignment. However, I found that FutterFlow has great design limitations and cannot produce a perfect design like Figma. This may require the use of HTML, CSS, etc. I created 7 pages in total In the first step, I confirmed my theme colour and then created the login page. The style is completely different from that of my Figma, probably because FlutterFlow is a modular software. I also created a home page, a camera page, and a profit page. Next, I created a very important function, which is the reading function. I specially created an area to store e-books for reading.  Here is  https://you-dao-itc8ez.flutterflow.app  link for Flutterflow I don't know why I can't implement the preview function in FlutterFlow in this link. Here is my preview in the FlutterFlow app. If you can...

 Task 2  INSTRUCTIONS: To do: Interaction design proposal and planning In the previous task 1, I have completed the redesign of the Youdao application. Now I will start to create a master plan to better understand the application flow mapping. Next, I entered the board stage, which includes a detailed explanation of the interactive animation within the page. Each storyboard page is divided into three parts: introduction interface, reading interface, search interface introduction interface:  Make it into an automatic animation, and the first screen-opening interface will jump to the registration interface reading interface:  Improve the interactivity between interfaces, strengthen the animation feedback of clicks, and make the animation smoother search interface: Add animation interaction when searching, make the search bar move, and add animation transitions for feedback results Notice: Regarding the animation module of the app, in the first phase of the project we ...