INTEREACTIVE DESIGN: PROJECT 1 PROTOTYPE DESIGN

Week 4 - Week 6
Nitish A/L Naveen Kumar 0346592
Interactive Design, Bachelors of Design in Creative Media
Project 1: Prototype Design

---

LECTURES

---

INSTRUCTIONS

 

---

Project 1: Prototype Design Resume/CV

References

Fig 1.0 References 14/5/24

   After finding references I started to create the CV through Figma as instructed by Mr Shamsul.

Fig 1.1 Background 21/5/24

   First I started out with a blank A4 size and added guides such as rulers and columns and margins.

Fig 1.2 Name, title and profile photo 21/5/24

   I then started adding titles and my name as well as an additional rectangle box to give my cv a cleaner design. The Headings used the Bebas Nueue font and the rest was using EB Garamond font. I also added a box above my name to show and indicate thats where my profile photo will be.

Fig 1.3 Texts, paragraphs and icons 23/5/24

   After that I started adding my contents such as texts and paragraphs as well as icons to see how my layout will look like.

Fig 1.4 Adding more contents and design 23/5/24

   Once I have finish adding my texts and content I added more designs as well as contents such as small boxes to show point form in the "interest" section, adding progress bar to the "skills" section and lines to each headings and a small retouch to the profile photo area.

Fig 1.5 Adding boxes to space out texts 28/5/24

   Finally I added my photo and also added two boxes to make sure my headings as well as contents have enough spacing to make the CV look cleaner as well as readable.

Fig 1.6 Finalizing 28/5/24

   Reviewing my design for the final time before exporting it.

Fig 1.7 Web View 28/5/24

   This is the Web View of how my CV looks like.

FINAL OUTCOME

Fig 1.8 Final Outcome CV JPEG 28/5/24

Heading
Font          : Bebas Nueue
Text Size  : 24
Alignment: Left
Style         : Regular

Text Font
Font          : EB Garamond
Text Size  : 15,16
Alignment: Left, Centered
Style         : Regular, Italic

Title Font
Font          : Bebas Nueue
Text Size  : 48
Alignment: Centered
Style         : Regular

Colour Pallete
Colour 1    : #10333A
Colour 2    : #FFE3AD

 
Fig 1.9 Final Outcome CV PDF 28/5/24

Heading
Font          : Bebas Nueue
Text Size  : 24
Alignment: Left
Style         : Regular

Text Font: EB Garamond
Font          : EB Garamond
Text Size  : 15,16
Alignment: Left, Centered
Style         : Regular, Italic

Title Font: Bebas Nueue
Font          : Bebas Nueue
Text Size  : 48
Alignment: Centered
Style         : Regular

Colour Pallete
Colour 1    : #10333A
Colour 2    : #FFE3AD