Interactive Design | Project 1: Prototype Design (Digital Resume/ CV)

-
13.05.2024 - 31.05.2024 || Week 04 - Week 06
Hanson Pea Wei Hao || 0359463
Interactive Design || Bachelor of Design (Honours) in Creative Media || Taylor's University
Task 1: Prototype Design (Digital Resume/ CV)

Lists




Instructions


In this part of the assignment, we will need to focus on creating a UI design prototype for our digital resume or curriculum vitae (CV) using prototyping software such as Adobe XD or Figma. 

Sketch Idea:

fig 1.1, 5 Sketch idea
Among all the sketch ideas, I choose Idea number 2 for my main design.

Color Palette:
For the color palette, I have chosen some popular colors from Coolors.

Fig 1.2, Color palette 1

Fig1.3, color palette 2

Fig 1.4, Color palette 3

Fig 1.4, Color palette 4

Fig 1.5, color palette 5

Among all the color palettes, It was really suffers to choose one to work with, so I experimented and chose palette 4 for my final color choice.

Digitalize it in Figma:

After I have chosen the sketch and color, I start to digitalize everything and try the digitalize in Figma.

Fig 1.6, First draft and trial

For the Fonts, I have used Katibeh for all of my fonts, because the fonts look clean and attract to me.

Fig 1.7, first finalize

After I had done this poster I forgot to add the project, so I immediately added the project part to it.

Fig 1.8, First draft for hand in

After getting feedback from Mr. Samshul, he reminded me that the color chosen can try to be professional a bit because my color choice was a bit too dazzling. The other part doesn't seem like a big problem, just too much empty space can try to make it full a bit.

 I redo my arrangement of the box and some of the detail first and this is what it looks like.

Fig 1.9, Fixing about the arrangements and detail

after the arrangement is done start choosing my color for changing and make it more professional. After some experiments, I decided to use the color palette 2 from my idea. 

Fig 1.10, color palette chosen for final

Fig 1.11, trial 1

Fig 1.12, trial 2

Fig 1.13, trial 3

Fig 1.14, trial 4

After doing for few trials, I have overcome all the mistakes made and created my final result.

Final Outcome

Fig 1.15, Final Prototype Design (JPEG)

Fig 1.16, Final Prototype Design(PDF)

Feedbacks


Week 6:
General Feedback: I should try more color choices in my idea.
Specific Feedback: the design idea is good, but having too many empty spaces and lots of unnecessary accessories. Color choosing is interesting but doesn't look that professional.

Reflections

I really enjoyed this task, it let me understand how to make a website look good and have a good reading experience for the viewer. It also taught me how important details to make a good website like color choice, typography, fonts, and arrangement of the layout. 

Comments

Post a Comment

Popular posts from this blog

Typography/ Task 1:Exercise

-
Image
25 September 2023/ Week 1- Week 6 Hanson Pea Wei Hao 0359463 Typography / Bachelor of Design (Hons) in Creative Media / Taylor's University Task 1: Exercise List/ Jump link 1. Lectures 2. Instructions 3. Feedback 4. Reflections 5. Reading LECTURES Week 1:  Summary of class: Mr Vinod has briefed us on the module information booklet and ideas about how we going to start the module. He also talks about the rules and some advice for typography. Then, the class started, and we followed a video he made by himself about how to create a blog in Blogger. In the video, we learn about how to use compose and HTML, label the blog, and more. Lecture 1: Typo_0_Introduction -The importance of typography in our daily life. Calligraphy: The types of writing style. Lettering: Drawing the circumference of the letter Typography: The art and technique of writing and arranging language to become legible, readable, and appealing when displayed. Font: a set of printable or displayable typography or
Read more

Digital photography & Imaging / Task 1

-
Image
5 October 2023-  26 October 2023 / (Week 2 - Week 5 ) Hanson Pea Wei Hao / 0359463 Digital Photography and Imaging / Bachelor of Design (Hons) in Creative Media  Task 1: Exercise 1 Lists 1. Instruction 2. Tutorials 3. Feedback 4. Reflection INSTRUCTIONS Task 1| Exercise 1:Digital Collage Our first task was to create a digital collage by only using a set of images provided to us.   Fig 1.1, Composition 1 Fig 1.2, Composition 2 Fig 1.3, Composition 3 After getting feedback from Mr. Martin, he suggested that my composition 3 would be my final art for digital collage. Task 1| Exercise 2: Digital Imaging 1. Hearst mansion For this exercise, We have been learning to combine a character named Shazam into the Hearst mansion. Fig 2.1, Hearst mansion Fig 2.2, poster of Shazam Fig 2.3, Combine of Shazam and Hearst Mansion After that, We need to recreate with the same process but this time, we need to change the Shazam to myself. Fig 2.4, Hearst mansion with full body Self-portrait Task 3: B&a
Read more

Typography: Task 3: Type Design and Communication

-
Image
13 November 2023-  17 December 2023 / (Week 8 - Week 12 ) Hanson Pea Wei Hao / 0359463 Typography/ Bachelor of Design (Hons) in Creative Media Task 3: Typographic Exploration and Communication Lists 1.  Lectures 2. Instruction 3. Feedback 4. Reflection 5. Reading LECTURES All Online Lecture Note Week 8: Summary of class:  Independent's Leaning Week Week 9: Summary of class:  In this class, Mr. Vinod showed us some past year students' excellent e-portfolios and told us how can we improve our e-portfolios. After that, He had a feedback section for each student individually for our sketch and taught us how to digitize it. Week 10: Summary of class:  This week, Mr. Vinod told us to send the typeface to give us feedback. after that, He talked about the importance of creating a correct and good E-portfolio. After that, he showed current students the best example to us, he told us to fix our e-portfolio if we had problems with the last two that we handed in.  Week 11: Summary of clas
Read more