Posts

Advanced Typography: Task 3

 21.04.2025 - 12.05.2025 / Week 1- Week 4 Angelique Svetlana Pekasa / 0377365 Advanced Typography / Bachelors Of Creative Media / Taylor's University Task 1: Exercise 1  Table of contents Lectures Instructions Task 1 Feedback Reflections Further Reading Lectures  Instructions Task 1: Exercise 1  Feedback Week 1: General feedback: Specific feedback: Reflections
Post a Comment
Read more

Interactive Design: Project 2

Image
27.05.2025 - 16.06.2025 / Week 6- Week 9 Angelique Svetlana Pekasa / 0377365 Interactive Design / Bachelors Of Creative Media / Taylor's University Project 2: Table of contents Lectures Instructions Exercises Reflections Lectures Week 6 Notes Universal selector: selec all elements on the page, represented by * Element selector: targets HTML elements by their tag name.  ID selector: Targets an element with specific id attribute, represented by # followed by ID name. Class selector: Targets elements with a specific class attribute, represented by . followed by class name. Descendant selector: selects an element that is a descendant of another element,  Child selector: selects elements that are direct children of another element, use ul > li Pseudo-class selector: Selects elements based on their state or position in relation to other elements.   Placeholder: suggest wat to input in the text fill Week 7 Notes Pseudo-Class selector  Link have 4 states (need to be ...
Post a Comment
Read more

Advanced Typography: Task 2 Key Artwork & Collateral

Image
 21.05.2025 - 04.06.2025 / Week 5- Week 7 Angelique Svetlana Pekasa / 0377365 Advanced Typography / Bachelors Of Creative Media / Taylor's University Task 2: Key Artwork & Collateral Table of contents Lectures Instructions Task 1 Feedback Reflections Further Reading Lectures Week 5 Lecture 5: Perception and Organization Perception is how something is interpreted, in typography it deals with visual navigation and interpretation of the reader via contrast, form and organization. Contrast is important to create distinction of information.  Contrast can be divided into 7 types: Fig 1.1, Types of contrast, (Week 5 25/05/2025) Contrast in Size: Draws the readers attention to a certain point. Contrast in Weight: Describes how bold type can stand out against ...
Post a Comment
Read more

Interactive Design: Project 1

   21.04.2025 - 12.05.2025 / Week 1- Week 4 Angelique Svetlana Pekasa / 0377365 Interactive Design / Bachelors Of Creative Media / Taylor's University Task 1: Exercise 1  Table of contents Lectures Instructions Exercises Reflections Lectures Week 4 Notes Html code comes in pairs: opening and closing ()= java script <>= HTML {}= CSS Opening tag= <p> Closing tag= </p> Attributes: provide additional info, provide info to the browser In HTML u need to define the section: <body> <head> <title> information is wraped in a tag ex:  <h1>information</h1> Parent element ex: <body>     <h1></h1>     <h2></h2>  (child element: element that lives inside a parent element) ...
Post a Comment
Read more

Interactive Design: Exercise 2

Image
 21.04.2025 - 12.05.2025 / Week 1- Week 4 Angelique Svetlana Pekasa / 0377365 Interactive Design / Bachelors Of Creative Media / Taylor's University Task 1: Exercise 1  Table of contents Lectures Instructions Exercises Reflections Lectures Week 2 In this week we were told that consistency creates pattern and the key to most websites are the hit areas of a screen that resembles an "F" pattern which shows on where our eyes look at the screen the most. In this week's class we were also told to form a group and make paper simulation of Taylor's navigation website. Shown below is my group's work. Fig 1.1, Paper simulation, Week 2, (07/05/2025)  Instructions Exercise 2 TASK INSTRUSTIONS Your task is to replicate  TWO (2)  existing main pages of the websites that you have analyzed in  Exercise 1  to gain a better understanding of their structure. Follow the dimensions of the existing website, including the width and height. This exercise will help you develop...
Post a Comment
Read more