INTERACTIVE DESIGN Exercises2

 GCD 60904 / INTERACTIVE DESIGN

Exercises2

Bachelor of Design (Honours) in Creative Media

LIU CHENG RUI (0370930)

Instructions

Lecture notes

Week3
In this week's class learning, Mr. Rahman introduced the knowledge about website structure to us, as follows.

The Three Key Elements

These three elements form the foundation of a website.

Header
Usually includes a navigation menu, logo, website name, or other important information, located at the top of the page.

Body
It is the main content part of the web page, displaying main information such as articles, pictures, tables, etc.

Footer
Located at the bottom of the page, it usually contains copyright information, links, contact information, etc.


Organizing Content

By using title tags, you can create a hierarchy of content that helps users navigate the site more easily. At the same time, reasonable content grouping and clear labeling also help improve the user experience, making information finding and understanding more efficient.


Navigation Menus
Navigation menus help users quickly find the information they need. To ensure a good user experience, menu item labels should be concise and clear. At the same time, for websites with complex content or multiple levels, the use of drop-down menus can make navigation clearer and more convenient.
Exercises
Week3  Exercise 2 - Web Replication
In the process of copying the web page, I constantly change the font thickness and size, because it makes them look more restorative.

The process of copying web page 1

Copy the final result of the web page1

Page 1 copy PDF
The process of copying web page 2

Copy the final result of the web page2

Page 2 copy PDF
Feedback
Week3
The task of copying the website is not difficult for me, as long as the fonts with high similarity are selected according to the original, the final result is acceptable. I got into a bit of trouble planning font size, thickness, etc., because the arrangement couldn't be very similar, but eventually I found a way around the difficulty.

Comments

Post a Comment

Popular posts from this blog

Typography Task 1

Image
22.04.2024 - 20.05.2024 (Week 1 - Week 6) Chengrui Lau / 0370930/ Bachelor of Creative Media Typography Design (Honours) Task 1 : Practice LIST 1.   Lectures 2.   Instructions 3. Tasks 4. Feedback 5. Reflections 6. Further reading Lectures Week 1 / Introduction & Briefing Typo_0_Eportfolio briefing In the first week of the lecture, the teacher mainly taught us how to create our own blog, and the requirements and methods of uploading homework Type_0_Introduction After the class in the morning, I watched the video sent by the teacher and searched the information about type...
Read more

ILLUSTRATION & VISUAL NARRATIVE TASK 3：Final Project: Comic cover and Animated One Page intro

Image
Illustration and Visual Narrative Task 3: Final project: Comic cover and animation one-page introduction (Week 11 -- Week 14) Mission 3: Final project: Manga cover and anime one-page introduction Liu Chengrui (0370930) Illustration and Visual Storytelling | Bachelor of Creative Media Design |Taylor's University lecture Mr. Hafiz Zamri explained to us how this last task should be accomplished. Animated manga (or animated manga) is a form of animation that combines elements of a printed comic book and animation. Individual panels are expanded into a full shot, while sound effects, dubbing, and animation are added to the original artwork. (Wikipedia) complete 1. Comic book covers 2. Animation one-page introduction Animation range: 1. Parallax (creating depth) 2. Secondary actions 3. Animated background ...
Read more

TYPOGRAPHY | TASK 3: TYPE DESIGN & COMMUNICATION

Image
  TYPOGRAPHY | TASK 3: TYPE DESIGN & COMMUNICATION ||    10/06/24 – 22/07/24 (Week 8 – Week 13)  ||   Liu Cheng Rui , 0370930 ||   Typography  ||    Task 3: Type Design & Communication.  TABLE OF CONTENTS 1. Lectures 2. Instructions 3. Process work      3.1 Research      3.2 Ideation     3.3 Final outcome 4. Feedback 5. Reflection 6. Further Reading 1. LECTURES  Week9 In this lesson, Teacher Max shows us how to use three kinds of pens to draw our font design. It also tells us that we can use Procreat to complete the sketch on the tablet and perform font analysis. Week10 In this tutorial...
Read more