INTERACTIVE DESIGN - PROJECT 2

-
 09/10/2023 - 23/10/2023 / Week 7 - Week 9
Thanaphorn Daensaad / 0350930
Interactive Design / Bachelor of Design (Hons) in Creative Media

Lists:
Instruction
Project 2: Working Web Page

Feedback
Reflection


Instructions




PROJECT 2: Working Web Page
The objective of this assignment is to transform our static prototype from Project 1 into a fully functional and interactive web page.

-Review your static prototype from Project 1 and analyze its layout, typography, colour 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.


HTML based on Prototype
 



Final Outcome


Comments

Post a Comment

Popular posts from this blog

SONIC DESIGN - EXERCISES / AUDIO FUNDAMENTALS

-
Image
21/04/2025 - 13/05/2025 (Week 1 - Week 4) Thanaphorn Daensaad / 0350930 Sonic Design / Bachelor of Design (Hons) in Creative Media Audio Fundamentals List Lectures Instructions Exercise 1: Equaliser Exercise 2: Sound shaping Exercise 3: Sound in space Feedback Reflection Lectures Week 1 / 21/4/2025 On the first week of self-directed learning. we were required to have Adobe Audition installed for the upcoming tutorial class we would be having on Tuesday. We are also required to create a blog as this week's attendance submission. We first learnt about the fundamentals of sound, how the sound travels and how we percieve sound. Lecture 1: Sound Fundamentals and Equaliser Sound - a vibration of air molecules that stimulates our eardrums. Nature of sound 3 Stages of sound: Production - source of sound Propogation - medium where sound travel...
Read more

ANIMATION FUNDAMENTALS - LECTURE & EXERCISE

-
Image
23/09/2024 - 23/01/2025 / Week 1- Week 14 Thanaphorn Daensaad / 0350930 Animation Fundamentals / Bachelor of Design (Hons) in Creative Media Weekly Lecture & Exercises List 1. Instructions 2. Weekly Lectures 3. Exercise 1: Bouncing Ball 4. Exercise 2: Ball With Tail 5. Feedback 6. Reflection Instruction Weekly Lectures Week 1 This is the first week of class. Mr. Kamal briefed us on the work that we will be working on throughout the semester. The assessment consists of exercises, project 1,2 and a final project. We were first asked on our knowledge on animation in terms of the principles and the history of it. He talked on the birth of Toys Story being the first 3d animated film and also Bugs' life. He gave us a brief introduction to frames and more. It could lead up to 24 or 12 frames per second. We were shown examples of past students' work in order to get a brief understanding of the expectation's of our outcome. The founder of Pixar, John Lasseter wrote an article on...
Read more

MINOR PROJECT

-
Image
23/09/2024 - 06/01/2025 / Week 1- Week 14 Thanaphorn Daensaad / 0350930 Minor Project / Bachelor of Design (Hons) in Creative Media Final Compilation & Reflection / WarisanXR List Instructions Minor Project Feedback Reflection Instruction Minor Project Proposal Presentation TrueXR Proposal G8 Minor Project by Ian Choo Xin Zhe Final Presentation WarisanXR Final Presentation by REEMA ARIF HAMZA MIRO Board Final Project Tracking Document Feedback Refer to Project Tracking Document for weekly feedback.  Reflection Week 1 D – Describe Objectively What Happened In the first week, Mr Mike introduced us to the class briefly before he told us to get in a group of 7 people of mixed specialisation. He showed us the past projects that the semester before us had done which was quite interesting. Mr Mike was trying to prove to us the point that it doesn't matter what background we have whether it being design, computing or etc as long as our first initiative was to solv...
Read more