Interactive Design Exercise 2
Week 03
Siam Siew Yong 0358399
Bachelor of Design in Creative Media | Taylor’s Design School | Taylor’s University
INTRODUCTION
EXERCISE 2: WEB REPLICATION
Objective- We required to replicate TWO(2) websites from the link given by sir, and we can use software Illustrator, Photoshop, and Figma.
Link:
The first website I replicate is https://www.morganstanley.com/?authuser=0
Here's the full-size screenshot of the website pages
.png)
I use Illustrator to complete this task
First, I imported the image into Illustrator and cropped the artboard size to fit the image
I also found similar images from Pexel to replace the original image, and I replaced the original font with similar ones from Google Fonts. I download the logo icon through website Flaticon.
 |
| process in Adobe Illustrator |
For similar fonts, I used Roboto and Calibri
 |
| adjusting the font size |
 |
| searching logo and edit https://www.flaticon.com/ |
 |
| arrange the position |
Final replication
The second website I replicate is https://www.oceanhealthindex.org/?authuser=0
Here's the full-size screenshot of the website pages
Process same with the first website replicate
Fonts I used is Roboto and Calibri
Fonts I used is Roboto and Calibri
 |
| syncing the font with the original website |
 |
| arrange the position |
Final replication
Comments
Post a Comment