Interactive Design : Final Compilation
18/9/2023 - 2/10/2023 / Week 1 - Week 14
Dow Jia Zheng - 0354184 / 040604-14-1581
Interactive Design / Bachelors of Design in Creative Media / Taylors Lakeside Campus
Final Project Compilation
Interactive Design Project 1 : Prototype Design
Interactive Design Project 2 : Working Web Page
Interactive Design Final Project : Creating a Single-Page Website for an Artist
Feedbacks
Week 5
The digital resume should have more then or minimal of 5 sketches as to get
the best possible one as well as the first sketches that we design will tend
follow the the references more. And it is important not make it too
complicated as we need to make it become a real website in the next week.
Week 9
Be sure to use to inspect in google to make sure it is mobile friendly as well.
Week 10
Create more sketches and combining the idea to get the best design.
Week 14
Move the Gallery section to the bottom last, while putting Biography
section in second place above the Introduction section. The links has 4
different stages in CSS where I could change color and add other thing
to it.
INSTRUCTIONS
Exercises - Compilation
Website Analysis:
https://docs.google.com/presentation/d/1XMpop4_PqpKJaMgOeP19Tf5QYwiid0f2EebLqs7F4wc/edit?usp=sharing
Website Replication:
Original: https://banditrunning.com/?authuser=0
Part 1
Part 2
HTML and CSS Document Development
HTML and CSS coding
Part 1 Prototype Design – Digital Resume/CV
Part 2 Final Design – Creating a Digital Resume/CV
Final Project :
Creating a Single-Page Website for an Artist
Final Work
REFLECTION
Project 1
This project give me first hand experience in designing a digital resume
where I done some research in some other example of digitals resume before
beginning the sketching process. Where as the other digital resume example
are real good and well design that is maybe way out of my ability to code
into a real website yet, so I decided to look more simple and also nice one
to take note of essential features that give me clear sense of what am I
goin to do. Where in the end I decided that my resume will settle on 3 color
that is white, light green and light gray where as to make it too
complicated as well as making my picture in resume round as to make it
smoother.
From what I have observe so far are that the first importance of the digital
resume is that it need to be readable and organize to allow reader to read
easily where as adding too many features to the resume may make it too hard
to read as well as the color and text need to be contrast with each other as
to ensured the text is clear to read.
Where what I have found in doing my digital resume is that I have gain
deeper understanding of how information should be organize whereas the
important not going overboard with the design instated thoughtful
consideration should be consider as add that elements in the design.
Project 2
The project 2 is continuation of project 1 where from the prototype design
to creating a actual working web page using HTML and CSS was a wonderful
and amazing experience for me as I felt very accomplish. This first
experience in creating a actual website has give me a basic understanding
of web development and design where I learn to use style and class
attribute as well as using the CSS to get the style and the layout of the
webpage that I wanted for my digital resume website.
This project has teach me about importance of a responsive design website,
ensuring that the code in the HTML and CSS is working how it should
through the various computers and mobile devices screen sizes.
Being my first time to actually designing a website was quite a challenge
to me as it took me quite a while to get both the HTML and CSS working in
computers and mobile devices screen as I encounter quite a few bug and
obstacle where I have to consult with my lecturer about it whereas it also
test my problem solving skills greatly.
Final Project
The final project expanded my knowledge in coding HTML and CSS in areas
that I never even think it was possible whereas this project test my
ability to the best as I use the knowledge that I acquire throughout the
whole 14 weeks in semester. This project test my knowledge as the first
thing I done is deciding which favorite artist I want to go with
and doing some research on website that talk about them. Then I began my
sketches where I design 6 of them where I settle on the final 6 sketches
after gaining some feedback from my lecturer, so I began the next part
that is designing the website. After finally completing I began testing
it and finding bug that I need to fix and also ensuring the
website is very responsive whereas in the end the website did work what
I wanted in the end, although there some part that I wish I could
improve in website even further.
Overall it was quite a challenging task for me to complete that taught
me a lot and that it was really amazing to see the website that I work
on is finally accomplish and working.
Comments
Post a Comment