Posts

Showing posts from July, 2020

Interactive Design Final Project

Image
Yeoh Wen Jun ( 0334234 ) Interactive Design Final Project INSTRUCTION FINAL PROJECT For our final project, we will need a classmate to be our partner. The reason we need a partner is that we are going to create a website for each other. Our partner will be our client and they will provide all the information. We need to design a website based on what the client want.  Kyra will be my partner for this project and we choose each other because we know what each other want. Basically, she wants a website for her online comic. She has created a series of interesting and cool characters for her comic and I need to introduce them to the website. The "call of action" for her website will be "read now".  Before we start, we need to create a mood board to show the lecturer and our client. Below is my Moodboard: Fg1.0 Images provided After I showed the mood board to Kyara and the lecturer, I started to design the layout on Adobe Illus...

Interactive Design Project 2

Image
Yeoh Wen Jun ( 0334234 ) Interactive Design Project 2 INSTRUCTION LECTURE Week 8 This week, Bootstrap was being introduced in the class. We had a lecture section to learn about Bootstrap. The reason that we learning Boostrap this week is that we will need to apply it in our project 2 which is start do HTML and CSS. Which mean this time we will need to do HTML, CSS and also Bootstrap. Below is the slide provided by the lecturer: Week 9 & Week 10 In these two weeks, we will need to proceed with our project 2. Basically, project 2 is part 2 of our project one as project one is to design, and project 2 is to create the website. Fg.1.0 shows my project 1 final design. Fg.1.0 Project 1 final Design My progression of doing HTML and CSS on Dreamviewer: Fg.1.1 Progression of HTML and Bootstrap on Dreamviewer Fg.1.2 Progression of CSS on Dreamviewer HTML Code: CSS Code: Link to the website:  https://project2adida...

Interactive Design Project 1

Image
Yeoh Wen Jun ( 0334234 ) Interactive Design Project 1 INSTRUCTION Week 5 This week, we were given a brief on our first project for this module. We were asked to choose a topic with a "call of action" for a website. We also needed to show our sketches to the lecturer next week. I decided to do a website for Adidas with the "call of action of" shop now. First of all, I started to get some references for shopping websites. Fg.1.0 Shopping Website reference  Fg1.1 Shopping Website reference After that, I also refer to Adidas official website to look at their styles. www.adidas.com.my/ Fg.1.2 Adidas Website reference  Fg.1.3 Adidas Website reference Footer Week 6 This week we were asked to show our sketches for project 1 in the class. Mr.Shamsul says that my design looks clean and I can start to proceed with it. Below is my design for project 1: Fg.1.4 My design for Project 1  Week 7 This week, the lecture...

Design Research Methodology Research Report & Presentation

Image
Yeoh Wen Jun ( 0334234 ) Design Research Methodology Research Report & Presentation INSTRUCTION FINAL PROJECT For our final project, we need to compile our research proposal, 7 critical reviews, and data collection together. That will be our research report. Then we need a slide and a video of us presenting our slide. The video should not more than 5 mins and the slide should not more than 20. Below are the slide and details about our final project prepare by the lecturer: Below is my slide and my presentation: My Research report:

Advanced Typography Final Compilation & Reflection

Image
ADVANCED TYPOGRAPHY- FINAL COMPILATION & REFLECTION Yeoh Wen Jun ( 0334234 ) Advanced Typography Final Compilation & Reflection INSTRUCTION Exercises Project 1 Project 2 Final Project SUBMISSION Exercise 1: Typographic System Fg.1.1 Bilateral System Final Fg.1.2 Modular System Final Fg.1.3 Transitional System Final Fg.1.4 Axial System Final Fg.1.5 Grid System Final Fg.1.6 Dilatational  System Final Fg.1.7 Radial System Final Exercise 2: Type & Play Part 1 Fg.1.8 Source Image Fg.1.9 Type & Play Part 1 Final Part 2 Fg.2.0 Type & Play Part 2 Final Project 1: Key Artwork Fg.2.1 Key Artwork Final Project 2: Key Artwork Collateral Fg.2.2 Collateral Poster Final Fg.2.3 Social Media Invitation GIF Final Fg.2.4 Collateral Flag Fg.2.5 Collateral Totebag Final Project  Fg.2.6 Junny std Final Application: ...

Interactive Design Exercise

Image
15/4/20 Yeoh Wen Jun ( 0334234 ) Interactive Design Exercise LECTURE Week 1 In the first class, the lecturer started the class with a brief of this module. We also went through the MIB. After that, we had your first lecturer which Mr.Shamsul explained what is a website to us. Several types of website also being introduced by the lecturer. After that, we were given our first exercise. This exercise is to make us more understand how to differentiate the type of website. Week 2 This week's lecture is about Web Standard. Then we also learn about how the web works and the structure of a web. After that, Mr. Shamsul also shows us some basic to do coding for HTML. He also told us the  purpose of attributes, tags in website design. Week 3 This week we mainly focus on how to add image in HTML. The lecturer also explained the differences between JPEG, PNG, and GIF. <img> will be the main tag and add on src="url" for our image source. We can also...