Posts

Task 1: Thematic Interactive Website Proposal - Advanced IntDes

Image
24/09/2024 - 15/10/2024  (Week 1 -  Week 4)   Alya Rahima Zahra (0363588)   Advanced Interactive Design / Bachelor of Design (Hons) in Creative Media   Task 1: Thematic Interactive Website Proposal -  Advanced Interactive Design ⋆. 𐙚 ˚  Exercises In Class  .☘︎ ݁˖ - Week 3 We are asked to use Adobe Animate and make a simple moving ball animation as the class activity. Fig 1. Week 3 Class Activities - Week 4 Using Adobe Animate, we are taught to create a more advanced animation such as Moving letters and spider. Fig 1.2 Week 4 Class Activities Fig 1.3 Week 4 Letter animation Result ⋆. 𐙚 ˚  Task 1 : Thematic Interactive Website Proposal  .☘︎ ݁˖ ▸Description:           Thematic Interactive Website Proposal for Brand Engagement. A thematic interactive website is a website that focuses on a specific theme or concept with the aim of incorporating interactive elements to interact with users.  ...

Design Research Methodology

Image
24/09/2024 - 15/07/2024  (Week 1 -  Week 14)   Alya Rahima Zahra (0363588)   Design Research Methodology / Bachelor of Design (Hons) in Creative Media   Design Research Methodology   Fig 1.1 MIB pdf

Interactive Design - Project 2

Image
  24/06/2024 - 15/07/2024  (Week 8 -  Week 13)   Alya Rahima Zahra (0363588)   Interactive Design / Bachelor of Design (Hons) in Creative Media   Interactive Design  Interactive Design: Project 2 ▸Working Web Page      The goal of this assignment is to evolve your static prototype from Project 1 into a dynamic and interactive webpage. Utilize your understanding of web layout techniques to construct a live website that mirrors your initial prototype design.      Examine your static prototype's layout, typography, color scheme, and imagery from Project 1. Use HTML and CSS to convert the design elements into code, achieving an accurate reflection of the prototype.              Strive for exact precision while adhering to responsive design standards to ensure the site functions well on various devices and screen sizes. Finally, deploy the website on Netlify, document all s...

Interactive Design - Project 1

Image
24/06/2024 - 15/07/2024  (Week 8 -  Week 13)   Alya Rahima Zahra (0363588)   Interactive Design / Bachelor of Design (Hons) in Creative Media   Interactive Design  Interactive Design: Project 1 ▸LECTURES: What is Class Attribute? - Identifies multiple elements as distinct from others. - Allows for common styling of similar elements. - Can be shared across multiple elements.  - Example of used (On physical class to color specific area on our table) Note: Any HTML can carry a class attribute and We can identify several elements as being different from the other elements on the page. What is ID Attribute? - It is uniquely identifies HTML elements. - It can be use for styling specific elements differently. - Must be unique within a page. Functions: Every HTML element can carry the ID attribute. It is also used to uniquely identify the element from other elements on the page. Important: No two elements have the same value for their ID attrib...

Final Project: Creating Single-Page Website

Image
24/06/2024 - 15/07/2024  (Week 8 -  Week 13)   Alya Rahima Zahra (0363588)   Interactive Design / Bachelor of Design (Hons) in Creative Media   Interactive Design  Final Project: Creating a Single-Page Website ▸Project Overview:      In this web design project, I will create a single-page website dedicated to my favorite topic. This project will help me develop my web design and development skills while allowing me to showcase my passion for the topic of my choice. ▸ Project Requirements: Artist Selection: I chose 'DPR Ian' as my topic for my website. DPR Ian is a singer and musician from South Korea. I'm going to create a fan page website for this singer. Fig 1. Images of DPR Ian as my website topic      I'm genuinely interested in this topic, because he is my favorite singer at the moment. The site's main goal is to give information regarding the singer and also to attract the fans to join the community/f...

Typography Task 3: Type Design & Communication

Image
24/06/2024 - 15/07/2024  (Week 8 -  Week 13)   Alya Rahima Zahra (0363588)   Typography / Bachelor of Design (Hons) in Creative Media   Typography   Task 3 : Type Design & Communication - Research I like thick and playful fonts.  I intend to make a font that is bold, cartoony, robotic and futuristic for the inspiration. After searching for a few minutes, I got a few references and inspirations from Pinterest. Fig 1. Finding references (24/06/2024) In this task, we are supposed to know about font anatomy. During the previous lecture, Mr. Vinod's video has introduced the font anatomy, and the parts of fonts that we need to know.  The font anatomy will be applied for the digitize process of our sketches.  Other than that, in this exercise we have to make a dissection of letters. Fig 1.2 Typeface Anatomy - Font Deconstruction During class, Mr. Max taught us on how to do the font deconstruction, referring from Mr. Vinod's v...

Typography Task 2: Typographic Exploration and Communication

Image
24/06/2024 - 15/07/2024  (Week 9 -  Week 13)   Alya Rahima Zahra (0363588)   Typography / Bachelor of Design (Hons) in Creative Media   Typography   Task 2 : Typographic Exploration and Communication LECTURES WEEK 6 Typography: Different Medium Fig. 1.1 Typographical artworks Nowadays, the using of digital digital media might be everywhere, but it doesn't affect the usage of printer/paper based art.  Print has long history in graphic design and even longer history from now on and typography exist in all form. Fig. 1.2 Typography in website In the past typography was viewed as living only when it reached paper.  Once a publication was edited, typeset and printed, it was done.  Nothing changed after that.  Good typography and readability were the result of skilled typesetters and designer.  Today, typography exist not only on paper, but on a multitude of screens.  It is subject to many unknown and fluctuating ...