Interactive Design / Final Compilation and Reflection

21.04.2024 - 03.08.2024 (Week 1 - Week 15)
Gunn Joey / 0366122
Interactive Design / Bachelor of Design (Honours) in Creative Media
Final Compilation and Reflection
TABLE OF CONTENTS

1. Module Information Booklet (MIB)
2. Exercises

MODULE INFORMATION BOOKLET



ALL SUBMISSIONS

Project 1: Prototype Design - Digital Resume/CV


Project 2: Working Web Page


HTML code:

CSS code:


Final Project: Creating a Single-Page Website

Figma Prototype:



HTML code:
 

CSS code:
Reflection

Engaging in the interactive design exercises, including web analysis, web replication, and creating a recipe card, was a valuable learning experience that significantly enhanced my web design and development skills. Through web analysis, I developed critical evaluation skills focusing on layout, usability, and visual design, gaining insights into what makes a website user-friendly and aesthetically pleasing. Web replication taught me how to recreate existing web pages, deepening my understanding of cohesive web design and emphasizing the importance of attention to detail and precision in web development. Creating a recipe card allowed me to combine my skills in layout, design, and coding into a functional and visually appealing project, highlighting the importance of clear and simple design.

Creating my digital resume using Figma was another valuable learning experience. Experimenting with typography, icons, and layout options allowed me to create a professional and personalized resume, enhancing my digital skills in Figma and my understanding of visual communication and strategic presentation. Through Project 2, I learned to structure content with semantic HTML elements for organization and accessibility, and I gained proficiency in CSS, including the box model, flexbox, grid, and responsive design principles. This project emphasized maintaining clean, organized code and ensuring cross-browser compatibility. Overall, these hands-on experiences provided me with a comprehensive understanding of web design principles, user experience, and the importance of creating user-friendly and visually engaging web pages. 

Comments

Post a Comment

Popular posts from this blog

Advanced Typography / Task 1: Exercises

Image
22.04.2024 - 26.05.2024 (Week 1 - Week 4) Gunn Joey / 0366122 Advance Typography / Bachelor of Design (Honours) in Creative Media Task 1 / Exercises: Typographic Systems & Type & Play TABLE OF CONTENTS 1. Lectures           Week 1 - Lecture 1           Week 2 - Lecture 2           Week 3 - Lecture 3          Week 4 - Lecture 4 2. Module Information Booklet 3. Task 1: Exercises         Exercise 1 : Typographic Systems          Exercise 2: Type and Play 4. Feedback 5. Reflection 6. Further Reading LECTURES   Week 1 - Lecture 1   Week 2 - Lecture 2   Week 3 - Lecture 3   Week 4 - Lecture 4 Week 1 - Lecture 1 Typographic Systems There are eight major variations with an infinite number of permutations such as A
Read more

Interactive Design / Exercises

Image
23.04.2024 - 20.07.2024 (Week 1 - Week 4) Gunn Joey / 0366122 Interactive Design / Bachelor of Design (Hons) in Creative Media Exercises TABLE OF CONTENTS 1. Module Information Booklet  2. Lectures 3. Exercise 1 - Web Analysis 4. Exercise 2 - Web Replication 5. Exercise 3 - Creating a Recipe Card 6. Reflection MODULE INFORMATION BOOKLET [back to top] LECTURES Week 1 Usability: Designing Products for User Satisfaction Lecture Summary What is Usability? Usability is about how effectively and efficiently a user can use a product or design in a specific context. It's a crucial part of User Experience (UX) Design, focusing on meeting users' needs and making their experience easy. Key Principle of Usability: 1. Consiste
Read more

Illustration and Visual Narrative / Task 1: Vormator Challenge

Image
27.09.2023 - 3.11.2023 (Week1-Week6) Gunn Joey / 0366122  Illustration and Visual Narrative / Bachelor of Design (Honours) in Creative Media Taylor's University / Task 1 LECTURES WEEK 1 : Character Design Basics  Iconic : Stylized designed characters are often iconic that you can immediately recognize them even in black silhouettes.  Simplicity : Simplicity of the design allows viewers to digest and understand the purpose of the character easily.  Unique : Not only memorable, but make impact on the viewer. Principle of Character Design Shapes 1. Silhouette  It is used to identify a character from one another. 2. Think iconic   Explore the possibilities of combining different shapes for your design. 3. Add weight to personality Use character's persona as the basis of the shapes for your design. Colour 1.  Establish basic roles of the characters  Colours plays an important role in determining and separate the basic characteristics of heroes, villains and even background character
Read more