Project 1-Prototype Design
Interactive Design/Bachelor of Design(Honours) in Creative Media
Taylor'sUniversity
Yexinyan/0355096
Instructions
Digital Resume/CV
Duration: 2 weeks
Project 1 must focus on creating a UI design prototype for a digital résumé or resume (CV) using prototyping tools like Adobe XD or Figma. UI design prototypes will demonstrate how user interface interactions, visual elements, and digital layout are accomplished.
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 showcase the processes of the task.
Note: The assignment page should include a clear and concise headline that describes the purpose of the website. Document page size width is 1366 pixel.
When I started this project, I was a little confused. I quickly decided to start by looking for fonts. I used Google Fonts to find some fonts that would look good on my CV.
Fig 1.1 Font finding process
Soon, I found a few fonts that I had in mind to continue with my project, and I imported them into a font book. The fonts I ultimately chose were "Charter" and "Young Serif", to keep the brief of the project I only chose two fonts.
Fig 1.2 Import fonts to computer process
After solving the font problem, I started looking for icons for each of my small introductions. In order to unify all the small icons to the color I want, I had to use Illustrator to paint the small icons.
Fig 1.3 Import Illustrator production process
Fig 1.4 Adobe XD production process
Fig 1.5 Digital Resume/CV Final outcome
Fig 1.6 Digital Resume/CV Final outcome(jpg)
<iframe src="https://drive.google.com/file/d/18vIJ9np2ONK9TDX8veirvvLNX5mHUi7d/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 1.7 Digital Resume/CV Final outcome(pdf)
Comments
Post a Comment