INTERACTIVE DESIGN | FINAL COMPILATION AND REFLECTION

-

 

INTERACTIVE DESIGN | FINAL COMPILATION AND REFLECTION


November 30, 2023

21/11/2023 - 10/12/2023 (Week 13 - Week 15)
Xing Yu / 0361463
Video and Sound Production / Bachelor of Design (Hons) in Creative Media

Final Compilation and Reflection 

Exercise: https://www.blogger.com/blog/post/edit/6734301763791750033/1513132130335566037


Project 1: https://www.blogger.com/blog/post/edit/6734301763791750033/8551189119743936759


Project 2: https://www.blogger.com/blog/post/edit/6734301763791750033/2338146349523007934


Project 3: https://www.blogger.com/blog/post/edit/6734301763791750033/9201335402415470

Task 1: Prototyping





Fig.2.2 Final Prototype Design JPG



PROJECT 2: WORKING WEB PAGE  



Prototype


Final Working Web Page

Link: https://heartfelt-halva-01846c.netlify.app/


Final Project - Creating a Single-Page Website for An Artist




Final prototype


Netlify link: Jay Chou (xingyu999000.netlify.app)


Reflection


By prototyping web pages with Adobe XD, I have experienced its excellent interface design and user experience design capabilities. The simple, intuitive interface of XD makes quickly prototyping a pleasant experience, and the rich library of interactive elements gives us more options to speed up the design process. Dreamweaver gives me more flexibility and control. By using Dreamweaver for web authoring, I've learned how easy it is to edit HTML and CSS directly.


评论

发表评论

此博客中的热门博文

TASK 3 (Development & design)

-
图片
 TASK 3 (Development & design) March，02，2025  Week5-Week7 Xing Yu / 0361463 Design Principles GCD60804/ Bachelor of Design (Hons) in Creative Media INSTRUCTIONS In Task 3 Design post in the blog, include: After the visual analysis, you will now create a work of design, based by the idea you have proposed in Task .     You are expected to apply your knowledge of design principles in your idea development and final design. You may use any medium and/or materials, except for full photography, that are suitable to convey your final visual message. Visual References Fig 1.1 Ivan Aivazovsky :  Ship on Stormy Seas Title  ： Ship on Stormy Seas Artist's Name  :    Ivan Aivazovsky (1817-1900) Object type : painting Date : circa 1850s Medium : oil on canvas Dimensions height : 20.5 cm(8 in); width: 28.5 cm(11.2 in) Collection : Private collection Source/Photographer :  Roroth...
阅读全文

Publishing Design Task 2

-
图片
  Publishing Design_Task 2 Week 1 - Week 7 (21/09/2024 - /10/2024) Xing Yu 0361463 Bachelor of Design (Hons) in Creative Media GCD 61404 / Publishing Design Task 2  INSTRUCTION TASK 2 FINAL SUNBMISSION Content Generation： Visualization： ...
阅读全文

TASK 2 (Visual Analysis & Ideation)

-
图片
TASK 2 (Visual Analysis & Ideation)  February，02，2025  Week3-Week5 Xing Yu / 0361463 Design Principles GCD60804/ Bachelor of Design (Hons) in Creative Media INSTRUCTIONS Visual Analysis Fig 1.1 Ivan Aivazovsky :  Ship on Stormy Seas Title  ： Ship on Stormy Seas Artist's Name  :    Ivan Aivazovsky (1817-1900) Object type : painting Date : circa 1850s Medium : oil on canvas Dimensions height : 20.5 cm(8 in); width: 28.5 cm(11.2 in) Collection : Private collection Source/Photographer :  Rorotheum Lot No.159 Source Link:  File:Ivan Aivazovsky - Ship on Stormy Seas.jpg - Wikimedia Commons Observation: The artwork takes the form of a horizontal composition, with the artist focusing on a ship engulfed in a torrential rain. The low dark clouds around create a strong sense of oppression and terror. The waves show a gradient of green and dark blue from near to far, and the tran...
阅读全文