Interactive Design - Lecture & Exercises

02/09/2022 - 04/10/2022 / Week 1 - Week 10
Tan Pei Yun/ 0345386
Interactive Design/Bachelor of Design in Creative Media
Lecture & Exercises

---

Lecture
Week 02 - 09/09/2022 - Surveying the possibilities 

 
Fig x Lectures Notes 01 - Surveying the possibilities , Week 02 (09/09/2022)

Notes : 

• Introduce the basic understanding of the principles behind effective website design and implementation.
• Web design requires careful planning and consideration of what it is exactly that defines a good website.
• Become a web critic, browse the web and choose 3 website that's good and 3 that's bad 

Week 03 - 16/09/2022 - Colours for web

Fig x Lectures Notes 03 - Colours of the web , Week 03 (16/09/2022)

Week 04 - 23/09/2022 - Web standards 

  

Fig x Lectures Notes 04 - Web standards , week 04 (23/09/2022)

Week 06 - 07/10/2022 - Extra MarkUp  

Fig x Lectures Notes 06 - Extra MarkUp, Week 06 (07/10/2022)

Week 07 - 14/10/2022 - Introduction to CSS 

 

Fig x Lectures Notes 07 - Introduction to CSS , week 07 (14/10/2022) 

---

Exercises

Week 02 - 09/09/2022 - 3 good websites & 3 bad websites

 

Become a web critic, browse the web and choose 3 website that's good and 3 that's bad.

Visit this websites:https://www.mwa.my/2021/ or https://www.awwwards.com/ 

Week 05 - 30/09/2022 - Exercise 01 : HTML Exercise

In Week 5, we are required to create a web document based on the content given. Follow by exactly the format as in the document (Heading, Sub-Heading, Paragraph, list, including links). 

Fig x Progress when doing html exercises in text edits, 
week 05 - 30/09/2022

Fig x HTML code for exercise 01, week 5 (30/09/2022)

• From the start, we have to create the document using Text Edit or Note Pad as shown in class. 
• Next, add a related image on top of the document. 
• Name the file as index.html and save the file in a folder Exercise One. 

Link to html exercise : https://lighthearted-semifreddo-fadf0a.netlify.app/

Revised : https://interactivedesign-exercise01.netlify.app/

Week 07 - 14/10/2022 - Exercise 02 : HTML Page

In week 7, we are required to create a single HTML page that contains the document and images from the link provided. In each main section, we need to include an id attribute that will be later used as an anchor to be linked from the navigation. Besides we also required to change the font accordingly and format the text and link as shown in class. Use the appropriate CSS style to style the page.

Link to html exercise :https://interactivedesign-exercise02.netlify.app/

Google font used : https://fonts.google.com/specimen/Karma

https://fonts.google.com/specimen/Abril+Fatface?query=abril

Week 08 - 21/10/2022 - Exercise 03 : Independent Learning Week Task 
In week 8, we are required to choose one of the websites from the list and replicate the entire main page/landing page design and submit the jpeg file once the task completed. All the website listed is the current trend in web designI choose the third one which is about designer, Jade Sheng website. All of the images were used from the designer.  

Fig x Progress in Adobe Illustrator- Landing page exercise
Week 08 - 21/10/2022

Link to html exercise :https://interactivedesign-exercise2.netlify.app/

Original designer - Jade Sheng website: https://www.jadesheng.studio/

Week 10 - 04/10/2022 - Exercise 04 : Layout Design

Link to html exercise :https://interactivedesign-exercise2.netlify.app/

---

Feedback

Exercise 02 - the background seems matches with the theme,  the body text can be match with the logo - sans serif 

Exercise 03 - in the work section , the images are slightly not in accurate order ,others are fine.