Posts

Showing posts from June, 2024

Interactive Design - Project 2

Image
19/6/24 - 26/6/24 (Week 9 - Week 10) Aisya Diva Anwagodsa (0365505) Interactive Design / Bachelor of Design (Hons) in Creative Media Project 2 JUMP LINK Lectures Instruction Project 2 Final Result Reflection LECTURES Week 9 Mr. Shamsul taught us how to use columns, this class was held online because the air-conditioner broke. This is the result of my practice on week 9. Fig. 1.0 Layout Exercise (Week 9) Fig. 1.1 Layout Exercise (Week 9) Netlify Link 🔝 INSTRUCTION Working Web Page The objective of this assignment is to transform your static prototype from Project 1 into a fully functional and interactive web page.   You will apply your knowledge of web layout class to create a working website that closely aligns with your original prototype. Review your static prototype from Project 1 and analyze its layout, typography, color scheme, and imagery. Use HTML and CSS to translate the design elements into code, ensuring a faithful representation of the original prototype. Aim for p...

Advanced Typography - Task 2: Key Artwork & Collateral

Image
15 /5/2024 - 29/5/2024 (Week 4 - Week 6)   Aisya Diva Anwagodsa (0365505) Advance Typography/Bachelor of Design (Hons) in Creative Media Task 2/Key Artwork & Collateral JUMPLINK Lectures Instruction Task 2A Process & Ideation Final Result Task 2B Process Final Result Feedback Reflection Further Reading LECTURES Week 6 - Perception & Organization In typography perception is: visual navigation and interpretation of the reader via contrast, form organization of the content (content: Textual, visual, graphical, and color).   Contrast:  In typography, contrast is needed to separating different types of information.  There are several methods to create contrast in typography, the example of contrast by Rudi Ruegg can be seen in picture below. Fig. 1.1 Contrast by Rudi Ruegg (20/6/24) Contrast based on Dair's perception: Fig. 1. 2 Contrasts by Carl Dair (20/6/24) Size: Provides a point to which the reader's attention is drawn.   The example is when we...