INTERACTIVE DESIGN PROJECT 1: Prototype Design
SIMON KO JING LIANG
0364359
Bachelor of Design Honours) in
Creative Media
INTERACTIVE DESIGN PROJECT 1: Prototype Design
INSTRUCTION
PROJECT 1: Prototype Design
Before I started sketching, I did some searching and research.
Sketches of the prototypes
Sketches-JPEG
There are only four sketches here because the last one came from a sudden
inspiration, so I went directly to prototype.
Sketch-PDF
Process in Figma
Option 1
For this layout design is quite simple and clear. Left top is the image and
beside is my name. The content including ABOUT ME , EXPERIENCE and EDUCATION,
I put them on the left and the CONTACT, SKILLS and LANGUAGES put on the
right.
The font of my name is Dhurjati, font size is 36. For the sub-heading (About
me, education, experience, skills, contact and languages) and the right
content of the unordered list, the font is the same as my name. The font of
unordered list in the rectangle is DM SERIF TEXT regular and italic. I make
two ovals in the rectangle is to make it not too monotonous.
In order to more easily understand my technical and language level, I use
five circles to display it. The more black circles, the higher the level.
Here is the
link to my option 1
Option 2
I divided the content into four parts. The personal information section is on
the right. The personal skill and languages are on the left and the experience
section and education section are in the middle. My name is on top of the page
so the readers can see the name first.
The inspiration of the design is the shape of tie. The font that I used in
this option is Inknut Atique. The font style of my name is Inknut Atique Extra
Bold and the sub-heading is Inknut Atique Medium. The content is Inknut Atique
Regular. The color that I used is #120C0F. Because of the color is dark so the
text color is white.
Here is the
LINK to option 2.
Option 3
This option can see that I divided to three part. For my image and my
contact is in the black part. The experience and education is in the pink
part. The content in the white part is 'about me', 'skill' and 'project'.
The image is in the black part and the left top is my name. Below is a pink
line to divide the name and the content (about me). For the level in the
skill section I used progress bar design. For ease of reading, the text
color in black part is white; the text color in pink part is black and
white; the text color in the white part is white.
Here is the LINK to option 3.
Option 4
The content I divided to two part (upper and lower). The upper part is my
personal information and profile. The lower part is my education, experience,
projects and skills so can see a line beside the EDUCATION.
The font I used is Inknut Atique family. For my contact section, I put it in a
circle and use icons to distinguish. The color I used is #8600F44 and
#EEE0C9. Due to limited space, the skill section I make a
rectangle to make it won't mix with the project section. 'About Me' is below
my name.
HERE IS THE
LINK
TO OPTION 4.
Option 5
For this design, I use the image as background. Since I was using a photo as the background, there was no space for
content, so I drew a shape similar to a cloak. The left top is my name and
the font I used is Julius Sans One. Most of the content such as experience
and education are in the cloak. I put a education icon behind the content of
education section and put a project icon beside the word
'project'. The E and X in word 'Experience', their pronoun is the same
so I keep X and delete the E word then make the X become white. Due to the
limited space in the cloak, I make a circle as the contact
section.
Option 6
For this layout I use the basic one- left and right section.
FINAL
Final prototype design-JPEG
Final prototype design-PDF
Reflection
Throughout the journey of designing my CV prototype, I found myself grappling
with several important decisions that would ultimately shape the effectiveness
of this essential document. First and foremost, I had to consider the layout
and format carefully. I also have to paid close attention to
readability, meticulously selecting fonts and spacing to ensure that the CV
remains easy on the eyes and conveys professionalism.
The organization of content within the CV was another critical aspect of the
design process. I strategically divided it into sections, including
Experience, Skills, Projects, and Education. In each section, I had to make
choices about what to include and what to omit, with the aim of providing a
structured yet concise overview of my qualifications. Selecting the most
relevant and impactful information was challenging, but I understood that
it's vital to strike the right balance to capture the reader's attention
effectively.
Visual elements played a pivotal role in the design. While I sought to
maintain a minimalist and professional aesthetic, I realized that
incorporating subtle visual elements like icons or graphics could enhance
the overall appeal without sacrificing readability. This aspect opened up
new possibilities for improving the visual engagement of the CV.
Upon reflection, I learned some important lessons. First, the relevance of
content must be continuously evaluated and updated. Consistency in formatting
and language is key to providing a smooth reading experience. I also
recognized the potential to further enhance visual appeal while maintaining
focus. In summary, designing a resume prototype highlights the importance of
visual carrying and content organization in effectively communicating my
qualifications to an employer or educational institution.