Interactive Design - Project 1: Prototype Design

22/5/2024 - 29/5/2024 (Week 5 - Week 6)
You Siyuan / 0366978
Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University 
Project 1: Prototype Design




TABLE OF CONTENTS

1.  Instructions 
2. Lectures
3. Project 1: Prototype Design






Instructions 



Prototype Design – Digital Resume/CV

Requirements:

1. Content and structure:
Prepare your resume,
Including personal information, education, work experience, skills,
Project, and other related parts.
The order and rank of the decision
Chapter according to its importance and relevance.
2. Layout and visual design:
Design the layout of your digital resume using selected prototyping software. Define where the different parts are and how they flow together.
Use typography, color palettes, and appropriate spacing to apply consistent visual design.
3. Departments and organizations:
Organize your resume into logical sections, such as "Bio," "education," "experience," "skills," "projects," and "contacts."
Prioritize them based on their relevance and importance to the position for which you are applying
4. Visual elements:
Combine relevant images, ICONS or placeholders with content to enhance the visual appeal of your digital resume.
5. Prototype demonstration:
The process of updating your e-portfolio, explaining and presenting assignments
Evaluation criteria:

Your UI design prototyping job will be evaluated against the following criteria:
Clarity and effectiveness of UI design, layout, and visual elements.
The appropriateness of the selected layout, color palette, and image.










LECTURES

WEEK 5 
Lecture Note: HTML & CSS













 Project 1: Prototype Design

Classroom exercises







Part 1 Prototyping - Digital Resume/CV
Duration :2 weeks

Objective: In the first part of the assignment, the focus is on creating a UI design prototype for a digital resume or CV using prototyping software such as Adobe XD or Figma. The UI design prototype will demonstrate the layout, visual elements, and user interface interactions of the digital resume.

Requirements:

1. Content and structure:
Prepare the content of your resume, including personal information, education, work experience, skills, projects and other relevant sections.
Determine the order and hierarchy of paragraphs according to their importance and relevance.
2. Layout and visual design:
Design the layout of your digital resume using selected prototyping software. Define where the different parts are and how they flow together.
Use typography, color palettes, and appropriate spacing to apply consistent visual design.
3. Departments and organizations:
Divide your resume into logical sections, such as "Profile," "education," "experience," "skills," "projects," and "contacts."
Prioritize sections based on their relevance and importance to target positioning
4. Visual elements:
Combine relevant images, ICONS or placeholders with content to enhance the visual appeal of your digital resume.
5. Prototype demonstration:
The process of updating an electronic portfolio, explaining and presenting tasks
Evaluation criteria:

UI design prototyping jobs will be evaluated against the following criteria:
Clarity and effectiveness of UI design, layout, and visual elements.
The appropriateness of the selected layout, color palette, and image.
Example:
My resume: Behavior
Portfolio | resume | Graphic design | Digital marketing :Behance
Resume: Behavior
My resume 2023: Behavior

Procedure:

First, I created a short sketch of the prototype using Adobe Illustrator.






After that, I made some adjustments to the draft in Figma.


Submission：
















Comments

Post a Comment

Popular posts from this blog

Sonic Design/Project 3: Audio Storytelling

Image
  09/11/2024 - 30/11/2024 (Week 08 – Week 11) You Siyuan / 0366978 Sonic Design / Bachelor of Design (Honours) in Creative Media / Taylors University Project 3: Audio Storytelling INSTRUCTION EXERCISE We did a little exercise in class. We need to choose a short story to voice. I chose Valley View Automotive. 1.Valley View Automotive Item Description Gender Male or Female Length :30 Target Demographic Men between twenty and forty years of age Character / Narrator Announcer Vocal Direction Hard sell, anticipation, authoritative, thrilling Are you ready for this? Valley View Automotive's got all of the hottest SUVs you've been looking for! This week only, enjoy a test drive and the opportunity to drive one of these powerful vehicles off the lot for half the price! Yes, half the price! Nows the time to get yourself to Valley View, by car, on foot, or even by air to take advantage of this outrageous sale - you'd better get here quickly, ‘cause this promotion is only going on for...
Read more

Information Design/Final Project

Image
  03/02/2025 - 17/03/2024 (Week 01 – Week 07) You Siyuan / 0366978 Information Design / Bachelor of Design (Honours) in Creative Media / Taylors University Final Project CONCENT INTRODUCTION FINAL PROJECT FEEDBACK REFLECTION INTRODUCTION FINAL PROJECT Introduction Based on FLIP group topic research, produce a basic video animation. Using a processed design framework, you will now produce an infographic report to present the given information to a ‘target audience’ with the purpose of: Creating awareness Explaining a process Defining a concept Any time based media and software using photography, vector imagery. Organization Principles – LATCH and Content Organization Aesthetic Principles – Animation principles Cognitive Principles – Principles of visualization The presentation must be deliberated on, consider each assessment rubric of sorts to your final outcome: Show causality Multivariate graphics and visuals Integrate word number and images Content count Within eye...
Read more

Information Design Progect 1&2

Image
You Siyaun / 0366978 Information Design / Bachelor of Design (Hons) in Creative Media  Progect 1&2 CONCENT INTRODUCTION LECTURE PROJECT 1&2 FEEDBACK REFLECTION INTRODUCTION LECTURE WEEK 3 Key Concepts: Chunking  – People can better remember information when it is grouped into meaningful  chunks  rather than presented as individual elements. Cognitive Load  – If too much information is presented at once, it exceeds the brain’s processing capacity, leading to confusion or forgetfulness. Applications in Design & Communication: User Interface (UI) Design: Menu options or navigation links should be grouped into 5-9 items per section for better usability. Education & Learning: Breaking down complex concepts into small, manageable chunks enhances comprehension and retention. Marketing & Advertising: Product messages should be short, concise, and structured within the memory limit to maximize impact. Limitations & Modern Updates: Some later resea...
Read more