INTERACTIVE DESIGN PROJECT 2

4/10/2018 - 18/10/2018  (Week 6 - Week 8 )
Ng Shu Zhi (0327158)
Interactive Design - Project 2 - Typosexual Typographic Exhibition Collateral: Interactive Microsite

 LECTURES
Week 8: We had a lecture on the usage of Bootstrap.

INSTRUCTION


 WORK

The code for the website for the first attempt




The css for the first attempt of this project

The layout for the first attempt

FEEDBACK
Week 9
Specific Feedback: I was told that my wireframe was very simple and would be easy to do with such a simple layout

Week 10
Specific Feedback: My coding was very messy as everything wasn't in their own container so ti was hard to check and fix problems that occur to the page, then I was recommended to use bootstrap to make my page more easier.


REFLECTION
Experience
Week 9
For this week I didn't try to use bootstrap because after my first few failed attempts, I thought I wouldn't have enough time to fully understand how to use it. So I just used normal coding and css

Week 10
After the tutors looked through my code, it showed that I had many mistakes like not having containers and having some headers placed in wrong areas so it was hard to fix my mistakes, hence I chose to restart my work.
Observation
Week 9
-

 Week 10
Using bootstrap does sped up the design for a page as in the html code, it already has some coding for font size and designs.
Findings
Week 9
-

 Week 10
Using bootstrap does help in speeding up the design for the project since the pre-coded html has some coding for certain parts like example for footer it already had the code <small> which made the written text small as well.

Comments

Post a Comment

Popular posts from this blog

INFORMATION DESIGN - EXERCISE

Image
7/1/2019 - 28/1/2019 (Week 1 - Week 4) Ng Shu Zhi 0327158 Information Design - Exercises LECTURES Week 1 Tuesday Week 1 Thursday Week 2 Tuesday Week 2 Thursday INSTRUCTIONS WORK Week 1-Monday For the first week of class we did an exercise to refresh our minds on After Effects. We had to choose a topic to make a short infographic video. I chose to do my dog because I knew my dog very well and since it was just a simple warm up, we couldn't spend a lot of time on just research. Week 2 - Tuesday For this class we were to count buttons to make data to share to make an infographic poster My buttons arranged according to size, texture, hole amounts and colour. My data collected at the end of the session Week 2 - Monday We learned how to make dynamic animation in After Effects where when we use numbers, they can change automatically. Then each group was assigned a topic to make an infographic video and my group got currency. I chose to conv...
Read more

VEHICLE AND PROPS DESIGN

Image
EXERCISES WORK Today we had an exercise to practice our basic blocking and perspective. We had to block the basic shapes from 2 ground, air and water vehicles which we found from the internet. REFLECTION My first attempt at this was bad as I'm not good at perspective or thinking in the most basic form. I wanted to finish the sketch quick to the end product and that was bad as it was rushing through the basics of perspective. First attempt Through a lot of focus and patience I was able to try and fix my perspective to be at least a little bit more accurate but there's still a long way to go. I added some perspective guidelines for this and really focused on getting just the basic forms of the car right first. second attempt
Read more