INTERACTIVE DESIGN FINAL PROJECT

-

 Start Week10- End Week14

Li Jingbu/ 0367209

Interactive Design/Bachelor Of Design In Creative Media

Instruction

Final Project

Project Overview:

In this web design project, you will create a single-page website dedicated to your favorite topic. This project will help you develop your web design and development skills while allowing you to showcase your passion for the topic of your choice.

Project Requirements:
Artist Selection: Choose your favorite topic as the subject of your website. Ensure you are genuinely interested in the topic, as this will help you create a more engaging website. Decide the site's goal to ensure that the site has clear content.

Content: 
Your content should have at least 5 sections that explain the topic of interest. It should engaging and significant to the topic. You should also include one CTA button that reflects the content.  

Design Elements:
Choose a color scheme and fonts that reflect the artist's style or your taste.
Ensure a visually appealing layout with a balanced use of text and multimedia.
Create a responsive design that adapts to different screen sizes (mobile-friendly).

Navigation: Implement smooth scrolling navigation or a simple menu that allows users to jump to different sections of the page.

Interactivity: Consider adding interactive elements such as image sliders, hover effects, or lightboxes for multimedia content.

Moodboard

Before I started my web design, I picked out some suitable pieces on my Pinterest page for my mood board.

moodboard

Sketches

I started creating my draft, which I divided into five chunks, home, content1, content2, histories, contacts.


sketch


Prcocess
First of all, I have selected enough icons and images to use in my work.


I started my web design in adobe illustrator.


Eventually I finished my design.


HTML&CSS Code

I'm ready to start programming in DW and have generated a lot of interesting little features.



Final Project Link：LINK


Reflections

Experience

The course was well-structured, with a good balance between theoretical knowledge and practical application. The instructor was knowledgeable and approachable, always ready to help with any questions or difficulties. The hands-on projects were particularly beneficial, allowing me to apply what I learned in real-time and see immediate results. Overall, the course provided a comprehensive introduction to web design, covering essential topics from HTML and CSS to more advanced concepts.

Observations

The class size was ideal, allowing for personalized attention and fostering a collaborative learning environment. Peer interactions and group projects enhanced the learning experience.

Discoveries

In conclusion, this web design course was a valuable learning experience that equipped me with essential skills and knowledge. I am confident that the discoveries I made and the observations I gathered will greatly benefit my future endeavors in web design.









评论

发表评论

此博客中的热门博文

Typography/ Exercise

-
图片
 26.09,23-/Week1-Week LI JINGBU /0367209 Typography/Bachelor of design (Hons) creative media/Taylor's University Task 1/ Exercises LECTURES Week 01 Lecture 01: Introductions In lecture, Mr. Vinod introduced us to typography. He explained that Typography is an act of creating typefaces or type families. I learned that  typography has envolved over 500 years from calligraphy to digitalization. It is "the art and technique of arranging type to make written language legible, readable, and appealing when displayed". And the process also created numbers and symbols. Typography is now something everyone dose. Typography can be seen at everywhere in our daily lives, Typography is applied in animation, website design, application design, posters, books and more. Font : refers to the individual font or weight within a typeface, I.e.: Georgia Regular, Georgia Italic and Georgia Bold or Frutiger Light, Roman. Typeface: refers to the various families that do not share characteristics,...
阅读全文

ADVANCED TYPOGRAPHY TASK1

-
图片
 April 21, 2024 Start Week1-Week3 LI JINGBU/0367209 ADVANCED TYPOGRAPHY/Bachelor of design(honours) in creative media Instruction Lecture Summary Week1 In the first week, Ms. Vinod introduced us to the requirements of the module and the tasks for the semester. In the first week we need to complete eight printing systems. Axial Radial Dilatational Random Grid Modular Transitional Bilateral "Typographical organization is complex because the elements are dependent on communication in order to function. Additional criteria such as hierarchy, order of reading, legibility, and contrast also come into play. The typographic systems are akin to what architects term shape grammars. The typographic systems are similar that the systems has a set of rules that is unique and provides a sense of purpose that focuses and directs the decision making." (Elam, 2007) 1.Axial System All elements are aligned to the left or right of a single axis, which can be curved. 2.Radial System All elements e...
阅读全文

INTERACTIVE DESIGN Exercise 1&2&3

-
图片
 April 28, 2024 Week1 Exercise LI JINGBU/ 0367209 Interactive Design/ Bachelor of Design in Creative Media Lecture In this week's lesson, we learned about website usability. Usability refers to how effectively, efficiently, and successfully a particular user can utilise a product or design in a certain situation. It is a part of User Experience (UX) Design. It is the second level of UX Design A design’s usability depends on how well its features accommodate users’ needs and contexts. Key Principle of Usability 1. Consistency 2. Simplicity 3. Visibility 4. Feedback 5. Error Prevention 1. Consistency Consistency is key for these patterns to be recognized and learned by users. If similar-looking things do not produce a similar output, the user is bound to become frustrated. For example, if a website’s buttons are protruding boxes with labels on them, then all of the website’s buttons should look like that. Similarly, if a backward arrow denotes the back button, then it should not be c...
阅读全文