INTERACTIVE DESIGN-----Exercise 3

-

Exercise 3 - Creating a Recipe Card

_________

 DING JIAQI / 0379388

Interactive Design  / Bachelor of Interactive Spatial Design 

_________

Apple pie：https://69062852f3d90871db06fac9--flourishing-torte-529c80.netlify.app/

INTRODUCTION:

This task involves developing a “Recipe Card” webpage using HTML and CSS. The objective is to apply the web structure and styling concepts we’ve learned to ensure the site not only displays text and images correctly but also demonstrates good typography and visual design.

I created a website about apple pie.

initial website：https://69062852f3d90871db06fac9--flourishing-torte-529c80.netlify.app/




Pre video:

Comments

Post a Comment

Popular posts from this blog

INTERACTIVE DESIGN: EXERCISE 1: WEBSITE ANALYSIS

-
Image
INTERACTIVE DESIGN: EXERCISE 1: WEBSITE ANALYSIS  —— Start from 3.9.2025 23.9.25-1.10.2025/Week1- Week2 Ding Jiaqi/0379388  Interactive Design/ Bachelor of interactive spatial design —— EXERCISE 1: WEBSITE ANALYSIS      1. Select Websites: Choose five (5) websites from the provided link. 2. Analyze Websites: For each selected website, review it carefully by considering: The purpose and goals of the website and whether they are effectively communicated to users. The visual design and layout, including the use of color, typography, and imagery. Functionality and usability, including navigation, forms, and interactive elements. The quality and relevance of the content, including its accuracy, clarity, and organization. The website’s performance, such as load times, responsiveness, and compatibility with different devices and browsers. Identify the strengths and weaknesses of each website and how they impact the user experience. 3. Write Reports: Write a brief repor...
Read more

Advanced Interactive Design - Task 1_Thematic Interactive Website Proposal

-
Image
  Advanced Interactive Design - Task 1_Thematic Interactive Website Proposal ——— Ding Jiaqi/0379388  Advanced Interactive Design / Bachelor of interactive spatial design ——— MLO 2: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. Most such websites utilize multimedia such as videos, animations, interactive graphics displayed on the page, or other clickable elements which have interactive components that provoke the user. This dynamic experience is meant to keep the user interested in addition to the thematic concept. Themes in such websites vary from educational, cultural, promotional campaigns to product launch. For example, a thematic interactive site could be a museum. Users can go through a virtual exhibition space through interactive tours, games simula...
Read more

GAME DEVELOPMENT：FINAL DEDIGN

-
Image
 game development：final design  ——— This blog is about the 3d modeling process of "Iron Rain". At the beginning of the modeling, we discussed with the team members approximately which models to make in blender. After determining them, we began to make them.   The first weapon we modeled was the most important one. It is the most important and also the most difficult one, because we have never made a model for driving the drawing before. Based on the gun designed in the game design stage, we thought that there could be two mechanisms on the weapon. For instance, when the button on the left is pressed, the umbrella can open and close. Press the button on the right, and the tip of the umbrella will release a purple current for about three seconds. The effect is particularly cool. This is the reference picture we were looking for at that time, but the shape and details in it are relatively complex. During the actual production process, we will make appropriate simplifications...
Read more