Interactive Design: Project 1- Prototype Design

Ng Zheng Kai / 0359424
Interactive Design / Bachelor of Design in Creative Media (Hons)
Project 1 - Prototype Design

INSTRUCTIONS

Project 1 - Prototype Design

Duration: 2 weeks

Objective: In this first part of the assignment, you will focus on creating a UI design prototype for your digital resume or curriculum vitae (CV) using prototyping software such as Adobe XD or Figma. The UI design prototype will showcase the layout, visual elements, and user interface interactions of your digital resume.

Requirements:

1. Content and Structure:
-Prepare the content for your resume, including personal details, education, work experience, skills, projects, and other relevant sections.

-Decide on the order and hierarchy of sections based on their importance and relevance.

2. Layout and Visual Design:
-Design the layout of your digital resume using the chosen prototyping software. Define the placement of different sections and how they will flow together.

-Apply a consistent visual design using typography, color palette, and appropriate spacing.

3. Sections and Organization:
-Organize your resume into logical sections, such as "Profile," "Education," "Experience," "Skills," "Projects," and "Contact."

-Prioritize sections based on their relevance and significance to the position you're targeting

4. Visual Elements:
-Incorporate relevant images, icons, or placeholders that align with the content and enhance the visual appeal of your digital resume.

5. Prototype Presentation:
Update your e-portfolio explaining and showcasing the processes of the task

Evaluation Criteria:

Your UI design prototype assignment will be evaluated based on the following criteria:
-Clarity and effectiveness of the UI design, layout, and visual elements.
-Appropriateness of the chosen typography, color palette, and imagery.


First off, I created a 1330px width frame in Figma.



Then, I added a dark red rectangle on the top part of the frame.




After that, I added an ellipse on the top middle to make it the placeholder for my profile picture,



I then started adding text.







I decided to rearrange a text box and added a decorative circle on the bottom left, to make it a little more interesting.




Then, I added a picture of me.




I decided to remove the lines and added transparent rectangles and place it on each section.





Final Design






Comments

Post a Comment

Popular posts from this blog

Intercultural Design

Image
Week 1 - 7 Ng Zheng Kai 0359424 Intercultural Design / Bachelor of Design in Creative Media (hons)`  Project 1, 2 & 3: Hanhaba Obi  INSTRUCTIONS A proposal to concretise ideas, supported by research, for a final design revolving a given theme that reflects students’ understanding and interpretation of global issues and design aesthetics. The general theme is “Cultural Sensitivity in Design” You are to study a cultural phenomenon, or a particular subculture that is perceived as ‘sensitive’, and “frame” your study within the chosen theme. You are to convey this cultural aspect without altering the actual facts but within a presentable interpretation and adaptation that raises awareness from the viewers. Produce some preliminary ideas on how to visually express you interpretation using design language. Each idea is to be supported by a short ratio
Read more

Experiential Design: Exercises

Image
23/09/2024 - 20/10/2024 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Experiential Design Exercises INSTRUCTIONS Week 1 -Introduction to the module and expectations of the class Week 2  -Journey map group activity In this group activity, we were to come up with a user journey map on an existing place. We cam up with Genting Skyworlds Theme Park and used Miro to create the journey map Fig 1.1 Group Activity User Journey Map Fig 1.2 Miro User Journey Map Task 1: AR Animals Task: Launch google.com on your phone browser search for dinosaur or dog, cat, tiger View in 3D View in AR (Life Size) Fig 1.3 View in 3D Fig 1.4 View in AR
Read more

Experiential Design: Project 1

Image
4/11/2024 - 12/11/2024 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Experiential Design Project 1 INSTRUCTIONS Ideation process: Project 1: Anatomy Educational AR App Problem : Limited access to detailed and interactive anatomical models of the human body for educational purposes. Solution : An AR-powered platform allowing users to explore and interact with detailed 3D anatomical models of the human body. Fig 1.1 Anatomy AR App Feedback from Mr Razif: Animation on 3D models showcasing how different biological systems works could be interesting but animating 3D models might be hard to achieve. Project 2: Furniture Placement AR Problem: Difficulty
Read more