Interactive Design - Project 2

19/10/2023 (WEEK 8)
TAN YING YI / 0362425 / BACHELOR OF DESIGN (HONS) IN CREATIVE MEDIA
INTERACTIVE DESIGN

INSTRUCTIONS


Sources and Tutorials

Process


I searched for a tutorial and inserted a progress bar.


I changed the display mode on different devices to avoid overlapping words while using small-screen devices like phones.

I changed the width to 100% and the height to auto so that the image wouldn't be bigger than the box while using smaller devices.

I also changed to a softer color so that the layout looks more comfortable.


Final





Comments

Post a Comment

Popular posts from this blog

INFORMATION DESIGN - PROJECT 1: ANIMATED INFOGRAPHIC POSTER

Image
TAN YING YI / 0362425 / BACHELOR OF DESIGN (HONS) IN CREATIVE MEDIA INFORMATION DESIGN PROJECT 1: ANIMATED INFOGRAPHIC POSTER INSTRUCTIONS PROJECT 1: ANIMATED INFOGRAPHIC POSTER DESCRIPTION:  After time exploring media and learning about information design, you will now develop an infographic that presents a series of different processes as visuals rather than text. REQUIREMENT: Your main intention is to analyse the “delivery mechanism’s” that affect the outcomes of your infographics. Though content is important, however the aim of this presentation is too look at what makes an infographic presentation work or does not work. This includes content but only as one of the many components of an infographic: PART 1: Infographic poster (10%)             INSTRUCTION: 1. Choose 1 infographic poster reference from Internet (Please consult before proceed) 2. Redesign the poster into A4 size. Sketch the idea and process 3. Redesign and simplify the poster ba...
Read more

INFORMATION DESIGN - EXERCISES

Image
TAN YING YI / 0362425 / BACHELOR OF DESIGN (HONS) IN CREATIVE MEDIA INFORMATION DESIGN EXERCISES INSTRUCTIONS EXERCISES: QUANTIFIABLE INFORMATION EXERCISE 1 – Quantify raw data and visualize information as a photograph A is a visual representation of numerical data that allows for easy interpretation and analysis.  Instruction: Gather a set of objects and separate it into category such as color, shape, pattern, and other quantifiable factor. Example: 1. Box of Lego 2. Jar of button 3. Jar of marble ball 4. Set of colourful rubber strap In this exercise you're required to quantify our chosen objects and arrange them into  a presentable layout or chart .  The information must be presented as is, and you need to arrange the objects with relevant indicators written out with pens to help you to visualize the quantity and data. The examples of objects that can be use are buttons, coins, lego pieces, M&Ms, and more. Submission: E-Portfolio report consists of 1. Photo of...
Read more

INFORMATION DESIGN - FINAL PROJECT: INFOGRAPHIC VIDEO ANIMATION

Image
TAN YING YI / 0362425 / BACHELOR OF DESIGN (HONS) IN CREATIVE MEDIA INFORMATION DESIGN FINAL PROJECT: INFOGRAPHIC VIDEO ANIMATION INSTRUCTIONS PROJECT 1: ANIMATED INFOGRAPHIC POSTER INSTRUCTION: Based on FLIP group topic research, produce a basic video animation. DESCRIPTION:  Using a processed design framework, you will now produce an infographic report to present the given information to a ‘target audience’ with the purpose of: 1. Creating awareness (such as Global Warming, Recycle, etc.) 2. Explaining a process (such as "how to" video) 3. Defining a concept (such as "What is Fast Fashion", "What is Color Wheel", etc.) Any time based media and software using photography, vector imagery. Design Considerations: ● Organization Principles – LATCH and Content Organization ● Aesthetic Principles – Animation principles ● Cognitive Principles – Principles of visualization Output Expectation: The presentation must be deliberated on, consider each assessment rubri...
Read more