Interactive Design | EXERCISE 2

Gao Yuan Yi 0373945

Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University

Exercise 2


INTRUCTION



Exercise 2 - Web Replication

Our task is to replicate TWO (2) existing main pages of the websites given in the link below to gain a better understanding of their structure. Choose any two from the link given. Follow the dimensions of the existing website from the width and height.

This exercise will help you develop your design skills using software such as Photoshop or Adobe Illustrator, and gain insights into web design best practices. You can use any image from stock image or free stock icon. The image that you will be using does not have to be an exact image from the original website. You may replace it with a similar image. Focus on the layout, type style, and color style. To find similar typefaces/fonts, you can download fonts from Google Fonts. You may need to screengrab the website and can begin to replicate the page.

Links

Free image

Google Fonts link

Website #1 - Morgan Stanley

Fig. 2. 2 Working process in Illustrator

Fig. 2. 3 Side by side comparison (left-original, right-replicate)

Website #2 - Bandit Running

Fig. 2. 5 Working process in Illustrator

Fig. 2. 6 Side by side comparison (left-original, right-replicate)

Final Replicate Progress-PDF

Fig. 2. 7 Final replicate progress-PDF (up-Morgan Stanley, down-Bandit Running)

Comments

Popular posts from this blog

Typography | Task 1: Exercises

Design Principles | Task 1 Exploration

Advanced Typography: Task 1 Exercises