Advanced Interactive Design - Task 1

-

 

23.04.2024 - 04.06.2024 (Week 1 - Week 5)

Amirah Akbar Ali / 0361001

Advanced Interactive Design

Bachelor of Design in Creative Media 





LECTURE

What's a thematic Website?

A website theme manages the front-end design, establishing the overall appearance and functionality by managing its front-end design.Themes determine all design components: page layouts, backgrounds, colour palettes, headers and footers, positioning, sizing, and typography.

6 Principles of Using Animation in UX Design

  • Timing: Keep it quick, but not too quick
  • Easing: Organic motion
  • Spatial Orientation: Continuity
  • Directing Focus: Hierarchy
  • Visual Continuity: Screen transitions
  • Clarity: Simple and clear movements

Exercise 1 - 2

During class we practiced and familiarised using the Adobe Animate before starting to design and create a thematic website.


Fig 1.2: Class exercise 1, creating shapes &b objects


After figuring out the tools and techniques on creating shapes using the software, we proceed to learn how to create some animation.


Fig 1.3: Class exercise 2, animating movement



Fig 1.4: Class exercise 3, animating movement


Fig 1.1: MIB,PDF




Thematic Interactive Website Proposal

Requirements:

We are assigned to create a thematic interactive website proposal with the topic of our choice.

- concept
- wireframes
- mood board
- flow chart etc.
Concept: 

The concept that. have chosen is to create a thematic website topic about Brand launching on a brand called BLOB and POT, a pottery studio.


Fig 1.5: Simplified breakthrough idea, PDF



Mood Board:
Fig 1.6: Mind map 1


Fig 1.7: Mind map 2




Fig 1.8: Mind map 3



Colour Palette: 

The colours that i have chosen is based on earthy and nature tone. Here are some of the colours that i have picked:

       
          Fig 1.9: Color palette 1  


       Fig 2.0: Color palette 2       

                                       
Website reference:





Wireframes:



Fig: Wireframe layout, PDF


REFLECTION:

FEEDBACK:


Week 5: 
-The idea is good to go since it coincides with the subject of brand corporate identity.
-Proceed with the idea.

Week 4: -

Week 3: 
-Propose your idea on a mood board and create a video presentation on your idea.

week 2: 
-start thinking of an idea for a thematic interactive website.


Comments

Post a Comment

Popular posts from this blog

MAJOR PROJECT 1

-
Image
  4/01/2025 - 26/03/2025 Week 01 - Week 3 Amirah Akbar Ali (0361001) Bachelor of Design (Hons) in Creative Media Major Project 1 INSTRUCTIONS MIB  LECTURE For our first lecture, Miss Vitiya and Miss Anis briefed us about the jeez of what is Major Project all about.We were then asked to form groups consisting of 4 members. I decided to team up with Adrianna (Graphic Design), Amelia ( Graphic Design )and Carol ( Graphic Design),  we all agreed to carry out the Project with Brand Product Launching for Mamee. During the second week, we discussed and brainstormed a few ideas on what to come up with for the project. IMPORTANT LINKS: Brainstorming Board Pin Board What is a Mystery Box? A mystery box, also called a blind box or lucky bag, is a package filled with a surprise assortment of items, only revealed when opened. Buyers pay a set price w...
Read more

Digital & Social Media Communication - Task Compilation & Progression

-
Image
  24.09.2024 - 02.01.2025 (Week 1 - Week 14) Amirah Akbar Ali / 0361001 Digital & Social Media Communication  Task Compilation & Progression INSTRUCTION MIB LECTURES Week 1 FACT-FINDING (Drives your content) Social media content for awareness: to share with the people out there about the products and services. [already have certain market/followers] Visibility: beginning stage  Conversion: convert something into sales Questions to ask: How long has the business been around? How do you do your marketing (promote: offline/online store, etc)? What’s your revenue (sales) like? How big is the team? What is your conversion rate? (Follow-up question) How much do you spend? (Supplementary question) Do you keep track of your client database? *A high conversion rate is anything ranging from 30%> *Rule of thumb for ads= 1:2 Introduction to Social Media Content Creation and Planning Building Captions and Messaging Visual and Video Editing Strategic Use of Different Social ...
Read more

Task 1: Typography Exercise

-
Image
  4/04/2023 - 2/05/2023  Week 01 - Week 05 Amirah Akbar Ali (0361001) Bachelor of Design (Hons) in Creative Media Typography - Task 1: Exercise 1& 2 TABLE OF CONTENTS 1. Type Expression 2. Text Formatting Feedback   Reflection Further Reading Introduction Typography:   The art and technique of arranging type to make written language legible, readable, and appealing when displayed. Font:   The individual font or weight within the typeface. Typeface:   The entire family of fonts/weights that share similar characteris tics/styles.
Read more