Thesis 1: Major Project / Thesis Materials
- Jiayu Wang
- Dec 3, 2023
- 2 min read
GR810_OL1: Thesis 1
Instructor: Jeremy Stout
Jiayu Wang
Major Project / Thesis Materials
PDF Link
Reflection
Based on feedback, I changed one of my font choices and chose a serif font to make the visual effect lighter and give the audience a more emotional feeling. I applied it to the first hierarchy typeface on every function page, and the other body copies and buttons still maintain the sans serif typeface.
For the borders of some major CTAs, such as those on the homepage, send your question, and in the dream journal, I chose to use the design in the logo, using gradient lines and stars, which can echo the use in the visual system, and also add some unique visual effects.
Secondly, for image processing, I added a few more pictures. By adjusting the direction, the scale, and position of the characters and different objects in the picture, you can create the nonsensical and incredible characteristics of the dream. I will continue to try more possibilities. I can feel that my mind is still limited, I will try my best to explore more interesting image possibilities.
According to my contract, I prototyped the app deliverable, and its main function is recording diary. I think the current recording interface really works because users can click directly to record after entering the app homepage. The icon is of sufficient size to allow users to quickly notice it, and the whole process takes about five seconds. I think this can be a good way for target users to quickly record dream voices. At the same time, in order to make this function more straightforward to display in the prototype, I learned new animation design skills, sound wave, and timer animation. I think this can make the interface more successful.
When I bring web content into the app interface, many problems will arise, such as how to adjust the size of images to maintain a consistent style. Due to different screen sizes, the layout and distribution of information will be greatly limited. , can only be distributed vertically, so many elements and relationships need to be readjusted. The interfaces of login&signup and contact will also consider the existence of images, because I have looked at some UIUX designs, and they all tend to use one page to display all user information, so I need to make it as intuitive as possible for users to see everything when filling in column content. I simplified the Contact page to only a few areas for filling in information, and discarded images.
Web Prototype Overview
App Prototype Overview
コメント