Posts

Interactive Design: Project 2 - Working Web Page

Image
Ng Zheng Kai Interactive Design / Bachelor of Design in Creative Media (Hons) Project 2 - Working Web Page INSTRUCTIONS Project 2 - Working Web Page The objective of this assignment is to transform your static prototype from Project 1 into a fully functional and interactive web page. You will apply your knowledge of web layout class to create a working website that closely aligns with your original prototype. Review your static prototype from Project 1 and analyze its layout, typography, color scheme, and imagery. Use HTML and CSS to translate the design elements into code, ensuring a faithful representation of the original prototype. Aim for pixel-perfect precision while maintaining responsive design principles to ensure compatibility across different devices and screen sizes. Upload the file in Netlify and submit the link here. Update your e-portfolio with all the processes do...

Interactive Design: Project 1- Prototype Design

Image
Ng Zheng Kai / 0359424 Interactive Design / Bachelor of Design in Creative Media (Hons) Project 1 - Prototype Design INSTRUCTIONS Project 1 - Prototype Design Duration : 2 weeks Objective : In this first part of the assignment, you will focus on creating a UI design prototype for your digital resume or curriculum vitae (CV) using prototyping software such as Adobe XD or Figma. The UI design prototype will showcase the layout, visual elements, and user interface interactions of your digital resume. 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 pla...

Advanced Typography- Task 2: Key Artwork & Collaterals

Image
21/9/2023 - 7/11/2023, Week 5 - Week 11 Ng Zheng Kai / 0359424 Advanced Typography / Bachelor of Design in Creative Media (Hons) Task 2: Key Artwork and Collateral LECTURES All lectures are completed in  Task 1 INSTRUCTIONS Task 2A: Key Artwork Sketch For my key artwork, I am going for a graffiti bubble style font. Because I want to give off a sense of a chill and friendly vibe for my key artwork. Fig 1.1 Sketch Digitalize Fig 1.2 Image Trace Fig 1.3 Word Digitalization Color Palette Fig 1.4 Color Palette For my color, I decided to choose a bright and vibrant color palette. Final Design Fig 1.5 Final Design (JPG) (B&W) ...

Advanced Typography- Task 1: Exercise 1 & 2

Image
 30/8/2023 - 24/9/2023, Week 1 - Week 5 Ng Zheng Kai / 0359424 Advanced Typography / Bachelor of Design in Creative Media (Hons) Task 1: Exercise 1 & 2 LECTURES WEEK 1 - LECTURE 1 Advanced Typography: Typographic Systems Typographic systems are akin to a set of rules that provide a sense of purpose that focuses and directs the decision making. Axial System:  All elements are organized to he left or right of a single axis Fig 1.1 Axial System Fig 1.2 Axial System Example Radial System: All elements are extended from a point of focus. Fig 1.3 Radial System Fig 1.4 Radial System Example Dilatational System: All elements expanded f...