Interactive Design - Project 1 :Prototype Design
Berlian Johanna / 0360054
Interactive Design/ Bachelor of Design in
Creative Media (Hons)
Project 1 : Prototype Design
Instructions
Task
For our first project, we need to create a special first page for a website
that we think looks a bit strange. This first page is what people see when
they come to the website for the first time, so it's really important to
make it look good. We are going to fix the problems with how the website
looks and make sure it's easy for people to use.
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.
Task Process :
To begin, I created a frame in Figma with a width of 1330 pixels.
Fig 1.1 Figma with a width of 1330 pixels.
Following that, I placed a blue-colored rectangle on the upper portion of the
frame.
After that, I added a circle in the upper left corner, where I plan to put my
profile picture. I also added some text with my contact information.
Fig 1.2 Frame and Contact Information
Next, I continued structure the resume using different 2 light and dark blue
and purple colour into each sections like Education, Experience, Skills, and
Projects.
Fig 1.3 Frame with More Different Sections
Final Design
Fig 1.4 Final Prototype Design (PDF)
Komentar
Posting Komentar