Interactive Design / Exercises

29.3.2022 - 14.5.2022 (Week 1 - Week 7)
Moey Jo Min (0350567)
Interactive Design / Bachelor of Design (Hons) in Creative Media
Exercises

Jump Links

LECTURES

WEEK 1

What is a website?

  • Web document in the internet
  • Consists one page or more
  • With intended purpose

Types of Website

1. Informational Website - Wikipedia, IMDb
2. Corporate Website - Petronas, Maxis
3. Portfolio Website
4. Brochure Website
5. Entertainment Website - Netflix, Astro
6. Personal Website
7. Educational Website
8. E-commerce Website - Amazon, Shopee
9. Nonprofit Website

Fig 1.1 Week 1: Introduction to Website

Fig 1.2 Week 3: Extra Markup


Fig 1.3 Week 4: Introduction to CSS


Fig 1.4 Week 4: UI vs UX


Fig 1.5 Week 5: CSS

INSTRUCTIONS


WEEK 1

We are tasked to look for 3 good websites and 3 bad websites from The Webby Awards or Awwwards, and fill up the sheet below.

Fig 2.1 Surveying The Possibilities (3.4.2022)


Exercise 1

For exercise 1, we will need to create a site using html using the content provided. 

Fig 2.2 Exercise 1 provided content



Exercise 2

Fig 2.3 Exercise 2 provided content



Exercise 3

Fig 2.4 Exercise 3 provided content


Fig 2.5 Exercise 3 provided layout



REFLECTION

We were introduced to some basics of html and css during the first few weeks. As coding is completely new to me, I had spent two weeks of my break self-studying by watching YouTube tutorials and making notes. It definitely helped me to understand what was being taught in class more quickly. I am still not quite familiar with the codes, which I will need to try my best to memorize them. Hope that I can do better in the following tasks. 

Comments

Post a Comment

Popular posts from this blog

Animation Fundamentals / Project 1

Image
1.9.2022 - 18.10.2022 (Week 6 - Week 8) Moey Jo Min (0350567) Animation Fundamentals / Bachelor of Design (Hons) in Creative Media Project 1: Walk Cycle Animation Jump Links LECTURES INSTRUCTIONS Project 1: Walk Cycle Animation FEEDBACK REFLECTION LECTURES Fig 1.1 Week 6 Notes (6.10.2022) Fig 1.2 Week 6 Practical (6.10.2022) INSTRUCTIONS Project 1: Walk Cycle Animation Fig 2.1 Project 1 Instructions For project 1, we were to create a walk cycle in both side and front view, using the character from exercise 4.  1. Side View Fig 2.2 Rough sketch in Photoshop (9.10.2022) I started sketching out the side view of stitch in photoshop as I found it easier.  Fig 2.3 Rough sketch in Animate (9.10.2022) Then, I imported the layer into Adobe Animate to sketch out the rest of the frames for the walk cycle.  Fig 2....
Read more

Animation Fundamentals / Exercises

Image
1.9.2022 - .9.2022 (Week 1 - Week 5) Moey Jo Min (0350567) Animation Fundamentals / Bachelor of Design (Hons) in Creative Media Exercises Jump Links LECTURES INSTRUCTIONS Exercise 1: Bouncing Ball Animation Exercise 2: Ball with Tail Animation Exercise 3: Emotion Poses Exercise 4: Turnaround Animation FEEDBACK REFLECTION LECTURES Fig 1.1 Week 2 Notes (8.9.2022) WEEK 3 Fig 1.2 Week 3 Notes (15.9.2022) Practical: Ball with Tail Animation Fig 1.3 Practical - Animating (15.9.2022) First, I created another bouncing ball animation, and applied the squash and stretch principle using the free transformation tool. Mr Kamal had taught us a different way to animate, which is to insert frames between the extremes in our timeline, so we do not have to draw and plan the timing.  ...
Read more

3D Modeling / Project 1

Image
3.10.2022 - 30.10.2022 (Week 6 - Week 9) Moey Jo Min (0350567) 3D Modelling / Bachelor of Design (Hons) in Creative Media Project 1: Hard Surface Modelling Jump Links INSTRUCTIONS Project 1: Hard Surface  Modeling FEEDBACK REFLECTION INSTRUCTIONS Project 1: Hard Surface Modelling Fig 1.1 Project 1 Instructions (3.10.2022) For project 1, we were to model a hard surface object by utilizing the techniques we have learnt in the pass few weeks.  Fig 1.2 Moodboard & References (12.10.2022) I looked for some inspiration and references on Pinterest at the beginning. Fig 1.3 Refined Sketch (17.10.2022) I want to go with a vintage style for this project, because I really admire the elegant designs.  I sketched out a few designs roughly on a piece of paper. The above is the refined sketch that I am going with.  Fig 1.4 Modelling (19.10.2022) I modelled the gun based on my sketch. Some parts were mod...
Read more