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 ...
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

Design Principles / Task 1: Exploration

Image
05.02.2924 - 21.02.2024 (Week 1 - Week 3) Gunn Joey / 0366122 Design Principles / Bachelor of Design (Honours) in Creative Media Task 1: Exploration TABLE OF CONTENTS 1. Instructions 2. Lectures - Design Principles 3. UNSDG Goal 4. Selected Design 5. Explanation for selecting the work of design/art 6. Feedback 7. References INSTRUCTIONS [back to top] LECTURES Lecture 1 - Gestalt theory and Contrast Gestalt Theory Gestalt principles or law explains how human eye senses visual elements. "Gestalt" means "shape" or "form" in German. Gestalt principles are intended to show how complex scenes can be reduced to more simple shapes and how the eyes perceive the shapes as a single, united form rather than the separate simpler elements involved. Figure 1.1: Gestalt 1. Principle of Similarity Even when similar elements in a design are separated, humans tend to ...
Read more