ADVANCED INTERACTIVE DESIGN / TASK 1: THEMATIC INTERACTIVE WEBSITE PROPOSAL

-

ADVANCED INTERACTIVE DESIGN / TASK 1: THEMATIC INTERACTIVE WEBSITE PROPOSAL



25.4.2024 - 19.5.2023 (Week 1 - Week 4)
Chen Nan / 0363533
Advanced Interactive Design / Bachelor of Design (HONS) in Creative Media




INSTRUCTIONS


Task 1: Thematic Interactive Website Proposal

In this task, we will create a prototype interactive application for you. I want to create a game introduction web page for a game I like and I looked around the web for some research.
Figure 1.1 Moodboard

After I decided on the direction, I started looking for some animation examples.

Animation example:

Landing Page:https://www.pinterest.com/pin/610167449541676039/

https://pin.it/8FUO5wsP9

Home Page：https://pin.it/4zvkrZ9yc         https://pin.it/3ml0FCsPS

Loading Screen:https://pin.it/r9H3S3L8c

Character Introduction Page :https://pin.it/sOqjJ3FWL

Character Skill Page :https://pin.it/6Vvh3uJaI

CG Page:https://pin.it/56D7vzeLk

I made a flow chart based on the picture I wanted to introduce.

Figure 1.2 User Flow Chart

Then I made prototypes in Adobe Illustrator.







Feedback
  • The effect of turning the pages of a book is difficult and something simple needs to be considered.
  • You need to have an ok button on the landing page, you need to think about how many pages there are, what's on each page, put some models in there.
  • Think about how you place the content, how you typeset it.


Reflection

Website design is a big challenge for me, this is my first contact with website design. In the proposal stage, I learned a lot about the construction of a website, which needs to interact with people. In the construction process of a website, animation elements need to be added to it, so as to make the website more flexible. The same visual elements are also important.

评论

发表评论

此博客中的热门博文

Typography (Week 1-Week 5) Task 1 (Exercise)

-
图片
7.4.2023 -5.5.2023(Week 1-Week 5) CHEN NAN/0363533 Bachelor of Design in Creative Media Task 1(Exercise) LECTURES   WEEK 1: Class : This was my first class. The teacher introduced himself and explained the following points about the course:  First, the teacher added us to the Facebook group so that we could see the teaching content he post.  2. Submit personal information. 3. Explain the composition of this course module and how to learn this course. 4. How the job is done and how it is submitted.  5. How to register a blog and how to use it. Video 1 Typo_0_Introduction Typography is a visual phenomenon in which designers visually adjust works to express information in the way of making works. Figure 1.1 Screenshot from the lecture video Typography can be thought of as creating letters, so typography is the creation of fonts or types, which can be shapes, letter
阅读全文

Design Research Methodology - Final Compilation and Reflection

-
图片
Design and Research Methodology /  Design Research Methodology - Final Compilation and Reflection 31.8.2023 - 30/11/23 (Week 1 - Week 14) Chen Nan / 0363533  Bachelors of Design(Honors) in Creative Media Design/ Taylor's University INSTRUCTION   ASSIGNMENT 1: RESEARCH PROPOSAL RESEARCH PROPOSAL ASSIGNMENT 2: CRITICAL REVIEW CRITICAL REVIEW ASSIGNMENT 3: RESEARCH DESIGN - PRIMARY DATA RESEARCH DESIGN - PRIMARY DATA ASSIGNMENT 4: REFLECTION REPORT & PRESENTATION REFLECTION REPORT & PRESENTATION Presentation Slides MP4 MP4 WEEKLY PROGRESS & REFLECTION SHEET WEEKLY PROGRESS & REFLECTION SHEET FEEDBACK week 3 - Research Problem: Color problems and emotional psychological problems in graphic design. - Problem Statement: Color is one of the most important elements in design, which can profoundly affect people's emotions, understanding and reactions. - Research Question: The cultural differences of each person and country. week 4 no feedback week 5 no feedback week 6 Pr
阅读全文